这是一个示例图表的小提琴，基于此处的 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 .滚动条