显示chartjs中的所有工具提示

Question

我使用http://www.chartjs.org/创建一个简单的折线图。

现在我要显示所有工具提示。我不希望默认悬停行为。我确信在任何时候我都不会超过10-12分。所以我希望工具提示始终是开放的。

如果ChartJS无法做到这一点，我可以选择其他库。

Answer 1

我不知道chartjs是否可以实现这一点（快速搜索没有透露任何内容），但我认为使用highcharts可以实现所需。在这里，您可以使用datalabels选项：

plotOptions: {
            line: {
                dataLabels: {
                    enabled: true
                },

这是demo。这有帮助吗？

修改

免费的另一种可能性是jqPlot。对于演示看起来here！有一个pointLabels插件，可以在数据点位置的绘图上放置标签。应该做的伎俩。 :)

var plot1 = $.jqplot('chart1', [line1], {
      title: 'Point Labels', 
      seriesDefaults: { 
        showMarker:false,
        pointLabels: { show:true } 
      }
  });

干杯，祝你好运。

Answer 2

如果您想添加更多多个静态点，请使用注释。工具提示只是用户悬停时的提示，而不是图表中不同点的静态信息。

我建议在 chartJS 之上使用包装器并使用它们的注释功能 https://apexcharts.com/docs/annotations/