在 chartjs 中显示所有工具提示

Question

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

现在我想显示所有工具提示。我不想默认悬停行为。我确信在任何时候我都不会在图表上得到超过 10-12 个点。所以我希望工具提示始终打开。

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

Answer 1

我不知道 chartjs (a quick search did not reveal anything) but I think what you want is possible using highcharts 是否可行。在这里你可以使用数据标签选项：

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

这是一个demo。有帮助吗？

编辑：

另一种免费的可能性是jqPlot. For a demo have look here！有一个 pointLabels 插件，它在数据点位置的绘图上放置标签。应该做的伎俩。 :)

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

干杯，祝你好运。

Answer 2

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

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

在 chartjs 中显示所有工具提示

Display all tooltips in chartjs

tooltip

chart.js