Echarts在线免费图表

 
            option = {
    backgroundColor: '#ffffff',
    title: {
        text: 'ETC交易成功率',
        left: 'center',
        top: 2,
        textStyle: {
            fontSize: 20
        },
    },
    color: ['#fed46b','#2194ff', ],
    tooltip: {
        trigger: 'axis',
        axisPointer: { // 坐标轴指示器，坐标轴触发有效
            type: 'shadow' // 默认为直线，可选为：'line' | 'shadow'
        }
    },
    grid: {
        left: '3%',
        right: '4%',
        bottom: '10%',
        containLabel: true
    },
    legend: {
        left: 'center',
        bottom: '2%',
        data: ['去年', '今年', ]
    },
    xAxis: [{
        type: 'category',
        data: ['09-22', '09-22', '09-22', '09-22', '09-22', '09-22', '09-22'],
        axisTick: {
            alignWithLabel: true
        }
    }],
    yAxis: [{
        type: 'value'
    }],
    barMaxWidth: '30',
    label:{
        show:true,
        position:'top',
        formatter:function(params){
            debugger
            return params.value+'%'
        }
    },
    series: [

        {
            name: '去年',
            type: 'bar',
            data: [90, 52, 90, 80, 90, 70, 90]
        },
        {
            name: '今年',
            type: 'bar',
            data: [10, 52, 90, 70, 90, 70, 90]
        },
    ]
};