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