Highcharts-ng更新X轴值

Question

伙计们，我需要你们的帮助。我正在使用Highcharts-NG制作图表，但我有一个小问题。我有我的图形工作，我正在推送实时数据到我的图形，它工作得很好，但不是X值"1"，"2"，"3“，每次我插入一个点到序列，我想在x轴上插入时间戳。在普通的highcharts中，使用addPoint()函数很容易，但在highcharts-ng中，我没有这个函数。有没有人能帮帮我？

这是我的工作文件：http://jsfiddle.net/zrKEb/

Answer 1

以下是我通过highcharts-ng指令使用addPoint函数的解决方案：

$scope.chart_realtimeForceConfig = {
options: {
  chart: {
    type: 'line',
  },   
  xAxis: { 
    type: 'datetime' ,         
    labels: {
    format: '{value:%H:%M:%S %Y}'
    }
    },
},
series: [{
  name: 'Fx',
  data: [],

}, ],
func: function(chart) {
  $timeout(function() {
    chart.reflow();

  }, 300);

  $interval(function() {

    var shift = chart.series[0].data.length > 100;

    chart.series[0].addPoint([Date.now(),Math.floor(Math.random() * 100) + 1], true, shift, false);
  }, 1000);
},
loading: false

}

})；

日期格式在图表中完成

http://codepen.io/ruisebastiao/pen/BKmQQz

Answer 2

经过很多变通之后，我找到了一个解决方案，但我不知道这是否是做我想做的事情的最好方法。

$scope.highchartsNG.xAxis.categories.push($filter('date')(new Date(), "mediumTime"));

这将把timestamp now值推送到X轴，并对其进行过滤。最终结果将是一个格式为'h:mm:ss a‘的值。如果有人有其他解决方案，请回答我的问题。