Highcharts-ng更新X轴值

嗨，大家好，我需要你的帮助。我使用Highcharts-NG来制作我的图表，但我遇到了一个小问题。我有我的图表工作，我推动实时数据到我的图形，它工作得很好，但每插入一个点我想插入一系列，而不是X值“1”，“2”，“3”时间戳在X轴上。在正常的高位图很容易做到的功能addPoint()，但highcharts-ng我没有这个功能。有人可以帮我吗？Highcharts-ng更新X轴值

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

来源

2016-01-25 Maria Margarida Brito

更好地完成把这里的代码不是链接。 –

-1

很多变通方法后，我发现一个解决办法，但我不知道它是做我想做的最佳方式。

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

这会将timestamp now值推送到Xaxis并将其过滤。最终结果将是'h：mm：ss a' 格式的值如果有人有其他解决方案，请回答我的问题。

来源

2016-01-25 17:33:17

这是我的用于使用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

来源

2016-04-04 22:33:13

Highcharts-ng更新X轴值

回答

相关问题