Vue中使用Echarts

什么是Echarts

Echarts是一个基于 JavaScript 的开源可视化图表库

官方文档

Apache ECharts

使用

1,NPM 安装 ECharts

你可以使用如下命令通过 npm 安装 ECharts

npm install echarts --save

2,//全局引入echarts

Vue中使用Echarts_第1张图片

import * as echarts from 'echarts'

Vue.prototype.$echarts=echarts

3,在组件中引用

一个div就表示将来的一个图形

Vue中使用Echarts_第2张图片



4,查看效果

Vue中使用Echarts_第3张图片

5,修改柱状图颜色

修改对应的柱状体的数据内容部分

Vue中使用Echarts_第4张图片

你可能感兴趣的:(arcgis)