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