从JSON到Highcharts的温度

yquaqz18  于 2023-03-08  发布在  Highcharts
关注(0)|答案(1)|浏览(175)

我有下面这样的代码,我想从JSON文件中实现温度,但是我不知道我做错了什么。
我尝试了JSON文件本身的不同配置,没有划分为温度和露点(露),但仍然是一样的。这个结果没有给出答案...

Highcharts.getJSON(
    'https://www.pogodakrotoszyn.info/tempdata.json',
    function (data->temp) {

        Highcharts.chart('container', {
            chart: {
                zoomType: 'x'
            },
            title: {
                text: 'Temperature',
                align: 'left'
            },
            subtitle: {
                text: document.ontouchstart === undefined ?
                    'Click and drag in the plot area to zoom in' : 'Pinch the chart to zoom in',
                align: 'left'
            },
            xAxis: {
                type: 'datetime'
            },
            yAxis: {
                title: {
                    text: 'Temperature'
                }
            },
            legend: {
                enabled: false
            },
            plotOptions: {
                area: {
                    fillColor: {
                        linearGradient: {
                            x1: 0,
                            y1: 0,
                            x2: 0,
                            y2: 1
                        },
                        stops: [
                            [0, Highcharts.getOptions().colors[0]],
                            [1, Highcharts.color(Highcharts.getOptions().colors[0]).setOpacity(0).get('rgba')]
                        ]
                    },
                    marker: {
                        radius: 2
                    },
                    lineWidth: 1,
                    states: {
                        hover: {
                            lineWidth: 1
                        }
                    },
                    threshold: null
                }
            },

            series: [{
                type: 'area',
                name: 'Temperature',
                data: data->temp;
            }]
        });
    }
);
w6mmgewl

w6mmgewl1#

问题是在JavaScript代码中你使用PHP语法来访问对象的属性,而不是data->temp,你应该像data.temp这样做。

Highcharts.getJSON(
    'https://www.pogodakrotoszyn.info/tempdata.json',
    function (data) {

        Highcharts.chart('container', {
            ...
            series: [{
                type: 'area',
                name: 'Temperature',
                data: data.temp
            }]
        });
    }
);

演示https://jsfiddle.net/BlackLabel/sypfmn10/

MDN:https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Working_with_Objects

相关问题