Analytics Components
  • 23 Aug 2022
  • 2 Minutes to read
  • Contributors
  • Dark
    Light
  • PDF

Analytics Components

  • Dark
    Light
  • PDF

Article summary

Analytics components are used to present a graphical representation of data. They are used for the analysis and visualization of data.
All analytic components have similar properties and only the representation format varies. Their default colors can be modified to suit user requirements. There is no maximum limit for the number of colors that can be added. The colors can also be modified using custom CSS

1) PIE CHART

The pie chart provides data represented in the form of a pie. They provide analysis of data in the form of percentages. By default, the Pie Chart offers 4 partitions with 5 color options. Multiple colors can be added in the properties section.
The values can be mapped into the pie chart using the series property where each value is represented using a label and color

PROPERTIES:

Pie Chart: ID(Add Variable), Series - Label, Value, Color (Link To Data Source), Add Color (5 colors by default), Tooltip, Style, Layout

ThumbnailOn CanvasProperties
pie chart.pngI_PieI_Pie2ndhalf

2) BAR CHART

The bar chart represents data in the form of vertical bar columns. By default, the Bar Chart offers a comparison of two entities with two colors.

The values can be mapped into the bar chart using the series property where each value is represented using a label and color

PROPERTIES:

Bar Chart: ID(Add Variable), Series - Label, Value, Color (Link To Data Source), Add Color (2 colors by default), Tooltip, Style, Layout

ThumbnailOn CanvasProperties
bar.pngI_Bar

3) LINE CHART

Line charts represent data in the form of lines and curves. By default, the Line Chart offers a comparison of multiple entities with two colors.

The values can be mapped into the line chart using the series property where each value is represented using a label and color

PROPERTIES:

Line Chart: ID(Add Variable), Add Color (2 colors by default), Series - Label, Value, Color (Link To Data Source), Tooltip, Style, Layout

Line Chart ThumbnailLine Chart On CanvasLine Chart Properties
line chart.pngI_Line

4) COLUMN CHART

In a column chart, the data is represented in the form of vertical columns. By default, the Column Chart offers a comparison of multiple entities with a single color.

The values can be mapped into the column chart using the series property where each value is represented using a label and color

PROPERTIES:

Column Chart: ID(Add Variable), Series - Label, Value, Color (Link To Data Source), Add Color (1 color by default), Tooltip, Style, Layout

Column Chart ThumbnailColumn Chart On CanvasColumn Chart Properties
column chart.pngI_Column

5) GAUGE CHART

In a Gauge chart, the data is represented in an axis and pointed through a needle like a speedometer dial. Such charts are used in dashboard reports to show key business indicators.

The values can be mapped into the gauge chart using the Arc(s) property where each value is represented using Percentage and Color.

Alternatively, the Data source can be selected, and values are linked through a Series array.

The Arc Gap property denotes the gap between the color segments and Needle Color can be changed as required.

PROPERTIES:

Gauge Chart: ID, Title, Data, Arc Gap, Needle Color, {Arc(s)- Link to Data Source}, Tooltip, Text, Style, Layout

Gauge Chart Thumbnail
Gauge Chart on Canvas
Gauge Chart Properties
Gauge chart thumbnailGaugechart-oncanvasGauge-properties1sthalfGauge-properties-2ndhalf



Was this article helpful?

ESC

Eddy, a generative AI, facilitating knowledge discovery through conversational intelligence