vue中如何使用echarts
1、在package.json文件中添加echarts的依赖配置(dependencies),如下图所示。
2、添加echarts组件的import操作,以及echart全体变量定义,如下图所示。完成上述配置后,下面echart应用演示。
3、新建一个.vue文件,在<template>节点添加如下图演示代码(一个柱状图div一个饼状图div),如下图所示。
4、methods中添加initHistogramChart和initPieChart,以及在mouted中添加对上述两个方法的加载过程。
5、initHistogramChart(柱状图)实现方法,echart初始化获取的document元素histogramChart实例,如下图所示。
6、运行演示代码。运行效果如下图所示。
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
阅读量:81
阅读量:62
阅读量:24
阅读量:77
阅读量:79