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

我必须绘制一个关于时间的 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 https://codepen.io/dennis0126/pen/QgNxOw来说明这一点。 “a”到“g”表示分类 x 轴，它比 y 轴的数组长。

我遇到了类似的问题，使用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']
         },
    };