Javascript Highstock—从JSON文件中提取数据

我知道有许多类似的问题与这个主题有关，所以，我没有成功地实现我想做的，所以我在这里写一个问题。请理解我是新来的

因此，基本上，使用Highstock（这里可以找到的基本图形），我想从一个名为Json1.JSON的JSON文件导入数据。我该怎么做

在JavaScript中，我编写了

$(function () {

    $.getJSON('Json1.json', function (data) {
        // Create the chart
        $('#container').highcharts('StockChart', {


            rangeSelector : {
                selected : 1
            },

            title : {
                text : 'Pressure'
            },

        });
    });

});

此外，是否可以只看到24小时格式而不是一年

另外，Json数据的格式是这样的

[
{"Pressure": 1},
{"Pressure": 5},
{"Pressure": 3},
{"Pressure": 2},
{"Pressure": 4}
}]

---

你应该处理你的数据，这样它的格式就会被海图所接受。它可以是（如中所述）：

一组数值

具有2个值的数组数组

具有命名值的对象数组

另一个选项是使用已定义的数组

如果您想使用例如fromat的第一个数据，那么您可以遍历JSON并创建一个数值数组，其中的值取自

Pressure

property中的每个对象

$(function () {

    //$.getJSON('Json1.json', function (data) {
    // simulate JSON data
    var data = [{
        "Pressure": 1
    }, {
        "Pressure": 5
    }, {
        "Pressure": 3
    }, {
        "Pressure": 2
    }, {
        "Pressure": 4
    }],
        processedData = [];
    // process the data to match one of formats required by Highcharts - an array of numberical values
    // see: http://api.highcharts.com/highstock#series<line>.data
    Highcharts.each(data, function(d) {
        processedData.push(d.Pressure);
    });
    // Create the chart
    $('#container').highcharts('StockChart', {
        rangeSelector: {
            selected: 1
        },
        title: {
            text: 'Pressure'
        },

        series: [{
            data: processedData
        }]

    });
    //});

});

$（函数（）{
//$.getJSON（'Json1.json'，函数（数据）{
//模拟JSON数据
风险值数据=[{
“压力”：1
}, {
“压力”：5
}, {
“压力”：3
}, {
“压力”：2
}, {
“压力”：4
}],
processedData=[]；
//处理数据以匹配Highcharts所需的格式之一—一个数值数组
//见：http://api.highcharts.com/highstock#series.data
高图。每个（数据、功能（d）{
处理数据推送（d压力）；
});
//创建图表
$（“#容器”）.highcharts（'StockChart'{
范围选择器：{
选定：1
},
标题：{
文字：“压力”
},
系列：[{
数据：已处理数据
}]
});
//});
});

---

有关Highcharts的基本信息，您可以看到

您的“Json1.json”文件位于哪里？您的json数据需要一个时间戳值。示例：

1226966400000

@YuWu，与index@DannyFardyJhonstonBermúdez所以以{“label”：value，timestamp}的格式？如果您看到，您会发现jsonp数据具有

[1227052800000,12.33]

：其中第一项是时间戳，第二项是值。检查jsonpdata:Hi，我看到您已经将数据输入到var数据中，而不是从JSON文件中提取数据。我遇到的一种情况是，我有一个Json1.json文件，其中包含数百个数据。有没有办法把它从这里拉出来？或者我必须像您一样在var数据下声明它们吗？@axchink当您有来自JSON的数据时，只需删除

数据

变量赋值，并使用从

$返回的JSON。getJSON

。由于缺少Json1.json文件，该示例在JSFIDLE中不起作用，但如果您的json是可访问的，则该示例应适用于您：