MultiTooltip ng2-图表 & 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

Similar/related 所以 post: chart-js-multitooltip-labels

MultiTooltip ng2-图表 & Angular 2/4

MultiTooltip ng2-Charts & Angular 2/4

ng2-charts

angular