Chart JS 只显示更大的数据集但有两个数据集？

Question

对 JS 相当陌生，我对图表 JS 条形图有一个奇怪的问题。

<script>
$(document).ready(function() {

    var bar = document.getElementById("chart-bar-11").getContext('2d');
    var data1 = {
        labels: ["Yesterday"],
        datasets: [{
            label: "Win",
            data: [{{ gam }}],
            borderColor: '#4099ff',
            backgroundColor: '#4099ff',
            hoverborderColor:'#4099ff',
            hoverBackgroundColor: '#4099ff',
            
        }, {
            label: "Lose",
            data: [{{ results }}],
            borderColor: '#0e9e4a',
            backgroundColor: '#0e9e4a',
            hoverborderColor:'#0e9e4a',
            hoverBackgroundColor: '#0e9e4a',

        }]
    };
    var myBarChart = new Chart(bar, {
        type: 'bar',
        data: data1,
        options: {
            barValueSpacing: 20
        }
    });
});

</script>

我有一个简单的条形图，但这是当前行为的屏幕截图，我很困惑这个图表如何显示它有两个数据集但只会显示更大的数据集？

Answer 1

最终在另一个 Chart JS post 中找到了所需的选项，这正是我所缺少的。

    var myBarChart = new Chart(bar, {
        type: 'bar',
        data: data1,
        options: {
        scales: {
            yAxes: [{
                ticks: {
                    beginAtZero: true
                }
            }]
        }
    }
    });

看来他缺少“beginAtZero”。这现在按预期工作。

Chart JS 只显示更大的数据集但有两个数据集？

Chart JS Displays Only Bigger Dataset But Has Both Datasets?

javascript

chart.js