Echarts在线免费图表

 
            option = {
    legend: {
        orient: 'vertical',
        x: 'left',
        data: ['直达', '营销广告', '搜索引擎']
    },
    grid: {
        left: '50%',
        containLabel: true
    },
    xAxis: {
        type: 'value',
    },
    yAxis: {
        type: 'category',
        data: ['2016', '2017']
    },
    series: [{
            type: 'bar',
            name: '直达',
            data: [445, 376],
        },
        {
            name: '访问来源',
            type: 'pie',
            center: ['30%', '50%'],
            radius: [0, '20%'],
            data: [{
                    value: 335,
                    name: '直达'
                },
                {
                    value: 679,
                    name: '营销广告'
                },
                {
                    value: 1548,
                    name: '搜索引擎'
                }
            ]
        },
    ]
};