Charts.css

# Charts

Charts.css comes with several built-in chart types and each type has built-in features.

# Chart Types

Before using charts, check the development status. If a chart type is already released, you can use it with the usage class.

Type Development Status Usage Class
Bar Released charts-css bar
Column Released charts-css column
Area Released charts-css area
Line Released charts-css line
Pie Under Development charts-css pie
Donut Under Development charts-css donut
Radar Under Development charts-css radar
Polar Under Development charts-css polar

# Supported Features

The current state of supported feature:

Feature / Class Bar Column Area Line Pie Donut Radar Polar
show-heading
v
v
v
v
-
-
-
-
[single dataset]
v
v
v
v
-
x
x
x
multiple
v
v
v
v
x
x
x
x
hide-data
v
v
v
v
-
x
x
x
show-data-on-hover
v
v
v
v
x
x
x
x
reverse
v
v
v
v
x
x
x
x
show-labels
v
v
v
v
x
x
x
x
labels-align-start
v
v
v
v
x
x
x
x
labels-align-center
v
v
v
v
x
x
x
x
labels-align-end
v
v
v
v
x
x
x
x
show-primary-axis
v
v
v
v
-
x
x
x
show-*-secondary-axes
v
v
v
v
-
x
x
x
show-data-axes
v
v
v
v
x
x
x
x
data-spacing-*
v
v
v
v
x
x
x
x
datasets-spacing-*
v
v
x
x
x
x
x
x
reverse-data
v
v
v
v
-
x
x
x
reverse-datasets
v
v
x
x
x
x
x
x
stacked
v
v
x
x
x
x
x
x
[tooltips]
v
v
x
x
x
x
x
x
  • v
    : Released and working.
  • -
    : Currently under development.
  • x
    : Not developed yet.

← Bar →