angular - MultiTooltip ng2-Charts & Angular 2/4

Question

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

Answer 1

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

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

我现在有一个如下所示的工具提示：

January
Bob - xx
Tina - xx

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