如何在chart.js的每个不同的轴上有不同的单位?

k4ymrczo  于 2022-11-23  发布在  Chart.js
关注(0)|答案(1)|浏览(275)

我有一个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`,
            },
        },
    }
});
h7appiyu

h7appiyu1#

如果您对console.log执行item操作,您可以看到它的一个属性是datasetIndex,它可以区分不同的数据集。
第一个

相关问题