如何移除Chart.js 3.2.1中的左侧及底部坐标轴轴线？

要移除x轴（底部）和y轴（左侧）的轴线，只需在对应的坐标轴配置中添加border.display: false属性即可（也可以用drawBorder: false，两者效果一致）。

修改后的完整可运行代码如下：

var myChart = new Chart(ctx, {
    type: 'bar',
    data: {
        labels: ['Réelle', 'Attendue'],
        datasets: [{ // datasets是图表渲染的必填项，这里补充示例数据集
            label: '数值',
            data: [10, 20],
            backgroundColor: ['#FF6384', '#36A2EB']
        }]
    }, // 补充原代码遗漏的data对象闭合花括号
    options: {
        plugins:{
            legend:{
                display: false
            }
        },
        scales: {
            x: {
                grid: {
                    display: false
                },
                border: {
                    display: false // 隐藏x轴轴线
                }
            },
            y: {
                ticks:{
                    display:false
                },
                grid: {
                    display: false
                },
                border: {
                    display: false // 隐藏y轴轴线
                }
            }
        }
    }
});

补充说明： #

• Chart.js 3.x版本中，坐标轴的轴线属于边框（border）范畴，通过border.display可以单独控制轴线显示状态，不会影响已配置的刻度、网格隐藏规则。
• 原代码存在两处语法问题：data对象未闭合花括号，缺少必填的datasets数组，已在修改后的代码中修复。

内容的提问来源于stack exchange，提问作者Gwen973