繁体   English   中英

HighCharts无法在Safari上运行,但在Firefox和Chrome上可以正常运行

[英]HighCharts not working on Safari but works fine on Firefox and Chrome

我正在使用Highcharts库在网站上显示值。 我表的xAxis是日期,并且在Firefox和Chrome上可以正常使用,但在Safari浏览器上无法使用。

我怀疑使用Safari的JavaScript中对Date对象的解释与其他浏览器不同。

¿一些提示?

这是我的代码:

<script>
myChart = new Highcharts.chart('containerTemperatura', {
    title: {
        text: 'Evolución de la Temperatura'
    },
    xAxis: {
        type: 'datetime',
        dateTimeLabelFormats: {
            minute: '%H:%M',
            hour: '%H:%M'
        }
    },
    yAxis: {
        title: {
            text: 'ºC'
        }
    },
    series: [{
        name: 'TEMPERATURA',
        color: '#808080', 
        data:(function(){
            var data = [];
            <?php 
            for($i = 0; $i < count($ultimasLecturas); $i++){
                ?>
                // EXAMPLE: $ultimasLecturas[$i]->fechaHora = "2017-08-12 12:34:04" 
                var $fecha = new Date("<?php echo $ultimasLecturas[$i]->fechaHora;?>");

                // a compensation for different timezones
                $fechaProcesada = $fecha.getTime() + <?php echo $UTCmilseg; ?>;
                data.push([$fechaProcesada,<?php echo $ultimasLecturas[$i]->temperatura;?>]);
                <?php
            } ?>
            return data;
        })()
    }]
});
</script>

我解决了添加此JavaScript函数的问题:

function parseDate(inputTimestamp){
    var parts = inputTimestamp.split(/[ \/:-]/g);
    var dateFormated = parts[1] + "/" + parts[2] + "/" + parts[0] + " " + parts[3] + ":" + parts[4] + ":" + parts[5];
    return new Date(dateFormated);
}

并改变这条线...

var $fecha = new Date("<?php echo $ultimasLecturas[$i]->fechaHora;?>");

对于另一行:

var $fecha = parseDate("<?php echo $ultimasLecturas[$i]->fechaHora;?>");

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM