vue中echarts折線圖雙折線,鼠標懸浮時間,將兩個X軸的內容以及Y軸的內容全部顯示出來


vue中echarts折線圖雙折線,鼠標懸浮時間,將兩個X軸的內容以及Y軸的內容全部顯示出來:

只要修改一個地方,用formatter方法

 tooltip: {
          trigger: 'axis',
          axisPointer: {
                type: 'cross'
              },
              padding: [5, 10],
          formatter: function(params, ticket, callback) { 
            return that.drawLineData.xAxis[params[0].dataIndex] + "<br />" +  params[0].seriesName + ":" + params[0].value+ "<br />"+that.drawLineData.compareTime[params[1].dataIndex] + "<br />" +  params[1].seriesName + ":" + params[1].value;
        }
        }

 其中that.drawLineData.xAxis和that.drawLineData.compareTime分別為兩個X軸的數組


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM