echarts.js的應(yīng)用及使用方法

發(fā)布時(shí)間：2019-10-31 16:21:23

發(fā)布者：等等

瀏覽量:

下午好，這是山東文匯信息服務(wù)官網(wǎng)，由于最近參與的項(xiàng)目，接觸、熟悉了一款數(shù)據(jù)可視化工具,就是一款純Javascript的圖表庫(kù)。

Echarts--商業(yè)級(jí)數(shù)據(jù)圖表

商業(yè)級(jí)數(shù)據(jù)圖表，它是一個(gè)純JavaScript的圖標(biāo)庫(kù)，兼容絕大部分的瀏覽器，底層依賴輕量級(jí)的canvas類庫(kù)ZRender，提供直觀，生動(dòng)，可交互，可高度個(gè)性化定制的數(shù)據(jù)可視化圖表。創(chuàng)新的拖拽重計(jì)算、數(shù)據(jù)視圖、值域漫游等特性大大增強(qiáng)了用戶體驗(yàn)，賦予了用戶對(duì)數(shù)據(jù)進(jìn)行挖掘、整合的能力。

echarts的優(yōu)點(diǎn)：
1.國(guó)人開發(fā)，文檔全，便于開發(fā)和閱讀文檔。

山東濟(jì)南文匯app開發(fā)，系統(tǒng)開發(fā)，微信小程序開發(fā).png

2.圖表豐富，可以適用各種各樣的功能。
echarts的缺點(diǎn)：
沒有，或者說(shuō)沒發(fā)現(xiàn)......

echarts不失為一款比較適合我們這種碼農(nóng)使用的框架。
echarts就不貼代碼了。因?yàn)槭侵袊?guó)朋友開發(fā)的，所以文檔很全。

濟(jì)南app開發(fā)公司提醒您使用方法如下：

1、引入 ECharts 文件

為 ECharts 準(zhǔn)備一個(gè)具備大小（寬高）的 DOM元素

在script里面設(shè)置

 
    // 基于準(zhǔn)備好的dom，初始化echarts實(shí)例
    var myChart = echarts.init(document.getElementById('main'));
 
    中間放 指定圖表的配置項(xiàng)和數(shù)據(jù)
    也就是拷貝過(guò)來(lái)的js代碼，就可以啦
     
    // 使用剛指定的配置項(xiàng)和數(shù)據(jù)顯示圖表。
    myChart.setOption(option); 
    設(shè)置完畢之后，就是這樣的。

設(shè)置完畢之后，就是這樣的。

山東濟(jì)南文匯app開發(fā)，系統(tǒng)開發(fā)，微信小程序開發(fā).png

另外補(bǔ)充，echarts.js的作者是林峰，百度商業(yè)前端通用技術(shù)組，數(shù)據(jù)可視化方向負(fù)責(zé)人，資深前端研發(fā)工程師。喜歡設(shè)計(jì)，熱愛編程，ZRender，ECharts 作者，目前專注于數(shù)據(jù)可視化方面的研究工作。

分享結(jié)束，謝謝觀看山東文匯信息服務(wù)官網(wǎng)，下周見

上一篇：設(shè)計(jì)網(wǎng)站框架、確立網(wǎng)站風(fēng)格是做網(wǎng)站設(shè)計(jì)之前必做的兩項(xiàng)工作

下一篇：除了增加優(yōu)惠券活動(dòng)和限時(shí)促銷活動(dòng)，還可以從以下幾點(diǎn)去提高商城網(wǎng)站的銷量

關(guān)鍵詞: