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

echarts json 詳解

黃文隆1年前9瀏覽0評論

ECharts是一款開源的可視化圖表庫,它的數據格式是JSON,因此我們需要使用JSON數據來操作ECharts,下面就詳細介紹ECharts JSON的使用方法。

ECharts JSON數據格式包含三個必要的部分和一個可選的部分。必要的部分包括xAxis、yAxis和series,可選的部分是legend。其中,xAxis和yAxis表示圖表的x和y軸,series表示圖表數據集,而legend則是一個可選的圖例標記。

{
"xAxis": {
"type": "category",
"data": ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"]
},
"yAxis": {
"type": "value"
},
"series": [{
"data": [820, 932, 901, 934, 1290, 1330, 1320],
"type": "line"
}]
}

在上面的代碼中,我們創建了一個簡單的折線圖。xAxis的data屬性表示x軸坐標數據,yAxis的type屬性表示y軸的表示方式(這里是數值),series的data表示y軸上的數據,而type則表示圖表的類型。

接下來,我們來進一步了解一下ECharts中各個部分的含義和使用方法。

xAxis

xAxis就是圖表中的x軸。它有兩個常用的屬性:

  • type:表示坐標軸類型,可以是category、value、time或log四種類型。
  • data:表示x軸坐標數據。如果type是category,則data應該是一個包含x坐標值的數組;如果是value,則data可以省略或是null。
{
"xAxis": {
"type": "category",
"data": ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"]
}
}

yAxis

yAxis就是圖表中的y軸。它也有兩個常用的屬性:

  • type:表示坐標軸類型,可以是category、value、time或log四種類型。默認值為value。
  • data:表示y軸坐標數據。如果type是category,則data應該是一個包含y坐標值的數組;如果是value,則data可以省略或是null。
{
"yAxis": {
"type": "value"
}
}

series

series表示圖表的數據集。它的常用屬性包括以下幾個:

  • type:表示圖表的類型,包括line、bar、scatter、effectScatter、pie、radar、heatmap、tree等多種類型。
  • data:表示圖表的數據。
  • name:表示圖例的名稱。如果未設置,將不會在圖例中顯示。
{
"series": [{
"data": [820, 932, 901, 934, 1290, 1330, 1320],
"type": "line"
}]
}

legend

legend是一個可選的圖例標記。它的主要屬性是data,表示圖例的文字。

{
"legend": {
"data": ["郵件營銷", "聯盟廣告", "視頻廣告"]
}
}

以上就是ECharts JSON的詳細介紹,使用JSON創建圖表不僅簡單而且方便,你可以根據自己的需求自由定制圖表的各種參數和屬性。