echars实现tooltip和legend反转显示

最新推荐文章于 2023-06-03 16:25:35 发布

小艺艺艺

最新推荐文章于 2023-06-03 16:25:35 发布

阅读量501

点赞数

文章标签： echarts

本文链接：https://blog.csdn.net/aa754403560/article/details/129319330

版权

        tooltip: {
          trigger: 'axis',
          position: ['30%', '10%'],
          axisPointer: {
            type: 'shadow',
          },
          formatter: (params) => {
            let str = ''
            params.reverse()
            params.forEach((t, index) => {
              str += `<div>
              <span>${params[index].marker}</span>
              <span>${params[index].seriesName}</span>:
              <span>${params[index].value}</span>
              </div>`
            })
            return `<div>${params[0].axisValue}</div>` + str
          },
        },
        legend: {
          top: '3%',
          textStyle: {
            fontSize: 10,
          },
          data: tooltipdata.reverse(),
        },