Charts are an essential component of data-driven mobile applications. They provide a visual representation of complex data sets that can be used to convey important information to users.

The Chart component can be added to create an interactive mobile apps responsive to user input.

Data Source

Specify the data source for the chart by choosing one of your tables in Starion.


Starion allows you to represent your data with 3 types of charts: bar, pie, and line. For each type, there are different settings that you need to configure to fill the data for the presentation on charts.

bar chart, line chart

When specifying the data for bar or line charts, remember:

  • Horizontal axis: the data should be related to items or categorizing data such as product name and product type

  • Vertical axis: the column linked with this field should have numeric values such as the number of orders or the number of members.

pie chart

For pie charts, besides the familiar settings such as category and value, you have options for chart styles (pie or donut).


Determine how to group and summarize data for better insights using the sum or average method.

The sum method calculates the total of all values, while the average method calculates the mean value of all data. Choosing one over the other depends on the nature of the data and the specific question being addressed.


Choose colors for your chart by your preference, aligning with the app accent color, your brand, or the subject matter of the chart.


Choose whether to hide the component from the view of the app users. This can be useful in cases where the chart is not relevant in some special cases or events or needs to be hidden for security reasons.


Name the component for use with the Typescript.


Last updated