Question

我正在尝试使用addPoint（）动态地将数据添加到具有日期时间X轴的柱形图。

当我这样做时，在许多情况下，列开始彼此重叠。在视觉上，看起来列宽度没有正确更新。

这是一个证明问题的jsfiddle：

以下是相应的代码：

var d_t[ 10, 8, 13 ];
var cur=0;
$(function () {
  $('#container').highcharts({
      chart: {
          type: "column"
      },
      series: [{
          data: [ ]
      }],
      xAxis: {
          type: "datetime"
      }
  });
  // the button action
  $('#button').click(function() {
      var chart = $('#container').highcharts();
      var msec = Date.UTC( 2013, 3, d_t[cur] );
      chart.series[0].addPoint( [msec, 10] );
      cur++;
      cur = ( cur >= 4 ) ? 3 : cur;
  });
});

我已经硬编码了导致问题出现的四个日期。

如果单击“添加点”按钮4次，您将看到添加的数据和第二次添加时奇怪列宽（它们看起来太窄）的奇怪行为，以及第三次和第四次添加的重叠列。 / p>

解决方法似乎是按排序顺序将日期提供给图表。然后，图表正确绘制。或者这可能是必需的？

我可能错过了一些显而易见的东西，但是我四处搜寻并且摆弄了一些并且无法弄明白。任何建议都会非常感激。

Answer 1

在Highcharts中，xAxis的数据应按升序排序。看看：http://jsfiddle.net/AkKqP/8/

使用addPoint时，Highcharts重叠日期时间列

1 个答案: