如何用Echarts製作標準折線圖
我們經常使用Echarts製作各種圖表,那麼如何運用Echarts製作標準折線圖呢?下面小編給大家演示一下。
操作方法
首先開啟Sublime Text軟件,新建一個HTML文檔,並在文檔中添加如下圖所示的HTML結構
接下來運用scripts標籤在HTML中引入echarts的庫檔案,如下圖所示
然後我們在body標籤中創建一個div區域用來存放折線圖,如下圖所示,注意給div設定高度
接下來我們透過echarts的init方法對剛纔創建的div區域進行初始化,如下圖所示
然後我們設定折線圖的參數,包括X,Y座標軸數據,折線圖標題等資訊,如下圖所示
接下來在series參數中設定折線圖所需要的數據,如下圖所示,一條折線配置一個大括號
參數和數據設定完畢以後我們調用echarts的setOption方法將內容都填充進折線圖展示區域,如下圖所示
最後我們執行HTML檔案,就可以看到如下圖所示的標準折線圖了,點擊頂部的折線標題可以隱藏或者顯示折線
-
支付寶怎麼註銷帳戶
支付寶(中國)網絡技術有限公司是國內領先的第三方支付平臺,致力於提供“簡單、安全、快速”的支付解決方案。支付寶公司從2004年建立開始,始終以“信任”作爲產品和服務的核心。旗下有“支付寶”與“支付寶錢包”兩個獨立品牌。自2014年第二季度開始成爲當前全球最...
-
怎樣成爲一名黑客
黑客作爲一個神祕詞語讓很多人都充滿嚮往,現在來給大夥介紹下。操作方法(01)什麼是黑客?JargonFile包含了一大堆關於“hacker”這個詞的定義,大部分與技術高超和熱衷解決問題及超越極限有關。但如果你只想知道如何成爲一名黑客,那麼只有兩件事情確實相關。這可以追溯...
-
如何安裝並激活office2016
Office2016(也稱Office16),是微軟辦公套件的一個版本。2015年7月,微軟宣佈旗下辦公軟件Office2016正式面向Mac平臺發佈,其中包含Word、Excel、PowerPoint、Outlook和OneNote五個組件,支援16種語言。Office2016最新版於2015年9月22日發佈上市。操作方法(01)下載地址:,該網...
-
Webstorm強大的定位功能,使用詳解
Webstorm前端開發工具,內置有強大的檔案定位功能,下面來看下具體怎麼使用。操作方法(01)開啟Webstorm,並開啟一個項目,在一個html檔案裏,我們可以看到有引入了一些js檔案。(02)按住鍵盤上的command鍵(windows上,應該是ctrl鍵),然後鼠標移到這個腳本檔案上時,就會出現一個下劃...