标记弹出图表js
标记弹出图表js
提问于 2020-04-08 04:09:14
我想改变弹出窗口上的标签(看照片)，像这样的callback
ticks: {
callback: function (index) {
return dir[index];
}
}
我找不到这个设置。
为我糟糕的英格兰感到抱歉。爱你
回答 1
Stack Overflow用户
回答已采纳
发布于 2020-04-08 16:13:09
这是更改标签文本的方法(通过label callback)。https://www.chartjs.org/docs/latest/configuration/tooltip.html#label-callback
同样的方法也可以更改title afterTitle等等-完整的列表her：https://www.chartjs.org/docs/latest/configuration/tooltip.html#tooltip-callbacks
"Hello world“示例：
将2000更改为==> Average wage: 2000$*
*图表数据的访问取决于您特定的数据结构
var data = {
labels: ["Africa", "Asia", "Europe", "America"],
datasets: [{
/* data */
label: "Population (millions)",
backgroundColor: ["#490A3D", "#BD1550","#E97F02", '#F8CA00'],
data: [1000,1500,2000, 2200]
}]
};
var options = {
responsive: true,
title: {
text: 'Custom tooltip label',
display: true
},
tooltips: {
borderWidth: 1,
borderColor: "white",
/* https://www.chartjs.org/docs/latest/configuration/tooltip.html#tooltip-callbacks */
callbacks: {
label: function(tooltipItem, data) {
/* get chart.js data */
var dataItem = data.datasets[tooltipItem.datasetIndex].data[tooltipItem.index];
var labelItem = data.labels[tooltipItem.index];
return "Average wage: " + dataItem +"$";
}
}
},
scales: {
xAxes: [{
stacked: true
}],
yAxes: [{
stacked: true
}]
}
};
var myChart = new Chart(document.getElementById("chart"), {
type: 'bar',
data: data,
options: options
});<canvas id="chart" width="800" height="350"></canvas>
<br>
<br>
<hr>
<a target="_blank" href="https://www.chartjs.org/docs/latest/configuration/tooltip.html">https://www.chartjs.org/docs/latest/configuration/tooltip.html</a>
<script src="https://cdn.jsdelivr.net/npm/chart.js@2.8.0"></script>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/61088578
复制相关文章
相似问题
腾讯云开发者
