Javascript Highcharts从php脚本/unixtime格式化json数据_Javascript_Php_Html_Highcharts

Javascript Highcharts从php脚本/unixtime格式化json数据

javascript php html highcharts

Javascript Highcharts从php脚本/unixtime格式化json数据,javascript,php,html,highcharts,Javascript,Php,Html,Highcharts,我编写了一个php脚本，目标是使用$.getJSON（）函数# live-temp-data.php使用以下数据创建json文件：结果是：我做错了什么？代码如下 <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Highcharts E

我编写了一个php脚本，目标是使用$.getJSON（）函数#

live-temp-data.php使用以下数据创建json文件：

结果是：

我做错了什么？代码如下

<!DOCTYPE HTML>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Highcharts Example</title>

        <script src="https://code.highcharts.com/highcharts.js"></script>
        <script src="https://code.highcharts.com/modules/data.js"></script>
        <script src="https://code.highcharts.com/modules/exporting.js"></script>

        <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
        <script type="text/javascript"></script>
        <div id="container" style="min-width: 400px; height: 400px; margin: 0 auto"></div>
<script>
$(function () {
    var chart;
    $(document).ready(function() {
        $.getJSON("live-temp-data.php", function(json) {

            Highcharts.chart('container', {
                chart: {
                    type: 'spline'
                },
                title: {
                    text: 'steinhagen-wetter.de'
                },
                subtitle: {
                    text: '2020'
                },
                yAxis: {
                    title: {
                        text: 'Temperature(°C)'
                    }
                },
                time:{
                    timezone: 'Europe/ Berlin'
                },
                xAxis: {
                    type: "datetime",
                    dateTimeLabelFormats: {
                        hour: '%H:%M', 
                    },
                },
                series: [{
                     name: 'Outside Temp °C',
                     data:  json
                }]
            });
        });
    });
});
</script>

    </head>

</html>


海图示例
$（函数（）{
var图；
$（文档）.ready（函数（）{
$.getJSON（“live temp data.php”，函数（json）{
Highcharts.chart（'容器'{
图表：{
类型：“样条线”
},
标题：{
文字：“steinhagen wetter.de”
},
副标题:{
正文：“2020”
},
亚克斯：{
标题：{
文字：“温度（°C）”
}
},
时间：{
时区：“欧洲/柏林”
},
xAxis：{
键入：“日期时间”，
日期时间标签格式：{
小时：“%H:%M”，
},
},
系列：[{
名称：“室外温度”，
数据：json
}]
});
});
});
});

1）打开web控制台，您将看到以下消息：

如果浏览此页面，将显示错误消息：

找不到Moment.js库

使用global.timezone选项需要创建Moment.js库上膛了

因此，导入该库或删除此选项，该问题就应该得到解决

2）您的HTML文档无效，所有内容都在

标题

部分，您应该有一个

正文

部分包含图形容器

3）您的JSON无效：

[“[1584713222000，6.5]”，“[1584713572000，6.6]”，“[1584713989000，6.7]”，…

数据项周围不应该有引号。

谢谢Joffrey，它可以工作：-）结果在顶部（链接）