Chart
Visualize actual numeric data with different chart types.
How to use
- Choose a type; enter categories in labels and named numeric series in datasets.
- Use one value per category in each series and set colors, legend and axes.
- Check labels and scales in presentation mode.
Things to check
Do not publish sample data as facts. AI generation requires paid access and credits.
Property reference
Select the module in the editor to change its settings. Technical identifiers below are kept unchanged for reference; some advanced fields are stored as structured data rather than separate controls.
47 / 47
animateRotate
Enables or disables the associated behavior or visible element. Check the result in presentation preview.
animateScale
Enables or disables the associated behavior or visible element. Check the result in presentation preview.
animation
Selects appearance or movement style for the associated element. Valid choices are provided in the module editor.
animationDuration
Controls movement speed, duration or delay. Units are shown in the editor control; test timing in presentation mode.
animationEasing
Selects appearance or movement style for the associated element. Valid choices are provided in the module editor.
arcCircumference
The total sweep angle of a pie or doughnut chart.
arcStartAngle
Rotation or angle setting. Check block bounds and overlaps after rotating.
axisFontFamily
Font family. Keep headings and body text consistent with the presentation typography.
axisFontSize
Changes the associated element dimension or spacing. Follow the editor unit and check overflow or cropping.
backgroundColor
Sets the color of the associated element or surface. Use the color picker and check text contrast.
borderRadius
Changes the associated element dimension or spacing. Follow the editor unit and check overflow or cropping.
chartType
Selects appearance or movement style for the associated element. Valid choices are provided in the module editor.
cutout
The central opening of a doughnut chart, unlike a solid pie chart.
datasets
Chart series: label names the series and data holds numeric values. Supply one value per category.
donutFillColor
Sets the color of the associated element or surface. Use the color picker and check text contrast.
donutTrackColor
Sets the color of the associated element or surface. Use the color picker and check text contrast.
enableAnimation
Enables or disables the associated behavior or visible element. Check the result in presentation preview.
gridColor
Sets the color of the associated element or surface. Use the color picker and check text contrast.
labels
Chart category names. Each dataset must follow the same category order.
legendFontColor
Sets the color of the associated element or surface. Use the color picker and check text contrast.
legendFontSize
Changes the associated element dimension or spacing. Follow the editor unit and check overflow or cropping.
legendPosition
Sets the associated element alignment, placement or direction; preview it within the content area.
lineTension
Curve smoothness in a line chart; values near zero produce straighter connections.
maintainAspectRatio
Enables or disables the associated behavior or visible element. Check the result in presentation preview.
padding
Changes the associated element dimension or spacing. Follow the editor unit and check overflow or cropping.
pointHoverRadius
Changes the associated element dimension or spacing. Follow the editor unit and check overflow or cropping.
pointRadius
Changes the associated element dimension or spacing. Follow the editor unit and check overflow or cropping.
rotation
Rotation or angle setting. Check block bounds and overlaps after rotating.
showGrid
Enables or disables the associated behavior or visible element. Check the result in presentation preview.
showLegend
Enables or disables the associated behavior or visible element. Check the result in presentation preview.
showTitle
Visible copy or a label for this element. Write concise, descriptive content and check it fits the layout.
showTooltip
Enables or disables the associated behavior or visible element. Check the result in presentation preview.
showXAxis
Enables or disables the associated behavior or visible element. Check the result in presentation preview.
showYAxis
Enables or disables the associated behavior or visible element. Check the result in presentation preview.
stacked
Enables or disables the associated behavior or visible element. Check the result in presentation preview.
title
Visible copy or a label for this element. Write concise, descriptive content and check it fits the layout.
titleAlign
Sets the associated element alignment, placement or direction; preview it within the content area.
titleColor
Sets the color of the associated element or surface. Use the color picker and check text contrast.
titleFontFamily
Font family. Keep headings and body text consistent with the presentation typography.
titleFontSize
Changes the associated element dimension or spacing. Follow the editor unit and check overflow or cropping.
titleFontWeight
Font weight. Use consistent weights for text at the same level of emphasis.
tooltipBackgroundColor
Sets the color of the associated element or surface. Use the color picker and check text contrast.
tooltipBodyColor
Sets the color of the associated element or surface. Use the color picker and check text contrast.
tooltipFontSize
Changes the associated element dimension or spacing. Follow the editor unit and check overflow or cropping.
tooltipTitleColor
Sets the color of the associated element or surface. Use the color picker and check text contrast.
xAxisColor
Sets the color of the associated element or surface. Use the color picker and check text contrast.
yAxisColor
Sets the color of the associated element or surface. Use the color picker and check text contrast.