自定義圖例：

legend:{
    show:true,
    orient:'horizontal',
    borderColor:'#df3434',
    borderWidth:2,
    data:[
        {
            name:'蒸發量',
            textStyle:{
                fontSize:12,
                fontWeight:'bolder',
                color:'#cccccc'
            },
            icon:
 
'image://./images/icon1.png'//格式為'image://+icon檔案地址'，其中image::後的//不能省略，也可以換成echart內建的幾種圖例樣式

        },
        {
            name:'降水量',
            textStyle:{
                fontSize:12,
                fontWeight:
 
'bolder',
                icon:'image://./images/icon2.png'//格式為'image://+icon檔案地址'，其中image::後的//不能省略
            },
            icon:'pie'
        }
    ]
}

柱狀圖各個資料顏色

series: [{
        name: '數量',
        type: 'bar',
        itemStyle: {
            normal: {
                color: function (params) {
                    var
 
 colorList = [
                        '#C1232B', '#B5C334', '#FCCE10', '#E87C25', '#27727B',
                        '#FE8463', '#9BCA63', '#FAD860', '#F3A43B', '#60C0DD',
                        '#D7504B', '#C6E579', '#F4E001', '#F0805A', '#26C0C0'
                    ];
                    return colorList[params.dataIndex] // dataIndex資料的索引
                },
                //以下為是否顯示，顯示位置和顯示格式的設定了
                label: {
                    show: true,
                    position: 'top',
                    //formatter: '{c}'
                    formatter: '{b}\n{c}'
                }
            }
            },
            //設定柱的寬度
            barWidth: 70,
            data: [28, 15, 9, 4, 7, 8, 23, 11, 17]
            }
        ]

visualMap(視覺影視元件）

• symbol: 圖元的圖形類別。
• symbolSize: 圖元的大小。
• color: 圖元的顏色。
• colorAlpha: 圖元的顏色的透明度。
• opacity: 圖元以及其附屬物（如文字標籤）的透明度。
• colorLightness: 顏色的明暗度，參見HSL。
• colorSaturation: 顏色的飽和度，參見HSL。
• colorHue: 顏色的色調，參見HSL。