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

highcharts讀取json

錢瀠龍2年前6瀏覽0評論

Highcharts是一款流行的圖表庫,它支持讀取Json格式的數據,從而可以快速、簡單地生成各種圖表。使用Highcharts讀取Json數據非常方便,下面我們來看一下具體步驟。

首先,在html頁面中引入Highcharts庫文件和jQuery庫文件:

<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script src="https://code.highcharts.com/highcharts.js"></script>

接下來,我們準備好一個Json格式的數據。例如:

[
{
"name": "Tokyo",
"data": [7.0, 9.5, 14.5, 18.2, 21.5, 25.2]
},
{
"name": "New York",
"data": [2.5, 4.5, 7.0, 11.5, 16.0, 19.5]
}
]

然后,通過Ajax請求讀取該Json數據:

$.ajax({
type: "GET",
url: "data.json",
dataType: "json",
success: function(data) {
// 成功讀取Json數據
},
error: function(error) {
// 讀取Json數據失敗
}
});

最后,在Ajax請求成功后,通過Highcharts提供的“chart”函數來生成圖表:

$.ajax({
type: "GET",
url: "data.json",
dataType: "json",
success: function(data) {
// 成功讀取Json數據
Highcharts.chart('container', {
title: {
text: 'Monthly Average Temperature'
},
xAxis: {
categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun']
},
yAxis: {
title: {
text: 'Temperature (°C)'
}
},
series: data
});
},
error: function(error) {
// 讀取Json數據失敗
}
});

代碼中,“container”是一個div容器,用于展示生成的圖表。

總之,Highcharts讀取Json數據非常簡單。只需要通過Ajax請求獲取Json數據,然后使用Highcharts的函數生成圖表即可。