ng2-chart.js工具提示总是显示

Question

如何使用ng2-chart设置工具提示始终可见？在char.js是选项showTooltips：true，但我找不到ng2-chart解决方案。

Answer 1

您可以将选项对象传递给canvas指令。

在你的HTML：

<div style="display: block;"> 
    <canvas baseChart width="2" height="1" 
      [datasets]="chartData" 
      [labels]="chartLabels" 
      [options]="chartOptions" 
      [colors]="chartColors" 
      [legend]=true 
      chartType=line></canvas> 
</div> 

在您的打字稿，创建chartOptions：

private chartOptions = { responsive: true, tooltips: { mode: 'index', intersect: false } }; 

设置intersect: false选项，总是显示在盘旋，就像你想要的提示。

More on ChartJS tooltips