圖表 + 表格 測試頁面
動態模擬器
輸入名稱與數值,百分比與總計自動計算
產生的 API 資料(JSON)
{
"chart": {
"title": "資金運用\n比例(%)",
"data": [
{
"value": 80,
"name": "救援專案及支援工作",
"itemStyle": {
"color": "#EE0000"
}
},
{
"value": 15,
"name": "募款經費",
"itemStyle": {
"color": "#364C75"
}
},
{
"value": 5,
"name": "行政經費",
"itemStyle": {
"color": "#8691B0"
}
}
]
},
"tableData": {
"titles": [
"支出 (單位:百萬歐元)",
"",
""
],
"data": [
[
"救援專案及支援工作",
"1,850.80",
"80%"
],
[
"募款經費",
"343.48",
"15%"
],
[
"行政經費",
"114.54",
"5%"
],
[
"總計",
"2,308.82",
"100%"
]
]
}
}