Create a Chart in the UX Component
This example shows how to create a simple pie chart with a Static data series.
This example is also demonstrated on this video.
Open the UX Builder
On the UX control page, open the Data Controls menu and click on the Chart control.
The New Control dialog will open. Give the control a name and click OK
The control will be added to the Component
Open the UX properties page and under the Data Series section open the Data series property
Click Add Data Series. Give the series the name 'Series One'. Click OK and OK again if a notice appears.
Click Edit Series Definition
There are a selection of Data Source Types that you can use to define a series. For this example click Static.
sales|region 10|east 15|west 20|south 5|north
Click OK, OK, and Click OK again.You can define as many subseries as you want
Go back to UX Control page and highlight the Chart control. In the Controls properties section find the Chart Properties section, then click on the 'Chart definition'' peoperty.
Under Chart Style find the Chart Type property and set it to Pie.
Under Chart Data section click on the button next to the Data property. The 'Pick Series to Display' dialog will appear. Check Add. Select the series you defined and then click OK. You will be prompted to select a sub series, choose 'Sales' and click OK and OK again.
The Data Label Expression will open add the following
Run the Chart in Live Preview