MultiTooltip ng2-Charts & Angular 2/4

【问题标题】：MultiTooltip ng2-Charts & Angular 2/4MultiTooltip ng2-Charts & Angular 2/4
【发布时间】：2017-07-19 15:16:39
【问题描述】：

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

【问题讨论】：

标签： angular ng2-charts

【解决方案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

【讨论】：

它可以工作，但您需要将maintainAspectRatio 设置为true
@GPecchio 按建议编辑。谢谢。