echarts的tooltip属性

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

可以在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;
  }

formatter 属性 可以是个函数

formatter: function (params) {
            return `<div>
                      <div>${params.name}</div>
                    </div>`;
          },