Charts_HowTo
Charts
Getting Started
Simple Charts
Advanced Charts
Customize
Tutorial - Advanced Chart
1
In this tutorial we will use the example shown in the simple chart section. After having the chart available on the page we will change some configurations using JSON. To start select the chart, double click on the advanced format parameter.
2
Add the function AdvancedFormat_Init(DataPointFormats:,DataSeriesFormats:,XAxisJSON:,YAxisJSON:,HighchartsJSON:)
3
After the text 'HighchartsJSON:' we will put the following code
plotOptions: { series: { dataLabels: { enabled: true } } },
4
Next we will add this new code
xAxis: { plotBands: [{ color: '#FCFFC5', from: 2 to: 3 }], },
5
Finally, we will add the title and a text to each label on yAxis
title: { text: 'My custom title' }, yAxis: { labels: { format: '{value} units' } },
Built with
OutSystems Platform
Loading...
Click here to see your activities