码迷,mamicode.com
首页 > 其他好文 > 详细

Echart 柱状图实践一

时间:2016-08-24 01:08:55      阅读:437      评论: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
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!