how-to-use-charts-reactive-and-different-colors
Reactive icon

How to use charts - Reactive and Different series with color

version 1.0.0 (Compatible with OutSystems 11)
Uploaded
 on 30 Jan
 by 
5.0
 (2 ratings)
how-to-use-charts-reactive-and-different-colors

How to use charts - Reactive and Different series with color

Documentation
1.0.0

This asset is primarily self-explanatory, but still, the few points I want to mention below are the same:

Note : This is used for Reactive as well as mobile application references.

  1. Passing data using data action :
    In this application, it shows how to pass the values from data action to charts (mostly, people are able to pass value from agg. but struggle to pass value from data action)
    Again, there are many ways to pass the values from daa action but I used the approach with list append and list filter

  2. Color and series styling :
    Mostly, the update chart is simple but for people who have been working for a long time, there are some changes. To add multiple series and change the color, there is one property style so you can copy and paste that property and add your styling like this:
  3. I almost covered the below graph:

    - Line chart
    - Column chart (Without stacking)
    - Column chart (With stack)
    - Bar chart (Without stacking)
    - Bar chart (With stack)
    - Area chart
    - Radar chart
    - Pie chart (Without Data Point value)
    - Pie chart (With Data Point value)
    - Donut chart (Without Data Point value)
    - Donut chart (With Data Point value)

    Q. How do I apply stacking ?
    Ans. In the chart, there is one property mentioned as a stacking type. From the static entity, you are able to pass the value (you can get static entity from the OutSystems chart dependency if its not there by default)

    Q. What is With or without data point value?
    Ans. In the series styling of pie chart and donut chart, you will find one boolean property Show data point values If you set this as true, every point is visible for you with extended line (for reference, check the demo link)



    I covered almost the most-used chart and I hope that people will get help from this asset