ECharts是百度推出的一款開源的可視化圖表庫。使用ECharts可以快速輕松地構建各種各樣的可視化圖表,包括線性圖、餅圖、柱狀圖等等。其中,數據是ECharts圖表展示的核心,而數據則是以JSON格式的形式來提供的。
{ "title": { "text": "折線圖堆疊" }, "tooltip": { "trigger": "axis" }, "legend": { "data": ["郵件營銷", "聯盟廣告", "視頻廣告", "直接訪問", "搜索引擎"] }, "toolbox": { "feature": { "saveAsImage": {} } }, "grid": { "left": "3%", "right": "4%", "bottom": "3%", "containLabel": true }, "xAxis": [ { "type": "category", "boundaryGap": false, "data": ["周一", "周二", "周三", "周四", "周五", "周六", "周日"] } ], "yAxis": [ { "type": "value" } ], "series": [ { "name": "郵件營銷", "type": "line", "stack": "總量", "data": [120, 132, 101, 134, 90, 230, 210] }, { "name": "聯盟廣告", "type": "line", "stack": "總量", "data": [220, 182, 191, 234, 290, 330, 310] }, { "name": "視頻廣告", "type": "line", "stack": "總量", "data": [150, 232, 201, 154, 190, 330, 410] }, { "name": "直接訪問", "type": "line", "stack": "總量", "data": [320, 332, 301, 334, 390, 330, 320] }, { "name": "搜索引擎", "type": "line", "stack": "總量", "data": [820, 932, 901, 934, 1290, 1330, 1320] } ] }
以上是一個折線圖的JSON格式示例。其中,可以看到各個組件的配置信息,如標題、提示框、圖例、數據系列等等。在實際使用中,根據具體需求和場景來提供JSON數據即可輕松呈現出各種炫酷的圖表。