饼图

描述:当前是关于Echarts图表中的 柱状图 示例。
 
              var weekDay = 0;
    var data = [{
        name: '2015',
        value: [1, 2, 5, 7, 6, 7]//
    }, {
        name: '2016',
        value: [3, 4, 5, 8, 2, 9]//
    }, {
        name: '2017',
        value: [2, 4, 5, 7, 3, 9]//
    }, {
        name: '2018',
        value: [2, 4, 5, 7, 3, 9]//
    }, {
        name: '2019',
        value:[2, 4, 5, 7, 3, 9] //
    }]

    option = {
        backgroundColor:'#000000',
        legend: {
            orient: 'vertical',
            x: 'left',
            textStyle:{
                color:'#fcfffa'
            },
            data:['2015','2016','2017','2018','2019']
        },
        tooltip: {
            trigger: 'item',
            padding: 10,
            backgroundColor: '#222',
            borderColor: '#777',
            borderWidth: 1,
            //formatter:"{a} <br/>{b} : {c} <br/> 总数:100"
        },
        angleAxis: {
            type: 'category',
            //startAngle:45,//倾斜度
            axisLine:{
                lineStyle:{
                    color:'#21B7D2'
                }
            },
            axisLabel:{
                fontSize:20,
                interval:0,//间隔
                color:'#fbfff8'
            },
            // '油中气体','微水', '铁芯接地', 'SF?气体压力', 'SF?气体水分', '避雷器'
            data: [/*{
                value: '油中气体',
                textStyle: {
                    fontSize: 25,
                }
            },*/ '铁芯接地','微水', 'SF?气体压力', 'SF?气体水分', '油中气体', '避雷器'],
            z: 10
        },
        polar: {
            center: ['50%', '50%'],
            radius: 200,
        },
        radiusAxis: {
			splitNumber:3,
            axisLine:{
                lineStyle:{
                    color:'#21B7D2'
                }
            },
            axisTick:{
                lineStyle:{
                    color:'#21B7D2'
                }
            },
            axisLabel:{
                margin:-30,
                fontSize:15,
                color:'#fcfffa'
            },
			splitLine:{
				lineStyle:{
					color:'#21B7D2'
					//type:'solid',
				}
			}
        },
        series: [{
            type: 'bar',
            data: [
                data["0"].value["0"],
                data["0"].value["1"],
                data["0"].value["2"],
                data["0"].value["3"],
                data["0"].value["4"],
                data["0"].value["5"],
            ],
            coordinateSystem: 'polar',
            name: data["0"].name,
            stack: 'a',
            itemStyle: {
                normal: {
                    color:'#DF5A5B',
                    borderWidth: 1,
                    borderColor: '#ffffff',
                },
                emphasis: {
                    borderWidth: 0,
                    shadowBlur: 10,
                    shadowOffsetX: 0,
                    shadowColor: 'rgba(0, 0, 0, 0.5)'
                }
            }
        }, {
            type: 'bar',
            data: [
                data["1"].value["0"],
                data["1"].value["1"],
                data["1"].value["2"],
                data["1"].value["3"],
                data["1"].value["4"],
                data["1"].value["5"],
            ],
            coordinateSystem: 'polar',
            name: data["1"].name,
            stack: 'a',
            itemStyle: {
                normal: {
                    color:'#DF945B',
                    borderWidth: 1,
                    borderColor: '#ffffff',
                },
                emphasis: {
                    borderWidth: 0,
                    shadowBlur: 10,
                    shadowOffsetX: 0,
                    shadowColor: 'rgba(0, 0, 0, 0.5)'
                }
            }
        }, {
            type: 'bar',
            data: [
                data["2"].value["0"],
                data["2"].value["1"],
                data["2"].value["2"],
                data["2"].value["3"],
                data["2"].value["4"],
                data["2"].value["5"],
            ],
            coordinateSystem: 'polar',
            name: data["2"].name,
            stack: 'a',
            itemStyle: {
                normal: {
                    color:'#DECD5B',
                    borderWidth: 1,
                    borderColor: '#ffffff',
                },
                emphasis: {
                    borderWidth: 3,
                    shadowBlur: 10,
                    shadowOffsetX: 0,
                    shadowColor: 'rgba(0, 0, 0, 0.5)'
                }
            }
        },{
            type: 'bar',
            data: [
                data["3"].value["0"],
                data["3"].value["1"],
                data["3"].value["2"],
                data["3"].value["3"],
                data["3"].value["4"],
                data["3"].value["5"],
            ],
            coordinateSystem: 'polar',
            name: data["3"].name,
            stack: 'a',
            itemStyle: {
                normal: {
                    color:'#B7DF5A',
                    borderWidth: 1,
                    borderColor: '#ffffff',
                },
                emphasis: {
                    borderWidth: 3,
                    shadowBlur: 10,
                    shadowOffsetX: 0,
                    shadowColor: 'rgba(0, 0, 0, 0.5)'
                }
            }
        },{
            type: 'bar',
            data: [
                data["4"].value["0"],
                data["4"].value["1"],
                data["4"].value["2"],
                data["4"].value["3"],
                data["4"].value["4"],
                data["4"].value["5"],
            ],
            coordinateSystem: 'polar',
            name: data["4"].name,
            stack: 'a',
            itemStyle: {
                normal: {
                    color:'#61DF5A',
                    borderWidth: 1,
                    borderColor: '#ffffff',
                },
                emphasis: {
                    borderWidth: 3,
                    shadowBlur: 10,
                    shadowOffsetX: 0,
                    shadowColor: 'rgba(0, 0, 0, 0.5)'
                }
            }
        }]
    }