ng2-chart.js 툴팁 항상 표시

Question

ng2-chart를 사용하여 툴팁을 항상 표시하는 방법은 무엇입니까? char.js에서 showTooltips : true 옵션을 사용할 수 있지만 ng2 차트 솔루션을 찾을 수 없습니다.

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