Javascript highstock 2.0.4不适用于IE和Firefox
我的数据如下:Javascript highstock 2.0.4不适用于IE和Firefox,javascript,highcharts,cross-browser,highstock,Javascript,Highcharts,Cross Browser,Highstock,我的数据如下: {"01.12.10 00:00":-1.5821800231934,"01.12.10 00:05":-1.5570800304413,"01.12.10 00:10":-1.5885699987411,"01.12.10 00:15":-1.6257599592209,"01.12.10 00:20":-1.6307400465012,"01.12.10 00:25":-1.6432000398636,"01.12.10 00:30":-1.655179977417,"01.
{"01.12.10 00:00":-1.5821800231934,"01.12.10 00:05":-1.5570800304413,"01.12.10 00:10":-1.5885699987411,"01.12.10 00:15":-1.6257599592209,"01.12.10 00:20":-1.6307400465012,"01.12.10 00:25":-1.6432000398636,"01.12.10 00:30":-1.655179977417,"01.12.10 00:35":-1.646919965744,"01.12.10 00:40":-1.6347700357437,"01.12.10 00:45":-1.6490000486374,"01.12.10 00:50":-1.6404999494553,"01.12.10 00:55":-1.6160600185394,"01.12.10 01:00":-1.6089400053024,"01.12.10 01:05":-1.6082600355148,"01.12.10 01:10":-1.6159199476242,"01.12.10 01:15":-1.5781999826431,"01.12.10 01:20":-1.6013100147247,"01.12.10 01:25":-1.636440038681,"01.12.10 01:30":-1.6679799556732,"01.12.10 01:35":-1.6709300279617,"01.12.10 01:40":-1.7158499956131,"01.12.10 01:45":-1.7515499591827,"01.12.10 01:50":-1.7836400270462,"01.12.10 01:55":-1.7883299589157,"01.12.10 02:00":-1.8029299974442,"01.12.10 02:05":-1.8306200504303,"01.12.10 02:10":-1.8690099716187,"01.12.10 02:15":-1.8802800178528,"01.12.10 02:20":-1.890319943428,"01.12.10 02:25":-1.9045300483704,"01.12.10 02:30":-1.9173899888992,"01.12.10 02:35":-1.9262299537659,"01.12.10 02:40":-1.9494600296021,"01.12.10 02:45":-1.9754300117493,"01.12.10 02:50":-2.0177900791168,"01.12.10 02:55":-2.1353900432587,"01.12.10 03:00":-2.2930901050568,"01.12.10 03:05":-2.4463000297546,"01.12.10 03:10":-2.4375700950623,"01.12.10 03:15":-2.4210600852966,"01.12.10 03:20":-2.4662098884583}
我初始化图形的脚本如下所示:
getGraphData: function(params){
var self = this;
$.ajax({
url: '_someUrl' + params,
type: 'GET',
success:function(result){
self.renderBarChart(self.formatData(result));
},
error: function(req, status, error){
console.log(error);
}
});
},
formatData: function(rawData){
var self = this;
var result = $.parseJSON(rawData);
var formattedData = _.map(result, function(value, date){
var formattedDate =self.formatDate(date);
return [formattedDate, value];;
});
return formattedData;
},
formatDate: function(rawDate){
var dateTimeArray = rawDate.split(' ');
var dateArray = dateTimeArray[0].split('.');
var newDateTimeString = (dateArray[1] + '.' + dateArray[0] + '.' + dateArray[2] + ' ' + dateTimeArray[1]);
return new Date(newDateTimeString).getTime();
},
renderBarChart: function(data){
Highcharts.setOptions({
lang: {
rangeSelectorFrom: 'Von',
rangeSelectorTo: 'Bis'
}
});
$('#container').highcharts('StockChart', {
chart: {
alignTicks: false,
type: 'column'
},
xAxis: {
type: 'datetime',
title: {
text: 'Date'
},
labels: {
formatter: function() {
return Highcharts.dateFormat(" %e %b %Y %H:%M:%S", this.value);
},
rotation: 90
},
tickLength: 0
},
rangeSelector: {
selected: 1,
allButtonsEnabled: true,
enabled: true
},
series: [{
name: 'Datai',
data:data,
tooltip: {
formatter: function() {
var tooltip = '<b>Datum</b>: ' + Highcharts.dateFormat("%e %b %Y %H:%M:%S", this.x) + '</b><br>';
tooltip += '<b>Werte: </b>' + this.y;
return tooltip;
}
}
}]
}, function(chart) {
setTimeout(function() {
$('input.highcharts-range-selector', $('#' + chart.options.chart.renderTo)).datepicker()
}, 0)
});
}
我认为问题在于数据分组,但由于我不需要对数据进行分组,所以我尝试了各种选项,但都无法实现。非常感谢您提供的任何帮助。您的json不正确,该点应该有x/y字段,x应该是时间戳(时间单位为毫秒),与您的情况不同。谢谢您的回复。不,我的数据是正确的,因为我可以看到图表。它在chrome上工作得非常好。我已经添加了函数来重新格式化问题的数据。好的,调用所有函数后,您的“data”变量是什么样子的?你能粘贴它吗?
6:Array[2]0:12911598000001:-1.655179977417长度:2\uu proto\uuuu:Array[0]
似乎还可以,所以我们需要任何现场演示来进一步检查。Jup,它现在正在工作。问题出在chrome的日期格式中,只有新日期(“12.02.2010 23:25”)可以使用,因此将其更改为新日期(“2001/01/31 12:00”)并且可以在所有浏览器中使用。以下是有关问题的详细信息:。但是一个快速的建议也许我们应该添加函数来检查无效数据。例如,对于NaN值。但是非常感谢你的帮助。来自德国的欢呼声:)
TypeError: segmentPositions is undefined highstock.src.js:17778
TypeError: series[j].tooltipPoints is undefined highstock.src.js:9113