Chart
Charts are visual representations of data, crucial for analysis and decision-making. They come in various formats like bar, line, pie, and scatter plots, each serving different data visualization needs. Charts help in identifying trends, patterns, and outliers, making complex data understandable at a glance. Customization includes axis labeling, color schemes, and interactive elements like tooltips or data drill-down.
Examples
Various examples showcasing different configurations of the component
Property
Value
Plotly
[{"x":["giraffes","orangutans","monkeys"],"y":[20,14,23],"type":"bar"}]
Properties
Each component can be customized and configured based on product requirements. You can modify the component on Canonic by clicking on the component and opening the configuration panel.
Property
Description
Default Value
Type
Plotly
The Plotly configuration object for the chart.
[]
Array flat
Elevation
The elevation level of the container.
1
String
BG Color
The background color of the container.
#FFFFFF
Color
Padding
The padding for the container.
Spacing 1
String
Triggers
Components expose certain events such as clicking. You can use these events to perform actions such as navigation, fetching data and controlling other components. The events exposed by this component are listed below.
Property
Description
On click
Triggered when the card is clicked.
On double click
Triggered when the card is double clicked.
Did you find what you were looking for?
👍
👎
What went wrong?
Need more help?We have a thriving Discordcommunity that can help you with all things Canonic. →