太阳系行星echarts 配置项内容和展示

      function roundDatas(num, size, starname, color) {
    var datas = [];
    for (var i = 0; i < num; i++) {
        datas.push({
            name: 'circle' + i
        });
    }
    mark = Math.floor(Math.random() * num);

    datas[mark] = {
        name: 'circle' + mark,
        symbolSize: size,
        itemStyle: {
            normal: {
                color: color
            }
        },
        label: {
            normal: {
                show: true,
                formatter: starname,
                position: 'top'

            }
        }
    };
    return datas;

}

function linkDatas(num) {
    var ldatas = [];
    for (var i = 0; i < num; i++) {
        ldatas.push({
            source: 'circle' + i,
            target: 'circle' + (i + 1)
        });
    }
    ldatas.push({
        source: 'circle' + (i - 1),
        target: 'circle0'
    })
    return ldatas;

}

function starSeries(circlesize, data, link, flag) {
    var star = {
        type: 'graph',
        layout: 'circular',
        circular: {
            rotateLabel: flag
        },
        lineStyle: {
            normal: {
                color: '#F0F8FF',
                width: 3
            }
        },

        symbol: 'circle',
        symbolSize: 1,
        width: circlesize,
        height: circlesize,
        data: data,
        links: link
    };
    return star;
}
option = {
    backgroundColor: '#1d1626',
    series: [
        starSeries('0%', roundDatas(1, 40, '太阳', '#ef4136'), linkDatas(1), false),
        starSeries('15%', roundDatas(30, 15, '水星', '#72baa7'), linkDatas(30), false),
        starSeries('25%', roundDatas(40, 15, '金星', '#c88400'), linkDatas(40), false),
        starSeries('35%', roundDatas(50, 15, '地球', '#00BFFF'), linkDatas(50), false),
        starSeries('45%', roundDatas(60, 15, '火星', '#FF5809'), linkDatas(60), false),
        starSeries('55%', roundDatas(70, 20, '木星', '#e0861a'), linkDatas(70), false),
        starSeries('65%', roundDatas(80, 23, '土星', '#33a3dc'), linkDatas(80), false),
        starSeries('75%', roundDatas(90, 28, '天王星', '#8f4b4a'), linkDatas(90), false),
        starSeries('85%', roundDatas(100, 30, '海王星', '#afb4db'), linkDatas(100), false),
        starSeries('95%', roundDatas(110, 30, '冥王星\n(矮行星)', '#6f60aa'), linkDatas(110), false),
    ]
}
myChart.setOption(option);