vue-echarts 宽度和高度等比例缩放问题

vue-echarts介绍：https://github.com/ecomfe/vue-echarts/blob/HEAD/README.zh-Hans.md

大家有兴趣可以看看官方文档

安装vue-echarts

npm i -S vue-echarts echarts

如果是vue2 还需要安装

npm i -D @vue/composition-api

现在要说的就是自适应比例的问题了

用到的属性就是 autoresize

举个例

<e-charts style="width: 96%;height: 32vh" autoresize :option="option1" />

宽度给个百分比 高度我给个vh 这样屏幕大小变化也会跟着变化

其他问题大概就是 引入单页面的时候 网上很多是旧版引入

现在引入已经变成

import * as echarts from 'echarts'

main.js 引入

import ECharts from 'vue-echarts'
import 'echarts'
Vue.component('ECharts', ECharts)

e-charts官网样式：https://echarts.apache.org/zh/download-theme.html