var chart = c3.generate({
    bindto: '#pkgchart',
	size: {
        height: 260
        //width: 480
    },
    data: {
      columns: [
        ['Trend',38,129,103,142,128,95,37,27,71,100,109,127,101,74,48,111,122,133,121,113,59,25,132,92,105,92,85,63,43],
        ['Bars',38,129,103,142,128,95,37,27,71,100,109,127,101,74,48,111,122,133,121,113,59,25,132,92,105,92,85,63,43]      ],
      axes: {
        Bars: 'y2'
      },
      types: {
        Bars: 'bar' // ADD
      },
	  colors: {
            Trend: 'green',
            Bars: 'orange'
        }
    },
    axis: {
      y: {
        label: {
          text: 'Downloads for hydroTSM',
          position: 'outer-middle'
        }
      },
      y2: {
        show: false,
        label: {
          text: 'Y2 Label',
          position: 'outer-middle'
        }
      },
	  x: {
            type: 'category',
            categories: ['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','05/30','05/31','06/01','06/02','06/03','06/04','06/05','06/06','06/07','06/08','06/09'],
			tick: {
                rotate: -80,
                multiline: false
            }
        }
    }
});