# 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.