這是一個範例圖表的小提琴，基於此處的 highcharts 文件上的滾動條教程：https://jsfiddle.net/zao68u2k/1/ 我對預設演示所做的唯一更改是透過以下方式刪除蒙版：
scrollablePlotArea: { opacity: 1, }
既然遮罩消失了，滾動條佔據圖表的整個寬度就沒有意義了。我想縮短滾動條，使其只是繪圖本身的寬度，而不包括軸，正如我在圖片中模擬的那樣。這可能嗎？
在這種情況下，您應該使用 xAxis.scrollbar 屬性以及 xAxis.min 和 xAxis，而不是 chart.scrollablePlotArea。最大：
xAxis.scrollbar
xAxis.min
xAxis，而不是 chart.scrollablePlotArea。最大
chart.scrollablePlotArea
xAxis: { min: Date.UTC(2023, 6, 1), max: Date.UTC(2023, 6, 1, 3), scrollbar: { enabled: true } }
但是，這是 Stock 提供的功能，因此需要擁有該產品的許可證並在專案中導入相應的庫：
<script src="https://code.highcharts.com/stock/highstock.js"></script>
示範：https://jsfiddle.net/BlackLabel/rvm1s67w/ API：https://api.highcharts.com/highstock/xAxis .滾動條
在這種情況下，您應該使用
xAxis.scrollbar屬性以及xAxis.min和xAxis，而不是：chart.scrollablePlotArea。最大xAxis: { min: Date.UTC(2023, 6, 1), max: Date.UTC(2023, 6, 1, 3), scrollbar: { enabled: true } }但是，這是 Stock 提供的功能，因此需要擁有該產品的許可證並在專案中導入相應的庫：
示範：https://jsfiddle.net/BlackLabel/rvm1s67w/
API：https://api.highcharts.com/highstock/xAxis .滾動條