一些从其他博主处借鉴的echart知识

1、关于饼图的legend的图的长度过长，导致满屏都是legend的问题

参考文献：echarts饼图，自定义legend，解决legend字数太多和太长的问题，翻页处理_weixin_丫头片子的博客-CSDN博客https://blog.csdn.net/weixin_43899935/article/details/107185591

然后展示我不需要那么繁琐，所以我改动为基础版本的了：

legend: {
  orient: 'vertical',
  left: 'left',
  data: chartData.legend,
  // 关于legend长度过长，进行分页的问题
  type: "scroll",
  pageIconColor: "#2f4554",//激活的分页按钮颜色
  pageIconInactiveColor: "white",//没激活的分页按钮颜色
  formatter: function(name) {
    // 获取legend显示内容
    let data = chartData.legend; //这个是展示的数据
    let total = 0;
    let tarValue = 0;
    let value = 0;
    for (let i = 0, l = data.length; i < l; i++) {
      total += data[i].value;
      if (data[i].name == name) {
        tarValue = data[i].value;
        value = data[i].value;
      }
    }
    return [echarts.format.truncateText(name, 80)].join(" ");
  }
},