var chart = c3.generate({
    bindto: '#pkgchart',
	size: {
        height: 260
        //width: 480
    },
    data: {
      columns: [
        ['Trend',33202,30902,29810,21356,16391,30739,33334,31901,36737,32947,17630,19067,33663,34084,31352,35500,31996,19078,18632,33041,34995,33864,30483,27848,18109,17071,32447,33758,32786,32652],
        ['Bars',33202,30902,29810,21356,16391,30739,33334,31901,36737,32947,17630,19067,33663,34084,31352,35500,31996,19078,18632,33041,34995,33864,30483,27848,18109,17071,32447,33758,32786,32652]      ],
      axes: {
        Bars: 'y2'
      },
      types: {
        Bars: 'bar' // ADD
      },
	  colors: {
            Trend: 'green',
            Bars: 'orange'
        }
    },
    axis: {
      y: {
        label: {
          text: 'Downloads for colorspace',
          position: 'outer-middle'
        }
      },
      y2: {
        show: false,
        label: {
          text: 'Y2 Label',
          position: 'outer-middle'
        }
      },
	  x: {
            type: 'category',
            categories: ['04/17','04/18','04/19','04/20','04/21','04/22','04/23','04/24','04/25','04/26','04/27','04/28','04/29','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'],
			tick: {
                rotate: -80,
                multiline: false
            }
        }
    }
});