Highcharts-Highstock:带滚动条的固定宽度间隔

Highcharts-Highstock:带滚动条的固定宽度间隔,highcharts,highstock,Highcharts,Highstock,我需要我的图表点有一个固定的宽度(比如说,每个100像素)。如果所需的空间超过图表的宽度,我只希望能够水平滚动(使用scrollbar.enabled参数设置为true) 这是基本设置,不设置点宽度: 如果我这样设置列宽: tickPixelInterval参数被忽略(当然,作为参数) 我尝试了很多其他的方法,但都不管用,我的想法也没有了。我怎样才能做我需要的 更新 为了弄清楚我需要什么,就好像我有一个柱状图,我需要强制所有的列都有一个固定的宽度。大概是这样的: 但是,我希望滚动条能够完成

我需要我的图表点有一个固定的宽度(比如说,每个100像素)。如果所需的空间超过图表的宽度,我只希望能够水平滚动(使用
scrollbar.enabled
参数设置为
true

这是基本设置,不设置点宽度:

如果我这样设置列宽:

tickPixelInterval
参数被忽略(当然,作为参数)

我尝试了很多其他的方法,但都不管用,我的想法也没有了。我怎样才能做我需要的

更新 为了弄清楚我需要什么,就好像我有一个柱状图,我需要强制所有的列都有一个固定的宽度。大概是这样的:


但是,我希望滚动条能够完成它的工作,而不是列相互重叠:-)此外,我需要它处理任何类型的序列(线、区域…),而不仅仅是列。

这里的解决方案似乎是手动计算极值,并在
加载
事件中设置它们:

  load: function() {

    var chart = this,
      xAxis = this.xAxis[0],
      visibleColumns = (xAxis.width - pointWidth) / pointWidth;

    xAxis.setExtremes(pointStart, pointStart + pointInterval * visibleColumns);

  }
现场演示:

出于某种原因(可能是bug)
xAxis.min
当容器宽度是一个较小的值(在我的示例中小于400 px左右)时,必须初始化该值



API参考:

检查是否解决了这个问题。不是真的。有了setextrems,我应该计算出我的图表中有多少100px的“间隔”,它总是一个近似值。真的不可能强制点的宽度吗?所以你想要100像素的间隔。我需要100px的时间间隔,如果有超过图表宽度的时间间隔,滚动条应该会出现。滚动条总是在那里。用
tickPixelInterval
检查此项。您可以调整所需的
tickPixelInterval
数量