ChartJs批注不适用于工具提示

时间:2019-12-27 11:46:32

标签: chart.js

我有一个要求,即悬停时我需要显示一条水平线,如下面的小提琴所示。 但是一旦在悬停水平线上绘制工具提示就会消失。 谁能帮助我如何获得工具提示以及水平线。

请注意,在下面的小提琴中,我们在悬停上有时间问题,但是在我的实际项目中,悬停工作正常,我只是遇到了问题:悬停工具提示在一段时间后不起作用。 https://jsfiddle.net/h8ow63be/

var option = {
  legend: false,
  title: {
    display: true,
  },
  onHover: function(evt) {
    var item = myLineChart.getElementAtEvent(evt);
    if (item.length) {
     updateChart(data.datasets[0].data[item[0]._index].y)
    }
  },
  animation: {
                duration: 0
            },
  annotation: {
   annotations: lines
  },
  scales: {
    xAxes: [{
      id: 'x-axis',
      type: 'linear',
      position: 'bottom',
      ticks: {
        max: 12,
        min: 1,
        stepSize: 1
      }
    }],
    yAxes: [{
      id: 'y-axis',
      type: 'linear',
    }],
  }

};

0 个答案:

没有答案