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、运行演示代码。运行效果如下图所示。