Question

y 轴的自动缩放似乎无法正常工作。我有以下代码：

<script>
$(function () {
    var lineChartCanvas = $('#lineChart').get(0).getContext('2d')
    var lineChartData = {
        datasets: [
            {
                label: 'Digital Goods',
                backgroundColor: 'rgba(60,141,188,0.9)',
                borderColor: 'rgba(60,141,188,0.8)',
                pointRadius: false,
                pointColor: '#3b8bba',
                pointStrokeColor: 'rgba(60,141,188,1)',
                pointHighlightFill: '#ffffff',
                pointHighlightStroke: 'rgba(60,141,188,1)',
                data: {{data}}
            },
        ]
    }
    var lineChartOptions = {
        maintainAspectRatio: false,
        responsive: true,
        legend: {
            display: false
        },
        scales: {
            xAxes: [{
                gridLines: {
                    display: false,
                }
            }],
            yAxes: [{
                gridLines: {
                    display: false,
                }
            }]
        }
    }

    var lineChart = new Chart(lineChartCanvas, {
        type: 'line',
        data: lineChartData,
        options: lineChartOptions
    })
});

enter image description here

图表 yaxes 一直到 5，但是，没有大于 1 的数据。我希望它更精确（y 轴不高于 1 或其他）。但是，由于此代码是更大应用程序的一部分，我无法设置固定的最大值，因为代码因场景而异。

我尝试添加一个示例，但是，数据并不完全相同（最初为 8760 个值），并且在此示例中出现了另一个问题。我的库是 jquery.min.js (https://jsfiddle.net/742ovrLm/)

Chartjs 错误的自动 y 轴比例

0 个答案: