使用 AJAX/JSON 创建 highstock答案

【问题标题】：Create highstock using AJAX/JSON使用 AJAX/JSON 创建 highstock
【发布时间】：2015-05-06 10:06:23
【问题描述】：

我使用 AngularJs 构建了一个 highstock，

这是目前看起来像http://jsfiddle.net/j06ivy/r88yszk0/的代码

我的问题是如何返回 JSON 数据（http 链接）而不是将这些数据放在下面的 javascript 代码中？

    $scope.chartConfig.series.push({
    id: 1,
    data: [
        [1147651200000, 23.15],
        [1147737600000, 23.01],
        [1147824000000, 22.73],
        [1147910400000, 22.83],
        [1147996800000, 22.56],
        [1148256000000, 22.88],
        [1148342400000, 22.79],
        [1148428800000, 23.50],
        [1148515200000, 23.74],
        [1148601600000, 23.72],
        [1148947200000, 23.15],
        [1149033600000, 22.65]
    ]
},   {
    id: 2,
    data: [
        [1147651200000, 25.15],
        [1147737600000, 25.01],
        [1147824000000, 25.73],
        [1147910400000, 25.83],
        [1147996800000, 25.56],
        [1148256000000, 25.88],
        [1148342400000, 25.79],
        [1148428800000, 25.50],
        [1148515200000, 26.74],
        [1148601600000, 26.72],
        [1148947200000, 26.15],
        [1149033600000, 26.65]
    ]

}

);

我尝试在我的网络服务器上构建

http://52.74.94.173/ivy-demo-project/highstock-json.html

我想如果这里有什么问题？

$scope.chartConfig.series.push({ data: jsonData });

【问题讨论】：

标签： ajax json angularjs

【解决方案1】：

您可以使用 $http 服务，这里是文档：$http

将你的数据放在一个json文件中，然后你可以像这样在本地访问你的文件

$http.get("../relativePathTolocalJSON/mydata.json");

您的文件需要采用合法的 JSON 格式

【讨论】：

【解决方案2】：

由于几个 js 错误，您的小提琴无法正常工作 - 至少 $http 未注入，缺少括号，并且您的 json 文件在您的域以外的域中不可用。

检查this one 并确保您的 json 文件可用并且包含一个包含图表的两个数据系列的数组。

$http.get('http://j06ivy.tw/public/chart-data.json').success(function (jsonData) {
    $scope.chartConfig.series.push({
        data: jsonData
    });
});

【讨论】：