Chartist Line Chart

Code Here:


									
<div class="ct-sm-line-chart" style="height: 400px;"></div>
									
								

Init Code


									
new Chartist.Line('.ct-sm-line-chart', {
  labels: ['Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday'],
  series: [
    [12, 9, 7, 8, 5],
    [2, 1, 3.5, 7, 3],
    [1, 3, 4, 5, 6]
  ]
}, {
  fullWidth: true,
  
  plugins: [
    Chartist.plugins.tooltip()
  ],
  chartPadding: {
    right: 40
  }
});

									
								

Required Files For Toastr Here


									
<!-- CSS Here -->
<link href="../../assets/libs/chartist/dist/chartist.min.css" rel="stylesheet">
<link href="../../dist/js/pages/chartist/chartist-init.css" rel="stylesheet">

<!-- Javascript Here -->
<script src="../../assets/libs/chartist/dist/chartist.min.js"></script>
<script src="../../dist/js/pages/chartist/chartist-plugin-tooltip.js"></script>
									
								
All Rights Reserved by Severny. Designed and Developed by WrapPixel.