图表js散点类型未悬停时显示(x:〜y:〜)标签

时间:2019-09-18 08:20:28

标签: chart.js

enter image description here

就像这张图片一样,我的chartjs-散点图显示x:〜y:〜格式化的坐标。

问题是我几乎不知道是哪个配置造成的,因此无法删除它。

任何人都可以回答吗?

下面是图表生成代码。

const chart = new Chart(nativeElement, {
      type: 'scatter',
      data: {

        datasets: datasets
      },
      options: {
        responsive: true,
        legend: {
          display: false
        },
        tooltips:{
          callbacks:{
            label:function(tooltipItem, data){

              let x = tooltipItem.xLabel;
              if(typeof(x)==='string')
                x = parseInt(x);

              let y = tooltipItem.yLabel;
              if(typeof(y)==='string')
                y = parseInt(y);

              return `${minToHourString(x)} - ${y}${yAxesUnit}`
            }
          }
        },
        scales: {
          xAxes: [{
            ticks:{
              callback:(val,ind,values)=>{
                return minToHourString(val)
              },
              min:0,
              max:24*60,
              stepSize:120,
            }
          }],
          yAxes: [{
            ticks: {
              display: true,
              suggestedMin: 0,
              suggestedMax: 400,
            },
            scaleLabel: {
              display: true,
              labelString: yAxesUnit
            }
          }]
        },

      } as ChartOptions
    });

0 个答案:

没有答案
相关问题