Echarts在线免费图表

 
            option = {
    backgroundColor: '#1f1e26',
    legend: {
    	textStyle:{
            lineHeight : 12,
            color : '#74A1E7'
        },
        data:['同比', '环比', '占比']
    },
    xAxis: [
        {
            type: 'category',
            axisLine : {
                lineStyle : {
                    color : '#7B95C5'
                }
            },
            axisTick : {
                show : false
            },
            axisLabel: {
            	margin : 18,
                color: '#7B95C5'
            },
            data: ['1月', '2月', '3月']
        },
        {
            type: 'category',
            axisLine:{
                show: false
            },
            axisTick:{
                show : false
            },
            axisLabel: {
            	show : false
            },
            data: ['1月', '2月', '3月']
        }
    ],
    yAxis: [
        {
            type: 'value',
            name: 'cv<1组数占比',
            nameTextStyle : {
                padding : [0, 0, 0, -5],
                color : '#7B95C5'
            },
            min: 0,
            max: 400,
            interval: 100,
            axisLine : {
                show : false
            },
            axisTick : {
                show : false
            },
            axisLabel: {
                formatter: '{value}%',
                color : '#7B95C5'
            },
            splitLine : {
                lineStyle : {
                    type : 'dotted',
                    color : '#7B95C5'
                }
            }
	    },
        {
            type: 'value',
            name: '增长率',
            nameTextStyle : {
                padding : [0, -35, 0, 0],
                color : '#7B95C5'
            },
            min: 5,
            max: 25,
            interval: 5,
            axisLine : {
                show : false
            },
            axisTick : {
                show : false
            },
            axisLabel: {
                formatter: '{value} %',
                color : '#7B95C5'
            },
            splitLine : {
                lineStyle : {
                    type : 'dotted',
                    color : '#7B95C5'
                }
            }
        }
    ],
	series: [
        {
            name:'同比',
            type:'bar',
            barWidth: 8,
            itemStyle: {
                barBorderRadius: 3,
                color: '#A9EAFD'
            },
            data:[190, 190, 190]
        },
        {
            name:'环比',
            type:'bar',
            barWidth: 8,
            itemStyle: {
                barBorderRadius: 3,
                color: '#6798FF'
            },
            data:[380, 380, 380]
        },
        {
            name:'占比',
            type:'line',
            yAxisIndex: 1,
            smooth : true,
            itemStyle: {
                color: '#5FE9B3'
            },
            areaStyle: {
                color: {
                    type: 'linear',
                    x: 0,
                    y: 0,
                    x2: 0,
                    y2: 1,
                    colorStops: [{
                        offset: 0, 
                        color: 'rgba(100, 233, 177, 0.2)'
                    }, {
                        offset: 1, 
                        color: 'rgba(36, 216, 223, 0)'  
                    }],
                    global: false 
                }
            },
            data:[15, 10, 22]
        }
	]
};