Charts.css

# Supported Features

The current state of supported features.

# Classes

A list of components and their development status.

Feature / Class Bar Column Area Line Pie Radial Radar Polar
show-heading
v
v
v
v
v
-
-
-
[single dataset]
v
v
v
v
v
x
x
x
multiple
v
v
v
v
x
x
x
x
hide-data
v
v
v
v
v
-
-
-
show-data-on-hover
v
v
v
v
v
-
-
-
data-start
v
v
x
x
x
x
x
x
data-end
v
v
x
x
x
x
x
x
data-center
v
v
x
x
x
x
x
x
data-outside
v
v
x
x
x
x
x
x
show-labels
v
v
v
v
-
-
-
-
labels-align-block-start
v
v
v
v
x
x
x
x
labels-align-block-center
v
v
v
v
x
x
x
x
labels-align-block-end
v
v
v
v
x
x
x
x
labels-align-inline-start
v
v
v
v
x
x
x
x
labels-align-inline-center
v
v
v
v
x
x
x
x
labels-align-inline-end
v
v
v
v
x
x
x
x
show-primary-axis
v
v
v
v
v
-
-
-
show-*-secondary-axes
v
v
v
v
v
-
-
-
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
v
v
v
v
x
x
x
x
reverse-labels
v
v
v
v
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.

# Variables

A list of supported CSS variables.

Component Variable Type Default Value
Size --size <number>
--start <number>
--end <number>
Color --color <color> transparent
--color-* <color> transparent
Data --data-position <content-position>
Labels --labels-size <length> 0
--labels-align-block <string>
--labels-align-inline <string>
Axes --primary-axis-color <color> transparent
--primary-axis-style <line-style> solid
--primary-axis-width <length> 1px
--secondary-axes-color <color> transparent
--secondary-axes-style <line-style> solid
--secondary-axes-width <length> 1px
--data-axes-color <color> transparent
--data-axes-style <line-style> solid
--data-axes-width <length> 1px
Legend --legend-border-color <color> transparent
--legend-border-style <line-style> solid
--legend-border-width <length> 1px

← Cheat Sheet →