Highstock - 不规则的时间间隔

时间:2013-02-26 16:09:02

标签: javascript highcharts highstock

Highcharts有一个使用不规则时间间隔的例子,我想在highstock上做同样的事情,对于xAxis类型没有参数。

JSFiddle code

我的选择是

$(function() {

$.getJSON('http://184.173.195.228/~ktwsn/temp2.php?action=get_sensor&sensor_serial%5B%5D=3B74F41400000069&sensor_serial%5B%5D=3BB2FA14000000E6&sensor_serial%5B%5D=3B91F11400000079&sensor_serial%5B%5D=3BC7F114000000E5&sensor_serial%5B%5D=3BC0F314000000E3&callback=?',
      {action: "get_sensor"},
          function(data) {
              var seriesOptions = [];
              $.each(data, function(key, val) {
                  seriesOptions.push({
                      name: val.name,
                      data: val.samples,
                      marker : {
                          enabled : true,
                          radius : 3
                      }
                  });
              });       
              // create the chart
              chart = new Highcharts.StockChart({
                  chart: {
                      renderTo: 'container',
                  },
                  xAxis: {
                      type: 'datetime'
                  },
                  rangeSelector: {
                      selected: 4
                  },    
                  series: seriesOptions
              });
          });   
});

2 个答案:

答案 0 :(得分:19)

找到它。 highcharts和highstock之间的命名是不同的。

对于Hightstock而言

xAxis: {       
    ordinal: false
}

该公司确实需要结合highcharts和highstock。单个API文档将更容易理解。

答案 1 :(得分:0)

我会验证输出数据实际上是使用相同的时间戳。

像这样的许多情况包括相同日期的时间戳,但时间不同,这将始终导致不同的x轴放置。

(我知道这可能是一个明显的检查,但我已经多次看过了......)