禁用ChartJS上的x和y值显示

问题描述 投票:0回答:1

由于某些原因,我的折线图上显示了X和Y值,如下所示,但它们是意外的。

enter image description here

<canvas id="chartTimeline" height="28"></canvas>

<script>
    const img = new Image(16, 16);
img.src = 'https://i.stack.imgur.com/Q94Tt.png'; 

var ctx = document.getElementById('chartTimeline').getContext('2d');
var myChart = new Chart(ctx, {
  type: 'line',
  data: {
    datasets: [{
      data: [
        { x: "2020-03-22", y: 0 },
        { x: "2020-04-01", y: 0 },
        { x: "2020-04-02", y: 0 },
        { x: "2020-04-03", y: 0 },
        { x: "2020-04-08", y: 0 },
        { x: "2020-04-12", y: 0 },
        { x: "2020-04-15", y: 0 }
      ],
      pointStyle: img,
      borderWidth: 1
    }]
  },
  options: {
      legend: {
      display: false
    },
    scales: {
      yAxes: [{
        ticks: {
          display: false,
        },        
        gridLines: {
          display: false
        }
      }],
      xAxes: [{
        type: 'time',
        time: {
          unit: 'day',
          tooltipFormat: 'MMM DD'
        },
        gridLines: {
          display:false
        }
      }]
    }
  }
});</script>

根据我对chartJS选项的理解,这些值不应出现。控制台中没有弹出错误。

我想知道,这叫什么?为什么显示它?如何禁用它?

chart.js
1个回答
0
投票

问题是datalabels插件,它会自动生成这些值。

© www.soinside.com 2019 - 2024. All rights reserved.