Question

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

可以正常工作

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

。但是当标签发生变化时，它不会在工具提示上更新，并且仍会显示之前的标签：

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

任何想法？

Answer 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);

Answer 2

对于工具提示尝试这样的事情：

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

或

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

Answer 3

对于VB.NET，请确保它们都是以字符串形式构建的。

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

Answer 4

Angular 2 我已经在每次点击图表显示时启动了图表标签。 this.lineChartLabels=[]; 我把条件放在div中，直到数据都来到chartlabels，不渲染图形

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

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

4 个答案: