ECharts 是一款基于HTML5 Canvas的,純JavaScript的圖表庫。通過簡單的配置選項,就能輕松地實現各種可交互的數據圖表。
在ECharts中,使用JSON來指定圖表數據和配置項。使用JSON的好處是能夠輕松地使用JavaScript的內置函數和對象來生成數據和配置項。JSON的格式也非常直觀,便于閱讀和維護,在團隊協作中也非常方便。
下面是一段簡單的JSON代碼示例:
{ "title": { "text": "某站點用戶訪問來源", "subtext": "純屬虛構", "x": "center" }, "tooltip": { "trigger": "item", "formatter": "{a}
: {c} (h59pvrl%)" }, "legend": { "orient": "vertical", "left": "left", "data": ["直接訪問", "郵件營銷", "聯盟廣告", "視頻廣告", "搜索引擎"] }, "series": [ { "name": "訪問來源", "type": "pie", "radius": "55%", "center": ["50%", "60%"], "data": [ {"value": 335, "name": "直接訪問"}, {"value": 310, "name": "郵件營銷"}, {"value": 234, "name": "聯盟廣告"}, {"value": 135, "name": "視頻廣告"}, {"value": 1548, "name": "搜索引擎"} ], "itemStyle": { "emphasis": { "shadowBlur": 10, "shadowOffsetX": 0, "shadowColor": "rgba(0, 0, 0, 0.5)" } } } ] }
在這段代碼中,我們定義了一個餅狀圖,包括標題、提示框、圖例和數據系列等組件。可以看到,JSON代碼非常清晰明了,每個屬性都有自己獨立的鍵值對。
總之,ECharts的JSON語法簡單易懂,容易上手,是制作數據圖表的不二選擇。
上一篇python 匯總論文
下一篇python 類似微信