// main 02
// line chart with area
new Chartist.Line('.ct-area-ln-chart', {
labels: [2014³â, 2015³â, 2016³â, 2017³â, 2018³â, 2019³â, 2020³â, 2021³â],
series: [
[1336, 1548, 1845, 2034, 2842, 3453, 4135, 4878]
]
}, {
low: 0,
plugins: [
Chartist.plugins.tooltip()
],
showArea: true
});






// main 03
// Bar chart
var data = {
labels: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
series: [
[14, 11, 10, 8, 7.5, 7, 6, 5, 5, 4, 3, 2],
[4, 5, 5, 6, 7, 7, 8, 9, 10, 11, 13]
]
};
var options = {
seriesBarDistance: 10
};
var responsiveOptions = [
['screen and (max-width: 640px)', {
seriesBarDistance: 5,
axisX: {
labelInterpolationFnc: function (value) {
return value[0];
}
}
}]
];
new Chartist.Bar('.ct-bar-chart', data, options, responsiveOptions);