如何用Echarts製作標準折線圖
我們經常使用Echarts製作各種圖表,那麼如何運用Echarts製作標準折線圖呢?下面小編給大家演示一下。
操作方法
首先開啟Sublime Text軟件,新建一個HTML文檔,並在文檔中添加如下圖所示的HTML結構
接下來運用scripts標籤在HTML中引入echarts的庫檔案,如下圖所示
然後我們在body標籤中創建一個div區域用來存放折線圖,如下圖所示,注意給div設定高度
接下來我們透過echarts的init方法對剛纔創建的div區域進行初始化,如下圖所示
然後我們設定折線圖的參數,包括X,Y座標軸數據,折線圖標題等資訊,如下圖所示
接下來在series參數中設定折線圖所需要的數據,如下圖所示,一條折線配置一個大括號
參數和數據設定完畢以後我們調用echarts的setOption方法將內容都填充進折線圖展示區域,如下圖所示
最後我們執行HTML檔案,就可以看到如下圖所示的標準折線圖了,點擊頂部的折線標題可以隱藏或者顯示折線
-
怎麼在電腦中放入光盤
還是有很多老年人習慣使用光碟,怎麼在電腦中放入光碟,小編給你指南。操作方法(01)放入光碟的設備叫做光驅,光驅長這個樣子,如圖所示:(02)按下圖中所示的按鈕,光驅架會彈出來。如圖所示:(03)光驅架彈出來後,就可以將光碟放入光驅裏,然後重新按下光驅彈出的按鈕。如圖所示:(04)稍等...
-
PS教程:簡單快速的通道摳圖
操作方法(01)開啟PS後,開啟一張需要處理的圖片,點擊通道,選擇綠色(那個色差大選哪個),此次演示選擇一個難度稍大的圖片處理,因爲頭紗是透明的,背後的背景和顏色還得去掉。(02)點擊鼠標右鍵,選擇複製。(03)按Ctrl+L,將色階裏面的箭頭向中間拉,然後點擊確定。(04)點擊套索工具,選中人...
-
PHP如何格式化日期?
在做php開發時,經常會用到日期函數,我們可以透過這個函數將日期格式化輸出顯示。日期有多種的顯示格式,這些格式在PHP裏怎麼格式化?下面一起來看下。操作方法(01)先看下我們的代碼,如圖,在php裏要獲取到當前日期,我們可以用date函數,函數的第一個參數就是格式化字元串,第...
-
PHP如何用正則匹配數據?
在做開發時,有時候需要在一段文字裏找出需要的字元,這時就需要用到正則表達式了。下面一起來看下具體怎麼使用正則查找數據。操作方法(01)我們先定義一個字元串,如圖,假設要從這段字元串裏,匹配找出網站的名字“搜狗”(02)然後定義一個正則表達式,解析下代碼,正則要放在斜...