Chart.js 基於時間的條形圖

Question

我想知道這是否可能與 Chart.js 有關。 我一直無法弄清楚。

基本上，我想要一個水平條形圖，其中時間在 X 軸上，並且條形圖的數據是開始日期/時間和結束日期/時間，這樣條形圖“浮動”並且不錨定在左側圖表。 條形圖將在開始時間開始並在結束時間結束，如 x 軸上標記的那樣。

此外，我需要 y 軸標簽位於水平條內。

Chart.js 是否支持此用例？ 有人有示例代碼嗎？ 謝謝！

Answer 1

是的，它們支持浮動條（ https://www.chartjs.org/docs/latest/samples/bar/floating.html ）如果您在選項 ZA8CFDE6331BD59EB26AC96 中添加屬性indexAxis: 'y'將變為水平條形圖。 要獲取條形圖中的標簽，您需要使用 datalabels 插件： https://chartjs-plugin-datalabels.netlify.app/samples/charts/bar.html