简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
首頁 > web前端 > js教程 > 主體

echarts設定折線線條顏色和折線點顏色的實例

小云云
發布： 2018-05-18 09:46:23
原創
11574 人瀏覽過

本文主要介紹了jQuery插件echarts設定折線圖中折線線條顏色和折線點顏色的方法,結合實例形式分析了jQuery圖表插件echarts設置折線圖的相關操作技巧,需要的朋友可以參考下，希望能幫助大家。

1、問題背景

設計一條折線圖，但是圖形中不用插件自帶的顏色，需要自訂線條和折點的顏色

2、實作原始碼

（1）圖形自分配顏色



  
    
    echarts-设置折线图中折线线条颜色和折线点颜色
登入後複製

（2）線條自訂顏色



  
    
    echarts-设置折线图中折线线条颜色和折线点颜色
登入後複製

（3）折點自訂顏色



  
    
    echarts-设置折线图中折线线条颜色和折线点颜色
登入後複製

3、實作結果

（1）圖形自指派顏色

（ 2）線條自訂顏色

（3）折點自訂顏色

##4、問題說明

（1）設定折線線條顏色

lineStyle:{
 color:'#00FF00'
}
登入後複製

（2）設定折線折點顏色

itemStyle : {
 normal : {
  color:'#00FF00'
 }
}
登入後複製
相關推薦：

#jQuery外掛echarts去掉垂直網格線用法詳解

echarts實現的循環生成圖效果範例分享

##echarts實現去掉X軸、 Y軸與網格線效果實例分享

以上是echarts設定折線線條顏色和折線點顏色的實例的詳細內容。更多資訊請關注PHP中文網其他相關文章！

相關標籤：
echarts 線條 顏色
來源：php.cn
上一篇：jQuery插件echarts去掉垂直網格線用法詳解 下一篇：jQuery實作MD5加密的簡單方法
本網站聲明
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn
作者最新文章
最新問題
數據視覺化echarts 還有後續嗎
來自於 2022-12-25 23:49:52
0
1
448
如何將echarts圖中的值匯出列印為Excel，需要什麼外掛嗎啊？ 我想問大神們或老師們？我有個折線圖，但是需要實現匯出並列印為Excel表格，這個怎麼弄呢？要用到PHPExcel嗎？還是其他的什麼插件？
來自於 2018-04-28 14:38:00
0
1
1018
javascript - 字面量方式封裝echarts元件,為什麼初始化的時候失敗 {程式碼...} 求正確寫法,初始化與更新資料方法
來自於 2017-07-05 11:09:11
0
1
853
javascript - 百度echarts圖表如何修改 用echarts圖表中的折線圖來做統計分析。發現相同的數據，線條不相交，這是什麼問題。請教大神？如圖星期六的數據都是330。可是五條線就是不相交 <script sr...
來自於 2017-07-05 11:08:59
0
3
950
javascript - 仿著echarts官網的地圖做了個例子，但只顯示出來了地點，沒有畫出飛機動態效果？ ？急 如上圖所示：：只顯示出來了點，沒有顯示下面的飛機和弧線以下是我的程式碼。 。自己沒找到問題，，請各路大神幫忙看var myChart = echarts.init(document...
來自於 2017-07-05 10:57:29
0
1
920
相關專題
更多>
熱門推薦
熱門教學
更多>
相關教學
熱門推薦
最新課程
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網：公益線上PHP培訓，幫助PHP學習者快速成長！