echarts怎么展現(xiàn)數(shù)據(jù)表格 echarts配置的八個(gè)步驟?
echarts配置的八個(gè)步驟?移動(dòng)web端要做數(shù)據(jù)可視化,用哪個(gè)js庫比較好?這里推薦一個(gè)js庫———echarts . js,專門用于數(shù)據(jù)可視化。圖表的類型很多,如下,有豐富的例子和教程,很容易學(xué)習(xí)
echarts配置的八個(gè)步驟?
移動(dòng)web端要做數(shù)據(jù)可視化,用哪個(gè)js庫比較好?
這里推薦一個(gè)js庫———echarts . js,專門用于數(shù)據(jù)可視化。圖表的類型很多,如下,有豐富的例子和教程,很容易學(xué)習(xí)和掌握。下面我簡單介紹一下這個(gè)js庫的用法:
1.下載echarts.js,直接在官網(wǎng)下載就行了,很快就成功了,大概2萬億:
2.下載成功后,我們就可以測試echarts了。這里的測試非常簡單。官方自帶例子和源代碼。我簡單介紹一下例子的使用過程。以下面的例子為例。地址:
測試代碼如下。在這里新建一個(gè)html文檔就可以了,把下載的echarts.js和這個(gè)html文檔放在一個(gè)目錄下。只需將上面的示例代碼復(fù)制到下面的框架中:
用瀏覽器打開html文件。程序截圖如下,已成功繪制所需圖形:
官方的例子其實(shí)更多,比如餅狀圖、散點(diǎn)圖、樹形圖、字云圖、雷達(dá)圖等?;臼褂貌襟E同上。如果你覺得有興趣,可以自己試試。
下面簡單介紹一下echarts.js的簡單使用流程,入門級水平。至于如何在項(xiàng)目中使用,如何調(diào)整相應(yīng)的代碼,自己研究不難。希望上面分享的內(nèi)容能幫到你。