angular - ng2-charts：如何使用 chartHovered 事件更改 Hover

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>

组件.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