MultiTooltip ng2-Charts＆amp; Angular 2/4

Question

我有一张图表，上面画着两条线。我希望当我将鼠标悬停在两条线中的任意一条点上时，小工具提示框会显示该x点处两个点的值。有可能这样做吗？

Answer 1

我实际上遇到了同样的问题（我使用ng2-charts 1.6.0 / chart.js 2.6.0和Angular 4）并且根据这个Github post，你需要添加mode: 'label'到选项配置。这是我的折线图的最终选项：

{ 
  responsive: true,
  maintainAspectRatio: true,
  multiTooltipTemplate: '<%= datasetLabel %> - <%= value %>',
  tooltips: {
    mode: 'label'
  }
};

我现在有一个看起来像这样的工具提示：

January
Bob - xx
Tina - xx

相似/相关SO帖子：chart-js-multitooltip-labels