var chart = c3.generate({
    bindto: '#pkgchart',
	size: {
        height: 260
        //width: 480
    },
    data: {
      columns: [
        ['Trend',33303,31566,28742,20774,16643,31859,32765,32109,36585,31622,16794,17767,34069,33561,32153,35454,31288,18436,18065,36408,50535,39918,34032,31539,20044,18705,36981,37602,37055,36178],
        ['Bars',33303,31566,28742,20774,16643,31859,32765,32109,36585,31622,16794,17767,34069,33561,32153,35454,31288,18436,18065,36408,50535,39918,34032,31539,20044,18705,36981,37602,37055,36178]      ],
      axes: {
        Bars: 'y2'
      },
      types: {
        Bars: 'bar' // ADD
      },
	  colors: {
            Trend: 'green',
            Bars: 'orange'
        }
    },
    axis: {
      y: {
        label: {
          text: 'Downloads for tinytex',
          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
            }
        }
    }
});