Echarts - 笔记

1.tooltip提示框 加入小圆点标识

formatter: function(params) {
    var result = '';
    params.forEach(function (item) {
        result += item.marker + " " + arr[componentIndex]+ " : " + item.value +"</br>";
    });
    return result;
}
//item.marker 表示小圆点
//arr[componentIndex] 显示额外的数据 arr是自定义需要展示的数组['a','b']

2. ecarts数据更新后，图表并没有更新

this.dom.setOption(option,true)

3.刷新页面时，echarts重绘地图，会溢出父级，超出宽度

初始化echarts时，加上setTimeout
setTimeout(() => {
  this.initChart()
})

4.echarts自适应

pieChart.vue
resize () {
  this.dom.resize() // this.dom是echarts对象
},
initChart () {
  ...
  on(window, 'resize', this.resize) //调用
}

tools.js
export const on = (function () {
  if (document.addEventListener) {
    return function (element, event, handler) {
      if (element && event && handler) {
        element.addEventListener(event, handler, false)
      }
    }
  } else {
    return function (element, event, handler) {
      if (element && event && handler) {
        element.attachEvent('on' + event, handler)
      }
    }
  }
})()