在 Plotly 图例上将年份显示为文本与数字值

Question

当显示带有代表年份的轴的图表时，Plotly 将它们视为数值。如果只有几个，下面 x 轴的图例将显示为 2022、2022.5、2023 和 2023.5。

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

我找到的唯一解决方案是添加非数字，例如 x:

['(2022)','(2023)']

，但最好只显示数字。

我在防止它们被视为数值时缺少什么？

Answer 1

您可以通过相应地设置 x 轴

type

来将 x 中的年份视为日期，尽管您将使用

Jul 2022

而不是

2022.5

等，因此您仍然需要指定

 dtick

防止显示中间值，例如：

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

const layout = {
  xaxis: {
    type: 'date',
    dtick: 'M12'
  }
}

Plotly.newPlot('myDiv', data, layout);

您也可以只设置

dtick=1

而不更改轴类型。或者，您可以将轴类型设置为

'category'

，这种情况下无需设置

dtick

。