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

Details
The application was created to give a demo of every chart to show how to use it and change the color of the series. It almost covered all the charts whatever I knew, and it will be helpful for the guys to get quick interaction with the charts
Read more

        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:



    Note: There is no need to use the line color; just the fill color will do. Only use linecolor if it deviates from fillcolor . (If color is some for Fill color and Line color, then if you pass, still fine and if you not pass still it will apply.)

  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 (Without Data Point value)

    I covered almost the most-used chart and I hope that people will get help from this asset
Release notes (1.0.0)
License (1.0.0)
Reviews (0)
Team