Echarts在线免费图表

 
            var data = [];

var percent = 57;
var _colors = ['#FFB02A', '#00D3DE'];
var colors = [];

var ratio = Math.floor(percent / 2);
for (var i = 0; i < 50; i++) {
    if (i < ratio) {
        colors.push(_colors[0])
    } else {
        colors.push(_colors[1])
    }
}

for (var i = 0; i < 50; i++) {
    data.push({
        value: 0.3,
        name: 'aa',
        itemStyle: {
            normal: {
                borderWidth: 4,
                borderColor: colors[i],
                shadowBlur: 5,
                shadowColor: '#000',
                shadowOffsetX: 2,
                shadowOffsetY: 2
            }
        }
    }, {
        value: 1,
        name: '',
        itemStyle: {
            normal: {
                label: {
                    show: false
                },
                labelLine: {
                    show: false
                },
                color: 'transparent',
                borderColor: 'transparent',
                borderWidth: 0
            }
        }
    });
}
var seriesObj = [{
    name: '',
    type: 'pie',
    radius: [50, 200],
    hoverAnimation: false,
    itemStyle: {
        normal: {
            label: {
                show: false
            },
        }
    },
    data: data
}];
option = {
    backgroundColor: '#04243E',
    series: seriesObj
}