echarts y轴显示 没有数据_Echarts 踩坑

导语：近日在项目中需要用到echarts图表，因为是第一次使用echarts图表画图，所以也遇到很多坑；特意整理总结了一下，希望对小伙伴有帮助

项目是用vue-cli搭建，使用的quasar框架

1.tooltip(提示框) 提示框的样式数据和样式修改

因为项目中的图数据是区间的数据差，例如：'+99.9' = '+99' + '+95' ; [+99.9,+99,+95] = [5,3,2]

所以在'series':[{

'type': 'bar',

'barWidth': this.bar_width,

'barGap': '-50%',

'stack': '指标范围',

'silent': true,

'name': '-95',

'data': this.sci.ciData['+95'],

'itemStyle': {

'color': '#174496'

}

}]中的数据都是区间，但是我们在提示框中数据肯定需要一个确切的数据，而不是一个区间的数据；但是我们tooltip 中默认的数据是从series中拿到的数据片段，所以这个时候我们需要将series中data进行改写