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/
API：https://api.highcharts.com/highstock/xAxis .滚动条