将回调应用于一个Y轴



我下面有我的chartjs代码的这一部分,我想让y轴-b上的数据总是有两个小数,即使它是"0";,我做了一些研究,在Stackoverflow上发现了这个回调,但它适用于两个y轴,我怎么能让它只适用于y轴-b?谢谢

options: {
tooltips: {
mode: 'index',
callbacks: {
label: (tooltipItem, data) => {
var label = data.datasets[tooltipItem.datasetIndex].label || '';
return label + ' ' + (Math.round(tooltipItem.yLabel * 100) / 100).toFixed(2);
}
}
},
scales: {
xAxes: [{
barPercentage: 0.6,
ticks: {
min: 0
}
}],
yAxes: [{

ticks: {
reverse: false,
suggestedMax:100,
beginAtZero: true,

},
position: "right",
id: "y-axis-b",
scaleLabel: {
display: true,
}
}, {
gridLines : {
drawOnChartArea: false
},
scaleLabel: {
display:true,
}, 
position: "left",
id: "y-axis-a",
ticks: {
suggestedMax: 1500,
suggestedMin: -1500

} 

}]
}
}

不要在options/tooltips/callbacks中使用label,而是像本例一样在options/scales/y中使用ticks

所以你的代码变成:

options: {
scales: {
y: {
ticks: {
// Customize your label here
callback: function(value, index, values) {
return value.toFixed(2);
}
}
}
}
}

相关内容

最新更新