Chart.js v3 - beginAtZero 对我的图表没有任何作用

Question

我在 Chart.js 中阅读了很多关于 beginAtZero 参数的话题，但是 none 我发现的解决方案对我来说确实有效。

我有一个简单的折线图，x 轴上有日期，y 轴上有整数。我无法让我的 y 轴从 0 开始。

 let atchoum = document.querySelector("#atchoum")
    let statchoum = new Chart(atchoum, {
        type: "line",
        data: {
            labels: {{ atchoumDate|raw }},
            datasets: [{
                label: "Nombre d'éternuements au support",
                data: {{ atchoumNb|raw }},
                borderColor: "blue",
                tension: 0.3,
                options: {
                    responsive: true,
                    scales: {
                       y: {
                           beginAtZero: true
                       }
                    },
                    animations: {
                        y: {
                            easing: 'easeInOutElastic',
                            from: (ctx) => {
                                if (ctx.type === 'data') {
                                    if (ctx.mode === 'default' && !ctx.dropped) {
                                        ctx.dropped = true;
                                        return 0;
                                    }
                                }
                            }
                        }
                    },
                }
            }]
        }
    })

Answer 1

您正在数据集本身中定义您的选项。选项对象应该与 type 和 data 字段处于同一级别，因为选项是针对整个图表而不是针对单个数据集的。

const options = {
  type: 'line',
  data: {
    labels: ["Red", "Blue", "Yellow", "Green", "Purple", "Orange"],
    datasets: [{
      label: '# of Votes',
      data: [12, 19, 7, 9, 20, 8]
    }]
  },
  options: {
    scales: {
      y: {
        beginAtZero: true
      }
    }
  }
}

const ctx = document.getElementById('chartJSContainer').getContext('2d');
new Chart(ctx, options);

<body>
  <canvas id="chartJSContainer" width="600" height="400"></canvas>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/3.5.1/chart.js"></script>
</body>

Chart.js v3 - beginAtZero 对我的图表没有任何作用

Chart.js v3 - beginAtZero does nothing to my chart

javascript

chart.js