大战熟女丰满人妻av-荡女精品导航-岛国aaaa级午夜福利片-岛国av动作片在线观看-岛国av无码免费无禁网站-岛国大片激情做爰视频

專注Java教育14年 全國咨詢/投訴熱線:400-8080-105
動力節(jié)點(diǎn)LOGO圖
始于2009,口口相傳的Java黃埔軍校
首頁 hot資訊 Echarts柱狀圖顏色設(shè)置

Echarts柱狀圖顏色設(shè)置

更新時(shí)間:2022-05-23 09:07:38 來源:動力節(jié)點(diǎn) 瀏覽4411次

使用echarts的時(shí)候遇到一個(gè)問題,就是color中應(yīng)該直接設(shè)置的多個(gè)顏色不能左右,只顯示第一個(gè)顏色

演示中的代碼示例:

選項(xiàng)=  {
    顏色:  [ '#c23531' , '#2f4554' ,  '#61a0a8' ] , 
    xAxis :  { 
        type :  'category' , 
        data :  [ 'Mon' ,  'Tue' ,  'Wed' ,  'Thu' ,  'Fri' ,  'Sat' ,  'Sun' ] 
    } , 
    yAxis :  { 
        type :  'value' 
    } ,
    系列: [ {
        數(shù)據(jù): [ 120、200、150、80、70、110、130 ] , 
        輸入:' bar ' } ] } ;_ _  _ _  _ _  _ _  _ _  

對應(yīng)的顯示樣式為:

要在這種情況下更改柱形圖的顏色,可以編寫:

option =  { 
	//這里不重要,可以刪除
    顏色:  [ '#c23531' , '#2f4554' ,  '#61a0a8' ] , 
    xAxis :  { 
        type :  'category' , 
        data :  [ 'Mon' ,  'Tue' ,  'Wed' ,  'Thu' ,  'Fri' ,  'Sat' ,  'Sun' ] 
    } , 
    yAxis :  { 
        type :  '值' 
    } ,
    series :  [ { 
        data :  [ 120 ,  200 ,  150 ,  80 ,  70 ,  110 ,  130 ] , 
        type :  'bar' , 
        itemStyle :  { 
            normal :  { 
        //這里是關(guān)鍵
                顏色:  function ( params )  { 
                	//注意,如果顏色太少,后面的顏色不會自動循環(huán)。最好再定義幾個(gè)顏色
                    變量colorList =  [ '#c23531' ,'#2f4554' , '#61a0a8' , '#d48265' , '#91c7ae' ,'#749f83' , '#ca8622' ] ;
                    返回顏色列表[參數(shù). 數(shù)據(jù)索引] 
                } 
            } 
        } 
    } ] 
} ;

如果要自動循環(huán)已有的顏色循環(huán)顯示,可以加一個(gè)判斷:

	//向圓柱體循環(huán)添加顏色大于確定的顏色
	數(shù)量if (  params .dataIndex > = colorList .length ) { 
	    index = params . 數(shù)據(jù)索引-顏色列表。長度;} 

最終渲染:

提交申請后,顧問老師會電話與您溝通安排學(xué)習(xí)

免費(fèi)課程推薦 >>
技術(shù)文檔推薦 >>
主站蜘蛛池模板: 免费欧美日韩 | 免费一级网站 | 国产女主播在线视频 | 性做久久久久久蜜桃花 | 99久久精品国产一区二区三区 | 2021国内精品久久久久影院 | 亚洲欧美日韩中文字幕网址 | 四房激情 | 欧美黑人猛xxxxbbbb | 女人十八毛片一级毛片免费看 | 国产午夜永久福利视频在线观看 | 神马老子不卡视频在线 | 91久久精品国产免费一区 | 久久久久久久网 | 中文字幕在线视频观看 | 欧美艹逼视频 | 国产日韩欧美精品一区 | 成年女人在线视频 | 亚洲精品国产成人99久久 | 他也色在线 | 老子影院午夜伦不卡不四虎卡 | 欧美日韩一级大片 | 国产成版人视频网站免费下 | 国产免费青青青免费视频观看 | 99亚洲视频 | 成人看的一级毛片 | 久久久久久久综合 | 国产精品第二页在线播放 | 国产精品成人扳一级aa毛片 | 国产片一区二区三区 | 免费观看国产一区二区三区 | 亚洲最色 | 亚洲免费高清视频 | 大ji吧快给我别停受不了视频 | 久久国产乱子伦精品免费看 | 精品久久久久久中文字幕女 | 久久亚洲精品中文字幕第一区 | 哪个网站能看毛片 | 日韩成人高清 | 亚洲美女网址 | 曰本女人色黄网站 |