色婷婷狠狠18禁久久YY,CHINESE性内射高清国产,国产女人18毛片水真多1,国产AV在线观看

highchart動態獲取json數據

林玟書2年前9瀏覽0評論

Highcharts是一個基于JavaScript的開源圖表庫,可用于在網頁上創建各種類型的圖表,如線圖、柱狀圖、餅圖等。使用Highcharts,可以動態地獲取并顯示JSON格式的數據。

以下是一個獲取JSON數據并創建柱狀圖的示例:

$(function () {
$.getJSON('data.json', function (data) {
// 解析數據
var categories = [];
var dataSeries = [];
$.each(data, function (i, row) {
categories.push(row.category);
dataSeries.push(row.value);
});
// 創建圖表
var chart = new Highcharts.Chart({
chart: {
renderTo: 'container',
type: 'column'
},
title: {
text: '柱狀圖'
},
xAxis: {
categories: categories
},
yAxis: {
title: {
text: '數據'
}
},
series: [{
name: '數據',
data: dataSeries
}]
});
});
});

上述代碼中,使用jQuery的getJSON方法來讀取名為"data.json"的JSON數據。然后使用each方法遍歷數據,將每個對象的"category"屬性存儲在categories數組中,將"value"屬性存儲在dataSeries數組中。

接下來,使用Highcharts的Chart構造函數創建一個柱狀圖。通過xAxis屬性設置X軸的分類信息,使用yAxis屬性設置Y軸的標題信息,最后通過series屬性設置圖表的series數據。

以上就是使用Highcharts動態獲取JSON數據的方法。通過獲取和解析JSON數據,可以創建出各種類型的精美圖表。