123456

描述:当前是关于Echarts图表中的 柱状图 示例。
 
            option = {
    title: {
        text: 'Awesome Chart'
    },
    animation: false,
    xAxis: [{
        position: 'top',
        //type: 'category',
        splitLine: {
            show: true,
            lineStyle: {
                type: 'solid',
                color: '#cfc3bd'
            }
        },
        axisTick: {
            show: true
        },
        data: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat']
    },{
        position: 'bottom',
        type: 'value',
        splitLine: {
            show: true,
            lineStyle: {
                type: 'solid',
                color: '#cfc3bd'
            }
        },
        axisTick: {
            show: true
        }
        //,data: [1, 2, 3, 4, 5, 6, 7]
    }],
    yAxis: [{
        type: 'category',
        axisTick: {
            show: false
        },
        splitLine: {
            show: true,
            lineStyle: {
                type: 'solid',
                color: '#cfc3bd'
            }
        },
        inverse:true,
        data: ['Oct', 'Sep', 'Aug', 'July', 'June', 'May', 'Apr', 'Mar', 'Feb', 'Jan']
    },{
        type: 'value',
        axisTick: {
            show: false
        },
        splitLine: {
            show: true,
            lineStyle: {
                type: 'solid',
                color: '#cfc3bd'
            }
        },
        //data: ['Oct', 'Sep', 'Aug', 'July', 'June', 'May', 'Apr', 'Mar', 'Feb', 'Jan']
    }],
    series: [{
        type: 'bar',
        xAxisIndex:1, 
        yAxisIndex:0, 
        data:[1,2,3,4,5,6,7]
    }
    // ,{  
    //     name:'A',  
    //     type:'bar',  
    //     xAxisIndex:0, 
    //     yAxisIndex:1,
    //     data: [1,1,1,1,1,1,1]}
        ]
};