Browse Source

feat: readme 更新 图表尺寸调整

main
betaqi 1 month ago
parent
commit
4249fc2df6
  1. 23
      README.md
  2. 4
      src/views/stationData/component/newDataChart.vue

23
README.md

@ -1,32 +1,23 @@
# vue-project # EMU数据迁移平台
This template should help get you started developing with Vue 3 in Vite. ## 推荐的IDE设置
## Recommended IDE Setup [VSCode](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (
and disable Vetur).
[VSCode](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur). ## 项目依赖安装(Project Setup)
## Type Support for `.vue` Imports in TS
TypeScript cannot handle type information for `.vue` imports by default, so we replace the `tsc` CLI with `vue-tsc` for type checking. In editors, we need [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) to make the TypeScript language service aware of `.vue` types.
## Customize configuration
See [Vite Configuration Reference](https://vite.dev/config/).
## Project Setup
```sh ```sh
npm install npm install
``` ```
### Compile and Hot-Reload for Development ### 本地开发服务器(Compile and Hot-Reload for Development)
```sh ```sh
npm run dev npm run dev
``` ```
### Type-Check, Compile and Minify for Production ### 生产环境构建(Compile and Minify for Production)
```sh ```sh
npm run build npm run build

4
src/views/stationData/component/newDataChart.vue

@ -192,7 +192,7 @@ const chartOption = computed<EChartsOption>(() => {
left: 60, left: 60,
right: 198, right: 198,
top: '5%', top: '5%',
bottom: `25%`, bottom: `10%`,
}, },
tooltip: { tooltip: {
trigger: 'axis', trigger: 'axis',
@ -342,7 +342,7 @@ const chartOption = computed<EChartsOption>(() => {
start: startPercent, start: startPercent,
end: endPercent, end: endPercent,
height: ZOOM_HEIGHT, height: ZOOM_HEIGHT,
bottom: '20%', bottom: '4%',
borderColor: '#88abf5', borderColor: '#88abf5',
dataBackground: { lineStyle: { color: '#d2dbee' } }, dataBackground: { lineStyle: { color: '#d2dbee' } },
selectedDataBackground: { lineStyle: { color: '#2c6cf7' } }, selectedDataBackground: { lineStyle: { color: '#2c6cf7' } },

Loading…
Cancel
Save