Chartist.JS Directive For Angular

Angular.JS logo Chartist.JS Logo

Line Chart Example

Simple Line Chart

Holes in Data

Only whole Numbers

Line Scatter Diagram With Responsive Settings

Line Chart With Tooltips

Line Chart With Area

Bi-Polar Line Chart With Area Only

Using Events To Replace Graphics

Line Interpolation / Smoothing

Series Overrides

Advanced Smil Animations

Svg Path Animation

Some SVG Animation Can Only Be Done With SMIl

Bar Chart Example

Bi-Polar Bar Chart

Overlapping Bars On Mobile

Add Peak Circles Using the Draw Events

Multi-Line Labels

Stacked Bar Chart

Horizontal Bar Chart

Extreme Responsive Configuration

Distributed Series

Label Placement

Pie Chart Example

Simple Pie Chart

Pie Chart With Custom Labels

Gauge Chart

Animating a Donut With Svg.Animate

Plugin use Example

Threshold Plugin

Accessibility Plugin

Point Label Plugin

Sketchy Plugin

Axistitle Plugin