JSのグラフ Plotly.js でx軸の最小値と最大値の設定[00:00~23:55]

Question

// graph.js
// グラフのライブラリにはployly.jsを使用
function make_graph(){
  var value={
    x: ['1:00','5:00','12:00','13:00','20:00'],
    y: [3,5,6,7,8],
    type: 'scatter',
  };
  const layout ={
    xaxis: {
      title: '時間'
    },
    yaxis: {
      title: '測定値'
    },
  };
  Plotly.newPlot(#graph_place,value,layout,{});
}

やりたいことは、valueの値に関係なく、x軸の開始を'0:00',終了時点を'23:55'に固定したいです。xaxisの部分に tick0やrange()　を付け加えてみたのですが、文字列だからかうまく反映されませんでした。
助言をお願いします。

Answer 1

時刻だけでなく、日付も紐づけることで解決しました。