vue2使用echarts自定义tooltip内容

先上最终效果图
#vue2使用echarts自定义tooltip内容_第1张图片

实现过程:

一、下载引入echarts

  1. 下载
npm install echarts --save
  1. 在main.js中引入
import * as echarts from "echarts";
Vue.prototype.$echarts = echarts;

二、使用




三、其他
若报错:[Vue warn]: Error in v-on handler: "Error: Initialize failed: invalid dom."
原因:在渲染前就执行这个方法
解决方案:等元素被初始化成功后执行,使用 this.$nextTick(() => {})

你可能感兴趣的:(echarts,javascript,vue,前端)