Chartjs 不会更新工具提示上的数据集标签答案

【问题标题】：Chartjs doesn't update dataset label on tooltipsChartjs 不会更新工具提示上的数据集标签
【发布时间】：2015-05-05 20:49:12
【问题描述】：

我正在尝试在 ChartJS 工具提示上显示数据集标签。通过设置它可以正常工作：

Chart.defaults.global = {
    multiTooltipTemplate: "<%= datasetLabel %> - <%= value %>"
}

。但是当标签更改时，它不会在工具提示上更新，并且仍然显示以前的标签：

myLineChart.datasets[0].label = 'new label';
myLineChart.update();

有什么想法吗？

【问题讨论】：

标签： javascript chart.js

【解决方案1】：

您只需将代码放在图表选项中，而不是那样尝试。它会正常工作的。

示例：

var radarOptions = {
  multiTooltipTemplate: "<%= datasetLabel %> - <%= value %>"
}
var ctx = document.getElementById("radarChart").getContext("2d");//radarChart is the canvasid for radar chart//
var myNewChart = new Chart(ctx).Radar(radarData, radarOptions);

【讨论】：

【解决方案2】：

对于工具提示，请尝试以下操作：

myLineChart.data.labels = labels; //change all labels
myLineChart.update();

或

myLineChart.data.labels[0] = 'new label';
myLineChart.update();

【讨论】：

【解决方案3】：

对于 VB.NET，确保它全部构建为字符串。

var radarOptions = {
    multiTooltipTemplate: "<" + "%= datasetLabel %> - " + "<" + "%= value %>"
}

【讨论】：

【解决方案4】：

角度 2 每次点击图表显示时，我都会初始化图表标签。 this.lineChartLabels=[]; 我已经在 div 中设置了条件，直到数据出现在图表标签中，不要渲染图表

<div *ngIf="lineChartLabels!=0"> 它对我有用

【讨论】：