前端基础-项目相关

238 阅读1分钟

封装echarts

原来echarts调用的方式

let myChart = echarts.init(chartDom);
myChart.setOption(option);

我要做的就是把echarts抽离出来封装成一个函数,使用的时候直接调用函数传入echarts的数据即可。

export function pieH (data) {
  return data.chart.setOption({
    color: ['#B7E3FA'],//设置颜色
    tooltip: {
      trigger: 'item',
    },
    series: [
      {
        type: 'pie',
        radius: ['25%', '50%'],
        data: data.data
      }]
  });
}
// 使用
    let chart = this.$echarts.init(document.getElementById('main'));
    const data = {
          chart,
          data: this.typeEchr
          }
    pieH(data)