(Highstock)如何根据变量而不是数据在选项中设置极限导航器

时间:2016-06-09 08:53:55

标签: angularjs highcharts highstock navigator highcharts-ng

我正在创建一个Highstock图表,它应该在开头只显示部分可用数据。我希望将导航器极限设置为我提供的某些默认值,并在用户移动/拉伸导航器时以异步方式加载其余数据。可悲的是,我认为它应该工作的方式不是。这就是我所做的(图表选项):

var options = {
      title: {
        text: 'Analysis Graph'
      },
      scrollbar: {
        liveRedraw: false
      },
      yAxis: yAxises,
      series: series,
      useHighStocks: true,
      options: {
         navigator: {
           enabled:true,
           xAxis: {
             ordinal: false,
             min: scope.dates.start,
             max: scope.dates.end
           }
         },
         rangeSelector:  {
           enabled: true
         }
      }
    }

如您所见,我将xAxis对象传递给选项/导航器,其中包含最小和最大日期(即时间戳)。它无法按预期工作 - 无论如何,导航器的极端设置为数据系列的开头和结尾。我检查了,我用于日期的变量是正确设置的,应该没有问题。

有没有其他方法可以实现我的目标或使这种方式有效?

编辑:

奇怪的是,让xAxis.min和.max在highcharts-ng中工作,但在我创建自己的指令的解决方案中不起作用。

以下是它的外观:

upper: pure highstock, lower: highcharts-ng

上面一个是我的正常解决方案,下面是highcharts-ng供电的解决方案。 highchart-ng可以按预期工作。两者都具有相同的选项和相同的数据:

var options = {
      title: {
        text: 'Analysis Graph'
      }
      yAxis: yAxises,
      xAxis : {
      },
      series: series,
      useHighStocks: true,
      options: {
         navigator: {
           xAxis: {
             min: scope.dates.start,
             max: scope.dates.end
           },
           enabled:true
         },
         rangeSelector:  {
           enabled: true,
           selected: 2
         }
      }
    }

有谁知道为什么会这样?似乎两种解决方案都使用版本4.2.5中的highstock。我不想使用highcharts-ng,所以如果有人知道如何在不使用它的情况下使其工作,请提供帮助。

0 个答案:

没有答案