You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Plotly图表中如何避免年份被识别为数值,仅显示整数年份?

解决Plotly年份横轴显示小数刻度的问题

要阻止Plotly将年份识别为数值类型、避免出现2022.5这类中间刻度,有两种直接的配置方法:

方法1:将x轴设置为分类类型

把x轴的type指定为'category',Plotly会将每个年份视为独立的分类项,不再按连续数值生成刻度,同时保留纯数字年份显示:

var traceA = {
    x: [2022, 2023],
    y: [14610178, 2598912],
    type: 'bar',
    marker: { color: '#932BD4' } // 注意颜色值需添加#前缀,原代码缺失
};

var layout = {
    xaxis: {
        type: 'category' // 配置x轴为分类类型
    }
};

Plotly.newPlot('your-chart-container', [traceA], layout);

方法2:自定义x轴刻度

如果希望保留数值轴特性,但仅显示指定的整数年份刻度,可以通过tickmode、tickvals和ticktext精确控制:

var traceA = {
    x: [2022, 2023],
    y: [14610178, 2598912],
    type: 'bar',
    marker: { color: '#932BD4' }
};

var layout = {
    xaxis: {
        tickmode: 'array',
        tickvals: [2022, 2023], // 指定要显示的刻度数值
        ticktext: [2022, 2023] // 对应显示的文本,与数值保持一致
    }
};

Plotly.newPlot('your-chart-container', [traceA], layout);

两种方法都能实现纯数字年份的显示,且不需要给年份添加额外非数字字符。

内容的提问来源于stack exchange,提问作者JAC

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.07 07:37:16