// main 02
// line chart with area
new Chartist.Line('.ct-area-ln-chart', {
  labels: [5, 7, 3, 4, 5, 6, 7, 8],
  series: [
    [4, 9, 7, 8, 5, 3, 5, 4.5]
  ]
}, {
  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: [
    [5, 4, 3, 7, 5, 10, 3, 4, 8, 10, 6, 8],
    [1, 2, 9, 5, 4, 14, 4, 6, 7, 8, 7, 4]
  ]
};
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);