在条形图中使用 json url 数据
这是存储在 URL 中的 json 数据（例如：http://localhost/icx/test/link.html）。这些数据是实时的，并且会随着时间而变化
[{
"call_time": "0",
"total_inc_traffic": "1363.10",
"total_out_traffic": "88.70"
}, {
"call_time": "1",
"total_inc_traffic": "479.57",
"total_out_traffic": "36.98"
}, {
"call_time": "2",
"total_inc_traffic": "239.57",
"total_out_traffic": "13.43"
}, {
"call_time": "3",
"total_inc_traffic": "190.28",
"total_out_traffic": "8.20"
}, {
"call_time": "4",
"total_inc_traffic": "223.80",
"total_out_traffic": "0.00"
}, {
"call_time": "5",
"total_inc_traffic": "158.87",
"total_out_traffic": "19.58"
}, {
"call_time": "6",
"total_inc_traffic": "27.52",
"total_out_traffic": "36.18"
}, {
"call_time": "7",
"total_inc_traffic": "47.70",
"total_out_traffic": "69.57"
}, {
"call_time": "8",
"total_inc_traffic": "2234.35",
"total_out_traffic": "137.60"
}, {
"call_time": "9",
"total_inc_traffic": "150.67",
"total_out_traffic": "162.07"
}, {
"call_time": "10",
"total_inc_traffic": "4497.05",
"total_out_traffic": "267.32"
}, {
"call_time": "11",
"total_inc_traffic": "5049.87",
"total_out_traffic": "242.42"
}, {
"call_time": "12",
"total_inc_traffic": "5227.67",
"total_out_traffic": "286.88"
}, {
"call_time": "13",
"total_inc_traffic": "3384.30",
"total_out_traffic": "360.88"
}, {
"call_time": "14",
"total_inc_traffic": "3650.73",
"total_out_traffic": "328.28"
}]
如何在我的 javascript 条形图代码中使用此 URL（例如：http://localhost/icx/test/link.html）？如果有人有任何想法，请帮助
小怪兽爱吃肉2回答
-
红颜莎娜
当您说“存储在 URL 中的 json 数据”时，您的意思是这样吗？http://localhost/icx/test/link.html?data=example_data这称为获取数据。如果您将所有给定的数据存储在 URL 中，那是一个坏主意，因为 URL的长度确实有限制（通常为 2048 个字符）。至于显示条形图，canvasJS之类的插件可以很好地帮助您，首页上 有一个代码示例。 -
潇潇雨雨
您应该使用AJAX和jQuery从 Link 获取数据，如下所示：$(document).ready(function () {var output=[]; $.ajax('path of your link', { dataType: 'json', // type of response data timeout: 500, // timeout milliseconds success: function (data,status,xhr) { // success callback function console.log(data); output=data; /** Here you have to separate data received from link into 3 different array variables which then you can use in chart code where right now you have static array. **/ }, error: function (jqXhr, textStatus, errorMessage) { // error callback console.log('Error: ' + errorMessage); } });});
随时随地看视频慕课网APP
PHP