Highcharts-ng更新X軸值

Question

嗨，大家好，我需要你的幫助。 我使用Highcharts-NG來製作我的圖表，但我遇到了一個小問題。 我有我的圖表工作，我推動實時數據到我的圖形，它工作得很好，但每插入一個點我想插入一系列，而不是X值「1」，「2」，「3」時間戳在X軸上。在正常的高位圖很容易做到的功能addPoint()，但highcharts-ng我沒有這個功能。 有人可以幫我嗎？

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

Answer 1

很多變通方法後，我發現一個解決辦法，但我不知道它是做我想做的最佳方式。

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

這會將timestamp now值推送到Xaxis並將其過濾。最終結果將是'h：mm：ss a' 格式的值如果有人有其他解決方案，請回答我的問題。

Answer 2

這是我的用於使用addPoint函數highcharts-NG指令溶液：

$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