echarts使用tree悬浮高亮树枝

监听悬浮事件，echarts中dataIndex是可以作为标识的，如果使用id配合层级，则可能出现不同组件控制相同的页面，此时悬浮就会有问题。

/**
 * 处理悬浮高亮
 * @param {Array} chartData
 * @param {Array} prePath
 * @param {Boolean} isLast 当前的最后一个
 */
const handleLinks = (chartData, prePath, isLast = false) => {
  // eslint-disable-next-line consistent-return
  chartData.forEach(node => {
    if (isLast) {
      node.lineStyle.color = '#FFF';
    } else if (dataIndex === prePath[next]) {
      next++;
      node.lineStyle.color = '#FFF';
    } else {
      node.lineStyle.color = '#222';
    }
    dataIndex++;
    if (node.children && node.children.length) {
      // 确认为命中最后一个
      if (next === prePath.length && dataIndex - 1 === prePath[next - 1])
        handleLinks(node.children, prePath, true);
      else handleLinks(node.children, prePath, isLast);
    }
  });
};
// 鼠标悬浮
 myChart.on('mouseover', (params) => {
    const { treeAncestors } = params;
    const prePathIndexs = [];
    treeAncestors.forEach(item => {
      // 由于数据结构后续使用从0开始，但是treeAncestors的根节点会存在默认一个空节点。
      prePathIndexs.push(item.dataIndex - 1);
    })
    // echarts中dataIndex是可以作为标识的，如果使用id配合层级，则可能出现不同组件控制相同的页面，此时悬浮就会有问题。
    // 存在一个系列
    initDataIndex();
    const option = myChart.getOption();
    handleLinks(option.series[0].data, prePathIndexs);
    myChart.setOption(option);
})