echarts的tooltip属性

Question

echarts图中的tooltip属性，在X轴和Y轴都不是时间数据的情况下，怎么自定义显示时间内容

Answer 1

可以在tooltip的formatter中用js自己拼接上你想要的数据：

tooltip: {
    trigger: 'item',
    formatter:function(params){
      let htmlContent = '<div>'
      let date = new Date();
      let year = date.getFullYear();
      let month = date.getMonth() + 1;
      let day = date.getDate();
      htmlContent = htmlContent+  year + '-' + month  + '-' + day +"</div>"
      let xName = params.name
      let yValue = params.value
      htmlContent  = htmlContent  + "<div>" + xName + ":" + yValue + "</div>"
      return htmlContent;
  }

如果想要同x轴的所有y轴数据都显示的话，可以这么写：

tooltip: {
    trigger: 'axis',
    formatter:function(params){
      let htmlContent = '<div>'
      let date = new Date();
      let year = date.getFullYear();
      let month = date.getMonth() + 1;
      let day = date.getDate();
      htmlContent = htmlContent+  year + '-' + month  + '-' + day +"</div>"
      let xName = params.name
      let yValue = params.value
      for(let i=0; i<params.length; i++){
        htmlContent  = htmlContent  + "<div>" + params[0]['axisValue'] + ":" + params[i]['data']  + "</div>"
      }
      return htmlContent;
  }