Echarts在线免费图表

 
            option = {
    title: {
        text: '浏览器占比变化',
        subtext: '纯属虚构',
        top: 10,
        left: 10
    },
    tooltip: {
        trigger: 'item',
        backgroundColor: 'rgba(0,0,250,0.2)'
    },
    legend: {
        type: 'scroll',
        bottom: 10,
        data: (function() {
            var list = [];
            for (var i = 1; i <= 28; i++) {
                list.push(i + 2000 + '');
            }
            return list;
        })()
    },
    visualMap: {
        top: 'middle',
        right: 10,
        color: ['red', 'yellow'],
        calculable: true
    },
    radar: {
        indicator: [{
                text: 'IE8-',
                max: 400
            },
            {
                text: 'IE9+',
                max: 400
            },
            {
                text: 'Safari',
                max: 400
            },
            {
                text: 'Firefox',
                max: 400
            },
            {
                text: 'Chrome',
                max: 400
            }
        ]
    },
};
var series = [];
for (var i = 1; i <= 28; i++) {
    series.push({
        name: '浏览器（数据纯属虚构）',
        type: 'radar',
        symbol: 'none',
        lineStyle: {
            width: 1
        },
        emphasis: {
            areaStyle: {
                color: 'rgba(0,250,0,0.3)'
            }
        },
        data: [{
            value: [
                (40 - i) * 10,
                (38 - i) * 4 + 60,
                i * 5 + 10,
                i * 9,
                i * i / 2
            ],
            name: i + 2000 + ''
        }]
    });
    setTimeout(
        option.series = series,5000
    )
    
    
}