ChartJS如何设置x轴比例

<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>

<canvas id="myChart"></canvas>

// 获取Canvas元素
var ctx = document.getElementById('myChart').getContext('2d');

// 创建图表对象
var myChart = new Chart(ctx, {
    type: 'line', // 图表类型，这里以折线图为例
    data: {
        labels: ['Jan', 'Feb', 'Mar', 'Apr', 'May'], // x轴标签
        datasets: [{
            label: 'Sales', // 数据集标签
            data: [12, 19, 3, 5, 2], // 数据集
            backgroundColor: 'rgba(0, 123, 255, 0.5)', // 数据集背景颜色
            borderColor: 'rgba(0, 123, 255, 1)', // 数据集边框颜色
            borderWidth: 1 // 数据集边框宽度
        }]
    },
    options: {
        scales: {
            x: {
                type: 'linear', // x轴比例类型为线性
                display: true, // 显示x轴
                title: {
                    display: true, // 显示x轴标题
                    text: 'Month' // x轴标题文本
                }
            }
        }
    }
});