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

                  },

                },