Chart — Reference

Reference · Advanced · App Connect

Chart settings and behavior. Settings include ID, Width, Height, Responsive.

Chart

Chart settings and events. Select the component in App Structure to find these controls in Properties.

Name	Description
ID	Required. Default: "". Attribute: id.
Width	Default: "800". Attribute: width.
Height	Default: "600". Attribute: height.
Responsive	Default: "". Attribute: responsive.
Type	Options: Line, Area (area), Bar (bar), Horizontal Bar (horizontalBar), Doughnut (doughnut), Pie (pie), Polar Area (polarArea), Radar (radar) Default: "". Attribute: type.
Color Theme	Options: , (colors1), (colors2), (colors3), (colors4), (colors5), (colors6), (colors7), (colors8), (colors9) Attribute: colors.
Legend	Options: None, Left (left), Top (top), Right (right), Bottom (bottom) Default: "". Attribute: legend.
Fill Color	Default: true. Attribute: fill.
No Grid	Default: "". Attribute: nogrid.
No Animations	Default: "". Attribute: noanimation.
Stacked	Default: "". Attribute: stacked.
Multicolor	Default: "". Attribute: multicolor.
Full size bars	Default: "". Attribute: fullbar.
Points	Default: "". Attribute: points.
Point Style	Options: Circle, Cross (cross), Rotated Cross (crossRot), Dash (dash), Line (line), Rectangle (rect), Rounded Rectangle (rectRounded), Rotated Rectangle (rectRot), Star (star), Triangle (triangle) Default: "". Attribute: point-style.
Point Size	Default: "3". Attribute: point-size.
Line Thickness	Default: "2". Attribute: thickness.
Smooth Lines	Default: "". Attribute: smooth.
Dashed Lines	Default: "". Attribute: dashed.
Doughnut Cutout	Default: "50". Attribute: cutout.

Name	Description
Chart Type	Choose dynamic data binding.