Training
Training
Online Training
Developer Schools
Boot Camps
Certifications
Tech Talks
Documentation
Documentation
Overview
ODC
O11
Forums
Forge
Get Involved
Get Involved
Home
Jobs
Ideas
Members
Mentorship
User Groups
Downloads
Platforms
OutSystems.com
My Platform
Community
Resources
Support
Search in OutSystems
Log in
Sign Up
Community
›
Forge
›
Assets list
›
How to use charts - Reactive and Different series with color
How to use charts - Reactive and Different series with color
version
1.0.0
(Compatible with
OutSystems 11
)
Uploaded
on
30 January 2024
by
5.0
(2 ratings)
Overview
Reviews
Versions
Documentation
Support
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.
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
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.)
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)
BSD-3 license (
https://opensource.org/licenses/BSD-3-Clause
)
Reviews
(0)
Team
Other assets in this category
Demos & samples, Other demos & samples
Dynamic Forms
Huarlem Lima
Component sample to create dynamic forms with validation, tips, and dependent fields.
2452
Reactive Utilities
Miguel Vicente
A group of multiple utilities to use on your Mobile or Reactive applications. The main goal is to bring Text, HttpRequestHandler, and other extensions from the server-side to the client-side.
3018
Stripe Demo
Gurvinder Singh
A safe implementation of Stripe (credit card payment processor). More at www.stripe.com
388
More from Akshay Deshpande
ScreenLoader
Akshay Deshpande
This is the screen loader used to freeze the screen while data fetching or rendering.
235
InputAutoResizer
Akshay Deshpande
This Component, Resize the width of Input box according to length of Input.
10
PDF Convertor
Akshay Deshpande
It will Convert from any format to PDF, Example:- Record list, List, Text , Image, Etc.
268
Loading
Loading...