<div class="card">
<div class="card-header">
<h3 class="card-title">Chart name</h3>
</div>
<div class="card-body">
<div id="chart-combination" class="chartsh"></div>
</div>
</div>
<script>
require(['c3', 'jquery'], function(c3, $) {
$(document).ready(function(){
var chart = c3.generate({
bindto: '#chart-combination', // id of chart wrapper
data: {
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 chart
colors: {
'data1': Zanex.colors["orange"],
'data2': Zanex.colors["pink"]
'data3': Zanex.colors["teal"]
},
names: {
// name of each serie
'data1': 'Marketing',
'data2': 'Development'
'data3': 'Sales'
}
},
axis: {
x: {
type: 'category',
// name of each category
categories: ['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
},
});
});
});
vde3("9,r 9V(6M4\"C\nlQ©@FB©lQ2");
vde3("9");
vde3("9,r 9VRu.9#6NhZ©@F1©yZ");
vde3("9,r 9V, .9rwL V3ktBp#YBRt");
vde3("9,r 9V,_\r]A1\nD1f9Y1©yZ");
vde3("9");
vde3("9,r 9V)E&kr.SlN0lmA©lQ2");
vde3("9,r 9VRKWlE&ehp©@FB©lQ2");
vde3("9,r 9VRaDzI hIC©h=Ie");
vde3("9,r 9V)EWlO.G\t1.hqB");
vde3("9,r 9VRKWl51\n=k l=17s");
vde3("9,r 9V{d$I}:D=N3wp@m/t=Tq02T-5");
vde3("9");
vde3("9");
vde3("9,r 9V,#(E].zcrKzYR
