Highcharts：使捲軸僅覆蓋繪圖區域

Question

這是一個範例圖表的小提琴，基於此處的 highcharts 文件上的滾動條教程：https://jsfiddle.net/zao68u2k/1/ 我對預設演示所做的唯一更改是透過以下方式刪除蒙版：

scrollablePlotArea: {
  opacity: 1,
}

既然遮罩消失了，滾動條佔據圖表的整個寬度就沒有意義了。我想縮短滾動條，使其只是繪圖本身的寬度，而不包括軸，正如我在圖片中模擬的那樣。這可能嗎？

Answer 1

在這種情況下，您應該使用 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 提供的功能，因此需要擁有該產品的許可證並在專案中導入相應的庫：

<script src="https://code.highcharts.com/stock/highstock.js"></script>

示範：https://jsfiddle.net/BlackLabel/rvm1s67w/< /a>
API：https://api.highcharts.com/highstock/xAxis .滾動條