Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/435.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript highstock 2.0.4不适用于IE和Firefox_Javascript_Highcharts_Cross Browser_Highstock - Fatal编程技术网

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