angular - ng2-charts: chartHovered イベントでホバーを変更する方法

Question

私の問題は、ホバーしたときのすべてのポイントの違いを見たいということです。fe 私はポイント 5,4,3 を持っているので、ホバーしたときに 5,4,3 を見たくありません。0(始点なので)、1、1を見たい。

誰か助けてください。

ありがとうございました

Answer 1

ホバー時にツールチップを編集する場合は、ツールチップ オプションでラベル コールバックを使用する必要があります。

HTML:

<div  style="display: block">
             <canvas baseChart #chart1="base-chart"
                     ...
                     [options]="chartOption"                       
                     (chartHover)="chartHovered($event)"
                     ...
           </div>

component.ts

public chartOption = {
tooltips: {
  callbacks: {
      label: function(tooltipItem, data) {

            //your logic...

             var label= tooltipItem.index || 0;          
             return label;

          }
        }  
     }        
  }

詳細については、 https ://www.chartjs.org/docs/latest/configuration/tooltip.html#label-callback を参照してください。