Step 5 - Working with charts

Now, we want to create a chart to visualize the products, their weights, and their volumes.

Create a Panel named "Chart" and select the template "Columns for multiple series". Select the attributes involved, as shown below:

WorkWithPlusforNativeMobile15TrainingChart

You can modify the Legends, separated by commas for each attribute, in the order they are added in Series.

Check that the "Series Style Collection" property of the FreeStyleGrid is selected the type "column".

WorkWithPlusforNativeMobile15TrainingSeriesTypeCollection

Add the Panel in the menu, change 'Menu icon type' to 'FontAwesome' and 'Font icon Unicode' set 'f080', then save and run the App.

WorkWithPlusforNativeMobile15TrainingChartRuntime