var chart = c3.generate({ bindto: '#pkgchart', size: { height: 260 //width: 480 }, data: { columns: [ ['Trend',25554,16954,16972,28060,28735,27554,28984,24821,16326,17447,28039,30250,29095,27708,25900,17314,17540,27869,28697,27418,27447,23742,14941,16051,26092,28163,28201,26593,23587,15266], ['Bars',25554,16954,16972,28060,28735,27554,28984,24821,16326,17447,28039,30250,29095,27708,25900,17314,17540,27869,28697,27418,27447,23742,14941,16051,26092,28163,28201,26593,23587,15266] ], axes: { Bars: 'y2' }, types: { Bars: 'bar' // ADD }, colors: { Trend: 'green', Bars: 'orange' } }, axis: { y: { label: { text: 'Downloads for timechange', position: 'outer-middle' } }, y2: { show: false, label: { text: 'Y2 Label', position: 'outer-middle' } }, x: { type: 'category', categories: ['02/28','03/01','03/02','03/03','03/04','03/05','03/06','03/07','03/08','03/09','03/10','03/11','03/12','03/13','03/14','03/15','03/16','03/17','03/18','03/19','03/20','03/21','03/22','03/23','03/24','03/25','03/26','03/27','03/28','03/29'], tick: { rotate: -80, multiline: false } } } });