Echarts 调整x轴

function makeBarae(obj1,obj2, mytitle, mysename, mytype) {
    	var main = document.getElementById(mytype);
        var chart = echarts.init(main);
        var option = {
       		 	title: {
       		        text: mytitle
       		    },
                tooltip: {
                    show: true
                },
                legend: {
                    data:[mysename]
                },
                toolbox: {  
                    show : false,  
                    feature : {  
                        magicType : {show: true, type: ['line', 'bar']},  
                        restore : {show: true},  
                        saveAsImage : {show: true}  
                    }  
                },  
                grid:{  
                    x:'15%',  
                    y:30,  
                    x2:40,  
                    y2:100  
                },  
                
                xAxis : [
                    {
                        type : 'category',
                        boundaryGap : true,
                        axisLabel: {
                        	interval:0 ,
                        	 formatter : function(params){
                                 var newParamsName = "";
                                 var paramsNameNumber = params.length;
                                 var provideNumber = 4;
                                 var rowNumber = Math.ceil(paramsNameNumber / provideNumber);
                                 if (paramsNameNumber > provideNumber) {
                                     for (var p = 0; p < rowNumber; p++) {
                                         var tempStr = "";
                                         var start = p * provideNumber;
                                         var end = start + provideNumber;
                                         if (p == rowNumber - 1) {
                                             tempStr = params.substring(start, paramsNameNumber);
                                         } else {
                                             tempStr = params.substring(start, end) + "\n";
                                         }
                                         newParamsName += tempStr;
                                     }

                                 } else {
                                     newParamsName = params;
                                 }
                                 return newParamsName
                             }
                       	 },
                        data : obj1
                    }
                ],
                yAxis : [
                    {
                        type : 'value'
                    }
                ],
                series : [
                    {
                        "name":"数量",
                        "type":"bar",
                        itemStyle: {
                            normal: {
                                label: {
                                    show: true,
                                    textStyle: {
                                        color: '#800080'
                                    }
                                }
                            }
                        },
                        "data":obj2
                    }
                ]
        };
                             
        // 为echarts对象加载数据 
        chart.setOption(option); 
    }

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值