Plotly.js：无法显示完整的分类x轴

Question

我必须绘制一个关于时间的x轴线图。 x轴就像[“00:00”，“00:05”，“00：10：，......，”23:55“]，这不是数字而是分类。但是，我可能没有y轴上的完整数据列表。例如，仅存在来自“00”00“到”09:00“的数据。数据必须从“00:00”开始。

我制作的图表只能显示具有y值的范围。 （例如，“00”00到“09:00”），但我希望有一个带有完整x轴的图表，即使图表的某些部分是空的。

我阅读了设置xaxis:{range: [fromValue, toValue]}有用的文档。我试过但它只适用于数字x轴。有没有办法扩展x轴？

我做了一个pen来说明这一点。 “a”到“g”表示分类的x轴，它比y轴的阵列长。

Answer 1

我有一个类似的问题，使用plotly.js版本plotly.js v1.28.3。我能够通过使用categoryorder属性和categoryarray属性显示一整套x和y轴值，以下是一个对我有用的示例：

var layout = {
         xaxis: {
             title: 'x Axis Label'
             , autorange: false
             , type: 'category'
             , categoryorder: 'array'
             , categoryarray: ['0001','0002','0003']
         },
         yaxis: {
             title: 'Y Axis Label  %>'
             , autorange: false
             , type: 'category'
             , categoryorder: 'array'
             , categoryarray: ['one','two','three', 'etc']
         },
    };