Question

我想要第二个数据集比原始数据集小一点。

这是第一个（主条形图）：

scales: {
          yAxes: [
            {
              ticks: {
                beginAtZero: true,
                precision: 2,
                stepSize: 0.75,
                // stepValue: 5,
                max: 3 //max value for the chart is 60
              }
            }
          ]
        },

，我想在第二个（折线图）中采取更大的步骤。像这样：

datasets: [
          {
            label: "Monatswerte",
            data: dataForBar,
            backgroundColor: "rgba(54, 162, 235, 0.2)",
            borderColor: "rgba(54, 162, 235, 1)",
            borderWidth: 0.5
          },
          {
            label: "Kummulation",
            data: dataForLine,
            type: "line",
            backgroundColor: "transparent",
            borderColor: "rgba(232, 62, 140, 0.5)",
            borderWidth: 1,
            datalabels: {
              display: false
            },
            ticks: {
              stepSize: 2,
              max: 15
            }
          }
        ]

此处的完整图表：https://hastebin.com/volocajawu.css

Answer 1

我需要做的是给每个数据集一个ID yAxisID: 'axis-months',，然后在选项中我需要定义一个为每个ID指定的选项：

scales: {
  yAxes: [
    {
      id: 'axis-months',
      ticks: {
        beginAtZero: true,
        stepSize: scaleBar * 0.2,
        max: scaleBar
      }
    },
    {
      id: 'axis-accumulation',
      gridLines: {
        display: false
      },
      ticks: {
        beginAtZero: true
      },
      position: 'right'
    }
  ]
},

Chart.js中的每个数据集是否都可能具有刻度stepSize？

1 个答案: