echarts柱狀圖

最近專案中新增監控頁面，用到的有餅狀圖、儀表盤、曲線圖、柱狀圖、地圖
柱狀圖配置的一個demo如下，個人認為還有很多不足，我會通過以後的學習繼續改進，不喜勿噴~

function generateBar(concurrentTime,concurrentNum) {
    var myChart2 = echarts.init(document.getElementById('main2'));
    var myChart2_option = {
        tooltip:{
            // show:false
            trigger: 'axis'
 

        },
        grid:{
            x:50,
            y:10,
            x2:20,
            y2:40
        },
        label:{  //標籤

        }, 
        xAxis:[{
            type:'category',//預設為類目
            splitLine:{
                show:false  //去除網格線
            },
            color:'red',
            axisLabel: {
                textStyle:{
                    color:'#D9DADC'
 
,
                    fontSize:'8'
                },
                rotate: 22                
                // interval:0,//座標軸刻度標籤的顯示間隔
                // formatter:function(val){
                //      return val.split("").join("\n"); //橫軸資訊文字豎直顯示
                // },            
            },    
            data : concurrentTime
        }],
        yAxis : [{
            type : 'value'
 
,//預設為值型別
            minInterval:1,
            splitLine:{
                show:true,
                lineStyle:{
                    color:'#597BB5' //網格線顏色
                }
            },
            splitArea: { 
                show: true, //保留網格區域 
                areaStyle:{
                    color:'#021323',
                    opacity:0.7
                }
            },      
            axisLabel: {
                textStyle:{
                    color:'#D9DADC',
                    fontSize:'8'
                }                    
            },     
        }],
        series : [
            {
                name:"",
                type:"bar",
                itemStyle: {
                    normal: {
                        label:{show:false},
                        // color:function(d){return "#"+Math.floor(Math.random()*(256*56*156-1)).toString(16);}// 隨機顯示
                        // color:'#102D55' //統一顏色
                        // 定製顯示（按順序）
                        color: function(params) {  
                            var colorList = ['#51A3E9','#86C5F1','#449AE7','#197EE1','#3792E5','#2B8AE4']; 
                            return colorList[params.dataIndex] 
                        },
                        opacity:0.7,
                    },
                    emphasis:{
                        label:{show:true},
                    },

                }, 
                barWidth:30,//柱狀圖寬度
                // itemStyle: {normal: {areaStyle: {type: 'default'}}},             
                data:concurrentNum
            } 
        ]    
    }
    myChart2.setOption(myChart2_option); 
}