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