我有一个chart.js的图表,它有3个轴。我有一个不同的图表,它的单位在悬停时显示数字之后。这样做很好,因为只有1个轴,只需要1个单位。但是,对于3个轴,我需要为每个轴指定特定的单位。
目前三个坐标轴都显示相同的单位。如何给予每个坐标轴不同的单位?
谢谢
这是我对另一个图表所做的,但它不适用于3个轴:
options: {
tooltips: {
callbacks: {
label: (item) => `${item.yLabel}kg`,
},
},
}
下面是三轴图表的代码:
new Chart("myChart", {
type: "line",
data: {
labels: ExerciseVariations,
datasets: [{
data: [860,1140,1060,1060,1070,1110,1330,2210,7830,2478],
borderColor: "red",
fill: false
}, {
data: [1600,1700,1700,1900,2000,2700,4000,5000,6000,7000],
borderColor: "green",
fill: false
}, {
data: [300,700,2000,5000,6000,4000,2000,1000,200,100],
borderColor: "blue",
fill: false
}]
},
options: {
tooltips: {
callbacks: {
label: (item) => `${item.yLabel}kg`,
},
},
}
});
1条答案
按热度按时间h7appiyu1#
如果您对
console.log
执行item
操作,您可以看到它的一个属性是datasetIndex
,它可以区分不同的数据集。第一个