ng2-chart.jsツールチップ常に表示

Question

ng2-chartを使用してツールチップを常に表示するにはどうすればいいですか？ char.jsにはオプションのshowTooltips：trueがありますが、ng2-chartソリューションが見つかりません。

Answer 1

canvasディレクティブにoptionsオブジェクトを渡すことができます。あなたの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> 

あなたのtypescriptですでは、作成chartOptions：

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

ツールチップあなたが望んでいたように、常に、ホバーに表示を持っているintersect: falseオプションを設定します。

More on ChartJS tooltips