<divclass="card"><divclass="card-header"><h3class="card-title">Chart name</h3></div><divclass="card-body"><divid="chart-combination"class="chartsh chart-dropshadow"></div></div></div><script>$(document).ready(function(){varchart=c3.generate({bindto:'#chart-combination',// id of chart wrapperdata:{columns:[// each columns data['data1',100,130,150,240,130,220],['data2',250,200,220,400,250,350]'['data3',100,130,150,240,130,220]],type:'bar',// default type of chartcolors:{'data1':Spain.colors["orange"],'data2':Spain.colors["pink"]'data3':Spain.colors["teal"]},names:{// name of each serie'data1':'Marketing','data2':'Development''data3':'Sales'}},axis:{x:{type:'category',// name of each categorycategories:['2007-2008','2009-2010','2011-2012','2013-2014','2015-2016','2017-2018']},},bar:{width:50},legend:{show:false,//hide legend},padding:{bottom:0,top:0},});});</script>