Chartist

• Posted: December 17, 2015
• / By: Magda
• / In:

HTML markup

 

CSS

<div class="ct-js-chart ct-chart ct-chart-animated"> </div>

1 2	<div class="ct-js-chart ct-chart ct-chart-animated"> </div>

Screenshot

Chartsist

JavaScript

CSS

new Chartist.Pie('.ct-chart-1', { series: [75, 25] }, { donut: true, donutWidth: 4, startAngle: 0, showLabel: false, chartPadding: 1, });

1 2 3 4 5 6 7 8 9

new Chartist.Pie('.ct-chart-1', {   series: [75, 25] }, {   donut: true,   donutWidth: 4,   startAngle: 0,   showLabel: false,   chartPadding: 1, });

Chartist Documentation can be found here Files are bundled inside sella.min.js & style.css