var chart = c3.generate({
    bindto: '#pkgchart',
	size: {
        height: 260
        //width: 480
    },
    data: {
      columns: [
        ['Trend',20,24,21,10,5,10,21,15,39,16,19,9,15,10,18,56,27,31,8,11,6,9,37,15,4,9,16,4,11,27],
        ['Bars',20,24,21,10,5,10,21,15,39,16,19,9,15,10,18,56,27,31,8,11,6,9,37,15,4,9,16,4,11,27]      ],
      axes: {
        Bars: 'y2'
      },
      types: {
        Bars: 'bar' // ADD
      },
	  colors: {
            Trend: 'green',
            Bars: 'orange'
        }
    },
    axis: {
      y: {
        label: {
          text: 'Downloads for relevent',
          position: 'outer-middle'
        }
      },
      y2: {
        show: false,
        label: {
          text: 'Y2 Label',
          position: 'outer-middle'
        }
      },
	  x: {
            type: 'category',
            categories: ['04/30','05/01','05/02','05/03','05/04','05/05','05/06','05/07','05/08','05/09','05/10','05/11','05/12','05/13','05/14','05/15','05/16','05/17','05/18','05/19','05/20','05/21','05/22','05/23','05/24','05/25','05/26','05/27','05/28','05/29'],
			tick: {
                rotate: -80,
                multiline: false
            }
        }
    }
});