Question

我想修改此jsfiddle代码。

我不想要从 json / xml 获取数据，但我想将其设置为手动，如下所示：

这是我的代码的一部分我没有继续因为我丢失了它而且很复杂

{
        name: 'Air pressure',
        color: Highcharts.getOptions().colors[2],
        data: [1020.5, 0, 0, 0, 0, 1009.5, 1015.5, 1010.5, 1001.5, 1001.5],
        marker: {
            enabled: false
        },
        shadow: false,
        tooltip: {
            valueSuffix: ' hPa'
        },
        dashStyle: 'shortdot',
        yAxis: 2
    }

对于所有我想要获得所有数据的5个值。

Datetime, Precipitation, Temperature, Air pressure ....

这是手动输入的example数据，而不是来自服务器或某些人。

最后，我想知道我可以把数据放在哪里，因为我有它，但我不知道我可以把它放在哪里。

Answer 1

在JavaScript代码结束时，您可以找到function（xml）。

在其中你可以编写console.log（xml），然后检查控制台（开发人员工具）数据的结构是什么。

如果您确实想要更改演示代码，那么您必须以相同的格式编写数据。

您可以查看代码以查看究竟需要什么，因为并非所有数据都被使用。基于此，您可以禁用ajax调用并手动创建数据对象。

示例：http://jsfiddle.net/qLynjzds/

数据在演示中的工作方式示例（2分）：

var xml = {
        credit: {
            link: {
                '@attributes': {
                    url: "http://www.yr.no/place/United_Kingdom/England/London/" //link for credits
                }
            }
        },
        location: {
            country: "Country",
            name: "City"
        },
        forecast: {
            tabular: {
                time: [{
                    '@attributes': {
                        from: "2015-05-28T14:00:00",
                        to: "2015-05-28T15:00:00"
                    },
                    symbol: {
                        '@attributes': {
                            'var': "01d",
                            name: "Clear sky"
                        },
                    },
                    temperature: {
                        '@attributes': {
                            value: "17"
                        },
                    },
                    precipitation: {
                        '@attributes': {
                            value: "0"
                        },
                    },
                    windDirection: {
                        '@attributes': {
                            deg: "252.6",
                            name: "West"
                        },
                    },
                    windSpeed: {
                        '@attributes': {
                            mps: "16.6",
                            name: "Strong breeze"
                        },
                    },
                    pressure: {
                        '@attributes': {
                            value: "1013.8"
                        },
                    }
                }, {
                    '@attributes': {
                        from: "2015-05-28T15:00:00",
                        to: "2015-05-28T16:00:00"
                    },
                    symbol: {
                        '@attributes': {
                            'var': "01d",
                            name: "Clear sky"
                        },
                    },
                    temperature: {
                        '@attributes': {
                            value: "15"
                        },
                    },
                    precipitation: {
                        '@attributes': {
                            value: "1"
                        },
                    },
                    windDirection: {
                        '@attributes': {
                            deg: "252.6",
                            name: "West"
                        },
                    },
                    windSpeed: {
                        '@attributes': {
                            mps: "16.6",
                            name: "Strong breeze"
                        },
                    },
                    pressure: {
                        '@attributes': {
                            value: "1010.8"
                        },
                    }
                }]
            }
        }
    };

Highcharts：组合计量表（DATA，XML / JSON）

1 个答案: