ecahrts扇形--极坐标

极坐标(如图)


 
 
option = {
    legend: {
        type:'plain',
        show: true,
        top:'top',
        data: ['北京', '上海', '广州'],
        itemWidth:15,
        borderRadius: [15,5,5,0]
    },
    tooltip: {
        trigger: 'axis',
        axisPointer:{
            type:'line'
        },
        textStyle:{
            color:'#fff',
            fontStyle:'normal',
            fontSize:'10'
        },
        position:['44%','44%'],
        padding: [5,10,5,10],
        backgroundColor: 'rgba(95, 137, 204, 0.8)'
    },
    angleAxis:{
        type:'category',
        data: [   '2017/09','2017/08','2017/07','2017/06','2017/05','2017/04','2017/03','2017/02', '2017/01', '2016/12', '2016/11','2016/10',],
        z:0,
        boundaryGap: false,
        color:'#fff',
        //   坐标轴在 grid 区域中的分隔区域
        splitLine: {
            show: true,
            lineStyle: {
                color: '#00aeef',
                type: 'dashed'
            }
        },
        //   最外层线圈样式(有问题)
        axisLine: {
            show: true,
            startAngle: 0,
            lineStyle:{
                color:'#e34656',
                type:'solid'
            }
        },
        axisTick:{
            show:false
        }
    },
    radiusAxis:{
        splitLine:{
            show:true,
            lineStyle:{
                color:'#c7c736',
                type:'dashed'
            }
        },
        splitNumber:3,    // 坐标轴的分割段数
        axisLine:{
            show:false,
            lineStyle:{
                color:'#000'
            }
        },
        axisTick:{
            show:false
        },
        axisLabel:{
            fontStyle:'oblique',
            fontWeight:'lighter',
            fontFamily:'Courier ',
            fontSize:10,
            align:'center',
            verticalAlign:'bottom',
            color:"",
            padding:'100'
            //   backgroundColor:'#000'
        }
    },
    polar: {},
    series: [{
        type: 'bar',
        data: [2, 10, 10, 10, 10, 10, 10, 10, 10, 10, 10, 10],
        coordinateSystem: 'polar',
        name: '北京',
        stack: 'a',
        itemStyle:{
            normal:{
                color:'#e34656'
            }
        }
    }, {
        type: 'bar',
        data: [2, 11, 10, 10, 10, 10, 10, 10, 10, 10, 10, 10],
        coordinateSystem: 'polar',
        name: '上海',
        stack: 'a',
        itemStyle:{
            normal:{
                color:'#067cd7'
            }
        }
    }, {
        type: 'bar',
        data: [4, 12, 10, 10, 10, 10, 10, 10, 10, 10, 10, 10],
        coordinateSystem: 'polar',
        name: '广州',
        stack: 'a',
        itemStyle:{
            normal:{
                color:'#ffc578'
            }
        }
    }]
};


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值