CompanyOnwership_icon
Team Nexllence
Created on 18 January 2022
icon_unfollowing
Login to follow
apex-charts-library

Apex Charts Library

Stable version 2.0.0 (Compatible with OutSystems 11)
Uploaded on 02 August 2022 by 
Team Nexllence
apex-charts-library

Apex Charts Library

Documentation
2.0.0

The Apex Charts Library Forge Component was updated to version 2.0.0.

On this new version, you will find:

  • Updated to ApexCharts v3.35.1
  • Changed the default value of the UseGradientEffect setting to False
  • A Demo package is now included on the Forge Component


No changes were made to the widgets available.


1.1.2

Apex Charts Library Forge component, based on one of the award winning Javascript Charting Libraries of 2021, ApexCharts.js (https://apexcharts.com/).

The set of patterns available are grouped according to their purpose, in the following sections:

  • Area Charts
    • Simple
      • This pattern renders a Simple Area Chart for a given set of data
      • Drag and drop the pattern to a Page or Block, and set the Input Parameters accordingly
    • Spline
      • This pattern renders a Spline Area Chart for a given set of data (multi series)
      • Drag and drop the pattern to a Page or Block, and set the Input Parameters accordingly
    • Stacked
      • This pattern renders a Stacked Area Chart for a given set of data (multi series)
      • Drag and drop the pattern to a Page or Block, and set the Input Parameters accordingly
  • Bar Charts
    • Simple
      • This pattern renders a Simple Bar Chart for a given set of data
      • Drag and drop the pattern to a Page or Block, and set the Input Parameters accordingly
    • Multi Series
      • This pattern renders a Multi Series Bar Chart for a given set of data
      • Drag and drop the pattern to a Page or Block, and set the Input Parameters accordingly
    • Stacked
      • This pattern renders a Stacked Bar Chart for a given set of data
      • Drag and drop the pattern to a Page or Block, and set the Input Parameters accordingly
    • Stacked 100%
      • This pattern renders a Stacked 100% Bar Chart for a given set of data
      • Drag and drop the pattern to a Page or Block, and set the Input Parameters accordingly
  • Column Charts
    • Simple
      • This pattern renders a Simple Column Chart for a given set of data
      • Drag and drop the pattern to a Page or Block, and set the Input Parameters accordingly
    • Multi Series
      • This pattern renders a Multi Series Column Chart for a given set of data
      • Drag and drop the pattern to a Page or Block, and set the Input Parameters accordingly
    • Stacked
      • This pattern renders a Stacked Column Chart for a given set of data
      • Drag and drop the pattern to a Page or Block, and set the Input Parameters accordingly
    • Stacked 100%
      • This pattern renders a Stacked 100% Column Chart for a given set of data
      • Drag and drop the pattern to a Page or Block, and set the Input Parameters accordingly
  • Line Charts
    • Simple
      • This pattern renders a Simple Line Chart for a given set of data
      • Drag and drop the pattern to a Page or Block, and set the Input Parameters accordingly
    • Multi Series
      • This pattern renders a Multi Series Line Chart for a given set of data
      • Drag and drop the pattern to a Page or Block, and set the Input Parameters accordingly
  • Pie Charts
    • Pie Chart
      • This pattern renders a Pie Chart for a given set of data
      • Drag and drop the pattern to a Page or Block, and set the Input Parameters accordingly
    • Donut Chart
      • This pattern renders a Donut Chart for a given set of data
      • Drag and drop the pattern to a Page or Block, and set the Input Parameters accordingly
    • Semi-Donut Chart
      • This pattern renders a Semi-Donut Chart for a given set of data
      • Drag and drop the pattern to a Page or Block, and set the Input Parameters accordingly
  • Radar Charts
    • Simple
      • This pattern renders a Simple Radar Chart for a given set of data
      • Drag and drop the pattern to a Page or Block, and set the Input Parameters accordingly
    • Multi Series
      • This pattern renders a Multi Series Radar Chart for a given set of data
      • Drag and drop the pattern to a Page or Block, and set the Input Parameters accordingly
  • Timeline Charts
    • Simple
      • This pattern renders a Simple Timeline Chart for a given set of data
      • Drag and drop the pattern to a Page or Block, and set the Input Parameters accordingly
    • Multi Series
      • This pattern renders a Multi Series Timeline Chart for a given set of data
      • Drag and drop the pattern to a Page or Block, and set the Input Parameters accordingly
  • Treemap Charts
    • Simple
      • This pattern renders a Simple Treemap Chart for a given set of data
      • Drag and drop the pattern to a Page or Block, and set the Input Parameters accordingly
    • Multi Series
      • This pattern renders a Multi Series Treemap Chart for a given set of data
      • Drag and drop the pattern to a Page or Block, and set the Input Parameters accordingly
  • Other Charts
    • Polar Area Chart
      • This pattern renders a Polar Area Chart for a given set of data
      • Drag and drop the pattern to a Page or Block, and set the Input Parameters accordingly
    • Bubble Chart
      • This pattern renders a Bubble Chart for a given set of data
      • Drag and drop the pattern to a Page or Block, and set the Input Parameters accordingly
    • Scatter Chart
      • This pattern renders a Scatter Chart for a given set of data
      • Drag and drop the pattern to a Page or Block, and set the Input Parameters accordingly
  • Mixed Charts(line, area and column series)
    • Here you can find some examples of Mixed Charts
      • Line + Area
      • Line + Column
      • Line + Area + Column
    • Drag and drop the pattern to a Page or Block, and set the Input Parameters accordingly
  • Sparklines
    • Here you can find some simple charts, without the complexity of the other patterns
    • Simply set the Title, Sub-Title and the basic input parameters
    • Very useful when you want to display a simple chart on a dashboard


The Demo allows you to view detailed information about each pattern, how to use it and a brief preview / demo of it.

Some of this component features include:

  • Manual choose series colors or dynamically set from a palette of 60 colors
  • Zoom capabilities on some charts
  • Ability to download charts to a PNG or SVG image
  • Ability to download chart data to a CSV file
  • Use chart animation on chart rendering

Support options
This asset is not supported by OutSystems. You may use the discussion forums to leave suggestions or obtain best-effort support from the community, including from  who created this asset.
Dependencies
Apex Charts Library has no dependencies.