如何在Plotly.js散点图中隐藏轴数字但保留标题和网格线？

不要使用visible: false（会隐藏轴的所有元素），通过以下配置可以实现需求：

修改x轴的配置项，用showticklabels: false单独隐藏轴数字，同时保留轴标题、网格线和刻度线：

var layout = {
    ...
    xaxis: {
        visible: true, // 必须设为true，保证标题、网格等元素正常显示
        showgrid: true,
        title: 'driver',
        showticklabels: false, // 隐藏轴数字（刻度标签）
        ticklen: 5, // 自定义刻度线长度，按需调整
        tickwidth: 1, // 自定义刻度线宽度，按需调整
        tickcolor: '#cccccc' // 自定义刻度线颜色，按需调整
    },
    yaxis: {
        visible: true,
        title: 'kWh',
        showgrid: true
    }
}

关键参数说明 #

• showticklabels: false：核心设置，仅隐藏轴上的数字标签，不影响轴标题、网格线和刻度线
• visible: true：确保轴的基础组件处于显示状态，是其他元素可见的前提
• ticklen/tickwidth/tickcolor：用于调整刻度线的样式，根据可视化需求自定义即可

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