时间戳

首页 > 解决方案 > Highcharts - 在设置最小-最大范围后获取所有可滚动的值

javascript - Highcharts - 在设置最小-最大范围后获取所有可滚动的值

问题描述

在此处输入图像描述考虑我的以下示例案例。数据集 = [[1,5],[2,6],[3,7],4,8],[5,9],[6,10]]。我使这个图表在 x 轴上可滚动。首次加载图表时，我可以通过滚动查看从 x=1 到 4 的 y 值。下一步是我想通过setExtreme()方法设置最小和最大 x 范围。我想设置 x 轴最小值 2 和最大值 5。x 轴的图形范围应该是 2-3。但是图表应该能够滚动查看 x=1 的值以及 x=10 的值。这可能吗？我是 highcharts 的新手。提前致谢。

标签： javascriptchartshighcharts

解决方案

我认为您可以通过定义xAxis.minandxAxis.max值来实现您的要求。

演示：https ://jsfiddle.net/BlackLabel/2wjztbom/

  xAxis: {
    min: 2,
    max: 4,
    scrollbar: {
      enabled: true
    },
  },

请注意，滚动条功能仅适用于 Highcharts Stock 模块，不适用于基本 Highcharts - https://www.highcharts.com/docs/chart-concepts/scrollbar

推荐阅读