Vue Charts.css

# Charts

Vue 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 type prop.


 



    <charts-css
        type="line"
        ...
    />
1
2
3
4
Type Development Status Type Prop
Bar Released bar
Column Released column
Area Released area
Line Released line
Pie Under Development pie
Donut Under Development donut
Radar Under Development radar
Polar Under Development polar

# Supported Props and Charts

The current state of supported feature:

Prop Bar Column Area Line Pie Donut Radar Polar
type
v
v
v
v
x
x
x
x
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 →