Echarts-柱形图

var clyyqst ={
            initAction:function(){
                /*$('.menuItem').removeClass('menuSelected');
                $('.menuItem').eq(4).addClass('menuSelected');*/
            clyyqst.initChart();
            },
            initChart:function(){ajax

                var chartOne = echart.init(document.getElementById('chartOne'));json

var dataOne=[];
                $.ajax({
    async : false,
    type: "POST",
    url: "clyyqs/qymc",      //企业名称top10
    dataType: 'json',
    success: function (data) {
    for(var i in data.qymcs){
    dataOne.push(data.qymcs[i])
    }
    }
                });
                var legendOne=[];
                var seriesOne=[];
                $.each(dataOne,function (i,val) {
                legendOne.push(val.QYMC);
                seriesOne.push(val.MC);
                });
                var optionOne={
                    tooltip: {
                        trigger: 'item',
                       formatter: "{b}: {c}"
                    },
                    grid:{
                        x:70,
                        y:45,
                        x2:50,
                        y2:80,
                    },
                    xAxis: {
                        data: legendOne,
                        axisLine:{
                            lineStyle:{
                                color:'#053b4c'
                            }
                        },
                        axisTick:{
                            show:false
                        },
                        axisLabel: {
                        interval:0,  
                        rotate:30,
                            textStyle: {
                                color: '#0F0F0F'
                            }
                        },
                        splitLine:{
                            show:false
                        }
                    },
                    yAxis: {
                        axisLine:{
                            show:false,
                            lineStyle:{
                                color:'#193b4e'
                            }
                        },
                        axisTick:{
                            show:false
                        },
                        axisLabel: {
                            textStyle: {
                                color: '#0F0F0F'
                            }
                        },
                        splitLine:{
                            lineStyle:{
                                color:'#053b4c'
                            }
                        }
                    },
                    color:['#41bca0'],
                    series: [
                        {
                            type: 'bar',
                            barWidth:'46',
                            itemStyle: {
                                normal: {
                                    color: function(params) {
                                        var colorList = ['#41bca0','#2a9abf','#696daa','#f2bd32','#ff433d','#B8860B','#8B8B00','#7EC0EE','#458B00','#B0E2FF'];
                                        return colorList[params.dataIndex]
                                    }
                                }
                            },
                            data:seriesOne
                        }
                    ]
                };
                chartOne.setOption(optionOne);async

}url

ajax传入数据：{"yyfwss":[{"MC":6774,"YYFWSMC":"湖北天凯风林电子有限公司"},{"MC":3327,"YYFWSMC":"武汉金飞田通讯技术有限公司"},{"MC":2482,"YYFWSMC":"湖北中寰卫星导航通讯有限公司"},{"MC":1741,"YYFWSMC":"湖北中交兴路信息科技有限公司"},{"MC":1616,"YYFWSMC":"湖北天盾电子技术有限公司"},{"MC":725,"YYFWSMC":"湖北航通北斗科技有限公司"},{"MC":676,"YYFWSMC":"湖北泰跃卫星技术发展股份有限公司"},{"MC":655,"YYFWSMC":"武汉长江通讯智联技术有限公司"},{"MC":640,"YYFWSMC":"武汉中瀚科技有限公司"},{"MC":496,"YYFWSMC":"浙江道为尔科技有限公司武汉分公司"}]}3d