项目中直接使用的echart样式可能并不符合ui的设计需求,这时就可以更换eChart主题来符合你的预期。
1.项目文件中引用
import echarts from 'echarts';
2.链接: eChart官网
按照步骤来:
点击下载
把下载的js文件放到vue项目里的public文件,在index.html中引入。
3.初始化主题名
<div ref="lineChart" style="height: 400px;width: 98%;"></div>
this.chart = echarts.init(this.$refs.lineChart,'vintage')//vintage是主题名称