Echarts是一套基于JavaScript開發(fā)的可視化圖表庫,它能夠幫助開發(fā)者輕松的創(chuàng)建出各類精美的圖表。為了實(shí)現(xiàn)數(shù)據(jù)的可視化,Echarts需要接收數(shù)據(jù),Echarts中可以通過JSON數(shù)據(jù)接口將數(shù)據(jù)傳遞給圖表進(jìn)行渲染,并且Echarts也提供了一個(gè)非常便捷的中國(guó)JSON數(shù)據(jù)接口。
中國(guó)JSON數(shù)據(jù)接口可以將數(shù)據(jù)源自動(dòng)轉(zhuǎn)化成JSON格式,并為之生成回調(diào)函數(shù)。它的使用方法非常簡(jiǎn)單,只需要通過以下方式將要展示的數(shù)據(jù)源傳輸給JSONP對(duì)象的URL:
http://echarts.baidu.com/data/xxx
其中,xxx
是數(shù)據(jù)源的地址,而數(shù)據(jù)源最終體現(xiàn)為回調(diào)函數(shù)的形式,例如:
callback({ "xAxis": {...}, "yAxis": {...}, "series": {...} });
中國(guó)JSON數(shù)據(jù)接口同時(shí)也支持POST請(qǐng)求的方式,可以通過以下方式傳輸數(shù)據(jù)源:
$.ajax({ type : "POST", url : "http://echarts.baidu.com/data/xxx", success : function(data){ // todo ... }, dataType : "jsonp" })
在以上代碼中,xxx
就代表了要展示的數(shù)據(jù)源。
無論是get方式還是post方式,最終的數(shù)據(jù)源都會(huì)自動(dòng)轉(zhuǎn)化為JSON格式,并以回調(diào)函數(shù)的形式返回。而使用中國(guó)JSON數(shù)據(jù)接口,可以輕松從數(shù)據(jù)源從獲取數(shù)據(jù)并快速完成圖表的展示。整個(gè)過程非常方便和快捷,并且充分利用了Echarts所提供的優(yōu)秀的圖表渲染功能。