Echart 柱状图实践一

option = {
    title: [{
        text: '柱状图动画延迟',
        x: 'center'
    },
    {
        text: '柱状图动画延迟',
        x: 'center',
        top: '52%'
    }
    ],
    tooltip: {},
    grid:[
        {
           height: '40%'
        },
        {
           top: '60%',
           height: '40%'
        }
    ],
    xAxis: [{
        gridIndex: 0,
        type:'value',
        silent: false,
        axisLine: {
          show: false  
        },
        axisTick: {
            show: false  
        },
        axisLabel:{
            show: false  
        },
        splitLine: {
            show: false
        }
    },
    {
        gridIndex: 1,
        type:'value',
        silent: false,
        axisLine: {
          show: false  
        },
        axisTick: {
            show: false  
        },
        axisLabel:{
            show: false  
        },
        splitLine: {
            show: false
        }
    }
    ],
    yAxis:[ {
        gridIndex: 0,
        data: ['A', 'B' ,'C'],
        axisTick: {
            show: false  
        },
        axisLine: {
          show: false  
        },
    },
    {
        gridIndex: 1,
        data: ['A', 'B' ,'C'],
        axisTick: {
            show: false  
        },
        axisLine: {
          show: false  
        },
    }
    ],
    series: [{
        xAxisIndex: 0,
        yAxisIndex: 0,
        name: 'bar',
        type: 'bar',
        data: [10,20,30]
    },
    {
        xAxisIndex: 1,
        yAxisIndex: 1,
        name: 'bar2',
        type: 'bar',
        data: [10,20,30]
    }
    
    ]
};

　　

转载于:https://www.cnblogs.com/yjstonestar/p/5801319.html