Links

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
  1. 1.
    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.
  2. 2.
    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.
  3. 3.
    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
Last modified 5mo ago