方法一： 通过声明类的形式
在vue项目中使用echarts，可以通过声明一个类的方式进行。
1. 首先使用npm 下载 echarts依赖。
2. 声明一个类（echarts公共的类）：此处文件名是commion.js
代码如下：
此代码可以直接复制使用：
import * as echarts from "echarts"; // 引入echarts文件
import "echarts-liquidfill/src/liquidFill.js";// ecahrts的水球
//（因为一些特别的图表，比如水球，需要下载特别的依赖，所以也要在此处引入）
// 但是大部分的简单的图表不需要引入
export default class Common {
$el = {};
$e = {};
chartOption = {};
myChart = {};
option = {};
legendIcon = "path://M-65,40a8.009,8.009,0,0,1-8-8V6a8.008,8.008,0,0,1,8-8h26a8.009,8.009,0,0,1,8,8V32a8.01,8.01,0,0,1-8,8ZM-67,6V32a2,2,0,0,0,2,2h26a2,2,0,0,0,2-2V6a2,2,0,0,0-2-2H-65A2
开通VIP 解锁文章