vue.js中如何使用echarts流程
工具/原料
WebStorm开发工具软件
方法/步骤
1
在package.json文件中添加echarts的依赖配置(dependencies),如下图所示。
2
添加echarts组件的import操作,以及echart全体变量定义,如下图所示。完成上述配置后,下面echart应用演示。
3
新建一个.vue文件,在节点添加如下图演示代码(一个柱状图div一个饼状图div),如下图所示。
4
methods中添加initHistogramChart和initPieChart,以及在mouted中添加对上述两个方法的加载过程。
5
initHistogramChart(柱状图)实现方法,echart初始化获取的document元素histogramChart实例,如下图所示。
6
运行演示代码。运行效果如下图所示。
上一篇:简单易学的折信纸方法
下一篇:如何种植花椰菜