Chart

Overview

The Avonni Chart flow screen components provide an extensive collection of visual and interactive chart types. This component enables users to create data-driven visualizations effortlessly. It empowers them to present complex information in an easy-to-understand format, enhancing decision-making and data analysis within their Salesforce applications.

Changing the Properties

Connecting to a data source

You can generate dynamic charts by connecting a data source to the component. With a wide range of customization options available, this component allows for integration and personalization, ensuring that the visual representation of your data aligns perfectly with your requirements.

Chart Type

Bar

A bar chart is a graphical representation of data using varying length bars to compare categories.

Stacked Bar

A stacked bar chart is a graph that uses bars to show comparisons between categories of data, with each bar representing the total sum of the sub-parts.

Column

A column chart is a visual representation that uses vertical bars to compare different categories of data across a common horizontal axis.

Stacked Column

A stacked column chart is a graphical representation that uses vertically-aligned rectangular bars divided into segments to display multiple data series across categories.

Pyramid

A pyramid chart is a visual representation that showcases hierarchical structure or proportional relations in the shape of a pyramid, often used in decision-making or demographic data presentation.

Stacked Pyramid

A stacked pyramid chart is a visual tool that illustrates hierarchical relationships or proportional comparisons in a pyramid structure, where each level is divided into segments representing sub-categories or components of the level.

Line

A line chart is a graphical display that illustrates trends over time by connecting data points with a line. It is commonly used to track changes or progress over intervals, often in economic and statistical contexts.

Combo

A combo chart is a visualization tool that combines two or more chart types into a single graph, like a line and a bar chart. It helps to illustrate multiple dimensions of data, providing more comprehensive insights.

Metrics Radar

A metrics radar chart, a spider or polar chart, displays multivariate data on multiple axes starting from the same point. It's ideal for visualizing performance analysis or comparisons of various data sets.

Styling

Palette of colors

• Aurora

• Nightfall

• Wildflowers

• Sunrise

• Bluegrass

• Ocean

• Heat

• Dusk

• Pond

• Watermelon

• Fire

• Water

• Lake

• Mineral

• Extension

Specifications

Attributes

Name	Type	Description
Type	String	Define the type of chart.
Title	String	Title for the Chart
Subtitle	String	Subtitle for the Chart
Title Font Size	String	Define a font size for the Title
Subtitle Font Size	String	Define a font size for the Subtitle
Title Alignment	String	Defines the horizontal alignment of the title, caption and description.
X Title	String	Title for the X Axis
Y Title	String	Title for the Y Axis
Palette	String	Define a palette of color for your chart
Show Values	Boolean	how the values on the chart
Normalize Values	Boolean	Process of standardizing or transforming your data to fit within a specific scale, like 0-100 or 0-1. This can be particularly useful when dealing with data with different units or scales, and you want to present it in a way that allows for comparison.
Axis Mode	String	Single Axis: This is the most common type of chart, where all data is plotted relative to a single axis. All data points in the chart use the same scale and units and are displayed with the same baseline. Dual Axis: A double-axis chart has two vertical axes representing different scales. This can be useful when comparing two data sets with other units or scales of magnitude but have a relationship or comparison that you want to illustrate. However, dual-axis charts can sometimes be misleading and should be used cautiously. Small Multiples: This term typically refers to a series of similar graphs or charts using the same scale and axes, allowing them to be easily compared.
Auto Fit	Boolean
Hide X Axis	Boolean	To hide X Axis
Hide X Title	Boolean	To hide X Title
Hide Y Axis	Boolean	To hide Y Axis
Hide Y Title	Boolean	To hide Y Title
Use Log Scale	Boolean	Refers to using a logarithmic scale on one or both axes (usually the y-axis) instead of a linear scale.
Show Legend	Boolean	To show the legend of the chart
Show Legend Header	Boolean	To show a legend header box
Show Legend Inside Chart Area	Boolean	To add the legend inside the chart area
Legend Reverse Ordering	Boolean
Tooltip Show Dimensions	Boolean	To display the dimension value on the tooltip
Tooltip Show Measures	Boolean	To show the measure on the tooltip
Tooltip Show Percentage	Boolean	To show the measured percentage on the tooltip

Events

No Events are available

Styling Hooks

No Styling Hooks are available