echarts 折线图tooltip显示多个信息

在折线图中需要显示多个信息，但是x轴和y轴都是字符串数组，即 ["1","2","3"]

当需要显示其他更多的信息的时候，无法获取到对应数据，

可以将字符串数组改为对象数组，{value:""} value对应的值为x/y轴显示的值，  如果需要显示其他的信息，则可以将信息存储在 该对象中，当tooltip的 trigger 时，获取，并 formatter  代码如下:

设置数据：

if("0"==res.status&&res.result){

            res.result.forEach(element => {

              let tmp={}

              tmp.value=Number(element.tps).toFixed(1)

              tmp.time=element.createTime

                // yList.push (Number(element.tps).toFixed(1));

                 yList.push (tmp);

                xDataList.push(element.taskName)

            });

           

         }

          this.$set(this.option1.xAxis,"data",xDataList)

            this.$set(this.option1.series[0],"data",yList);

             echarts

              .init(document.getElementById('main1'))

              .setOption(this.option1)

 

 

formatter代码如下:

    

 tooltip: {

                trigger: 'axis',

                  formatter: (params) => {

                    var html = params[0].data.time + '<br/>'

                    html += params[0].name + ':'

                    html +=params[0].data.value

                    return html

                  },

                },