80%echarts 饼配置项内容和展示

      var data = [];
var labelData = [];
for (var i = 0; i < 100; ++i) {
    data.push({
        value: Math.random() * 10 + 10 - Math.abs(i - 12),
        name: i + ':00'
    });
    labelData.push({
        value: 1,
        name: i ,
        itemStyle:{
             normal: {
             color: "#ddd"
         }
        }
    });
}
for(var i=0;i<labelData.length;++i){
    if(labelData[i].name < 80){
        labelData[i].itemStyle = {
            normal: {
             color: "rgb(248, 237, 133)"
         }
        }
    }
}

option = {
    backgroundColor:'#ffffff',
    title: {
        text: '80%',
        left: '50%',
        textAlign: 'center',
        top: '45%',
        textStyle:{
            fontSize:60
        }
    },
    color: ['#22C3AA'],
    series: [{
        hoverAnimation:false,
        type: 'pie',
        data: labelData,
        radius: ['45%', '60%'],
        zlevel: -2,
        itemStyle: {
            normal: {
                borderWidth:2,
                borderColor: 'white'
            }
        },
        label: {
            normal: {
                position: 'inside',
                show:false,
            }
        }
    }]
};