echarts及vue-echarts笔记&问题

（1）图表数据的添加

方式一：

xAixs.data与series.data都是数组，一一对应。

xAixs.data：[1,2,3,4.....]

series.data：[1,2,3,4.....]

方式二：

series.data数组中每个元素是一个数组，分别对应x,y的值

series.data：[[1,2], [2,5], [3,6], [4,7].....]

方式三：

series.data数组中每个对象名称为value

series.data： [{value: [time, value]}, {value: [time, value]}]

 

（2）vue-echarts不显示toopltip

无论怎么调试鼠标放在图表上都没有显示tootip：

原因是VueCharts的每一个功能都需要单独引入,引入如下：

import 'echarts/lib/component/tooltip'

参考：https://www.jianshu.com/p/a4a18769bfe4

 

（3）echarts添加自定义内容（例如添加自定义横坐标）

使用graphic属性

参考：https://www.echartsjs.com/zh/option.html#graphic