首页 > 其他 > 详细

Echart 柱状图实践一

时间:2016-08-24 01:07:49      阅读:324      评论:0      收藏:0      [点我收藏+]
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]
    }
    
    ]
};

  技术分享

Echart 柱状图实践一

原文:http://www.cnblogs.com/yjstonestar/p/5801319.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!