These charts are based on the HighCharts library and can be extended with their API to cover advanced use cases and customization options.
The component includes:
You can find more information about how to use this component in the OutSystems Charts documentation.
This new release introduces a new version of each chart with a new code architecture and developer experience.
What's New:
A new version of LineChart, AreaChart, ColumnChart, BarChart, PieChart and DonutChart with a new architecture and a new developer experience.
New RadarChart block.
A new color palette with 12 colors, will be applied by default to all the new charts.
New add-on blocks to customize the charts:
ChartLegend block - add-on used to customize the legend of the chart.
ChartSeriesStyling block - add-on used to customize the styling of the chart series.
ChartXAxis block - add-on used to customize the X-Axis.
ChartYAxis block - add-on used to customize the Y-Axis.
New client actions to extend the Charts and the Add-ons:
SetHighchartsChartConfigs - to extend the properties of the Chart.
SetHighchartsSeriesConfigs - to extend the properties of a series.
SetHighchartsXAxisConfigs - to extend the properties of the X-Axis.
SetHighchartsYAxisConfigs - to extend the properties of the Y-Axis
For more details, please check the OutSystems Charts Sample.
Fixed Issues and Improvements:
ROU-4013 - Removed the DebugChart_DEPRECATED block, due to security issues.
ROU-4034 - Now, the DataPoint returns the Color and Tooltip values on the OnClick event for the Charts V1.
ROU-4038 - Now, OutSystems Charts will be using the latest version of their library provider - HighCharts v10.3.2 (2022-11-28).In this release, we have updated the HighCharts files we provide as a basis for our web blocks.If you use any other resource from HighCharts, it must be updated to the same version for consistency.
ROU-4040 - Now, when used on a mobile application and the rotation changed between portrait/landscape we'll force a reflow when needed so that the Chart can be properly rendered.