css Highcharts：使滚动条仅覆盖绘图区域

atmip9wb 于 2023-07-01 发布在 Highcharts

关注(0)|答案(1)|浏览(198)

下面是一个基于highcharts' docs滚动条教程的示例图表：https://jsfiddle.net/zao68u2k/1/我对默认演示所做的唯一更改是通过以下方式删除掩码：

scrollablePlotArea: {
  opacity: 1,
}

既然蒙版已经消失了，滚动条占据图表的整个宽度就没有意义了。我想缩短滚动条，使其仅为绘图本身的宽度，而不包括轴，正如我在图片中模拟的那样。这可能吗？

1条答案

在这种情况下，而不是chart.scrollablePlotArea，你应该使用xAxis.scrollbar属性与xAxis.min和xAxis.max：

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>