Highstock highcharts 不规则数据的 x 尺度错误

2024-06-21

我有不规则的数据。我使用时图表绘制得很好高图表:

$(function() {
  var chart = new Highcharts.Chart({
    chart: {
      renderTo: 'chart'
  },
  xAxis: {
    type: 'datetime'
  },
  series: [{
    name: 'Volume',
    data: chart_arr,
  }]
});
});

http://jsfiddle.net/KnTaw/9/ http://jsfiddle.net/KnTaw/9/

但我有很多数据,所以我需要放大日期并选择高库存。然后奇怪的事情发生了:x 轴变得非线性。

$(function() {
  var chart2 = new Highcharts.StockChart({
    chart: {
      renderTo: 'chart2'
    },
    rangeSelector: {
      selected: 0
    },
    xAxis: {
      type: 'datetime'
    },
    series: [{
      name: 'val',
      data: chart_arr,
      type : 'area',
    }]
  });
});

http://jsfiddle.net/Mc3mW/1/ http://jsfiddle.net/Mc3mW/1/

请注意,1 月 6 日 20:00-20:30 半小时范围的数据比 1 月 11 日至 13 日 2 天的数据分配更多空间。 (当然数据是一样的。)

如何强制 highstock 处的 x 轴变为线性?或者如何为高图表启用底部缩放工具?谢谢。


您将需要设置xAxis.ordinal http://api.highcharts.com/highstock#xAxis.ordinal财产给false, 这是true默认情况下。True值表示点应以固定间隔放置空间(像素), and False更改以固定间隔放置的点time

xAxis: {       
    ordinal: false
}

线性 x 轴 | Highstock @ jsFiddle http://jsfiddle.net/jugal/ytcW3/

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Highstock highcharts 不规则数据的 x 尺度错误 的相关文章

随机推荐