Chart: Difference between revisions
Designing charts in the app |
|||
| Line 1: | Line 1: | ||
{{UI Components TOC}} | {{UI Components TOC}} | ||
Chart views are one of the main components of mobile apps. The main purpose of a chart is to display a list of records of a particular [[entity]] on a graph. | Chart views are one of the main components of mobile apps. The main purpose of a chart is to display a list of records of a particular [[entity]] on a graph. Each entity has its own charts. A single entity can have multiple charts. | ||
There are two options where to define charts: | |||
* Woodford administrators can create and manage charts available for all users in an app project. | |||
* App users can create and manage their private charts. | |||
== Managing charts == | == Managing charts in Woodford == | ||
Charts are associated with an entity. To see a list of charts for an entity, edit an app project, select the entity and click '''Show UI'''. | Charts are associated with an entity. To see a list of charts for an entity, edit an app project, select the entity and click '''Show UI'''. | ||
| Line 10: | Line 12: | ||
On the '''Mobile Views, Forms and Charts''' screen, you can add, clone, or remove charts, edit them and change their properties, as well as export them (to a file in XML format) or import them (for example, to a different app project). | On the '''Mobile Views, Forms and Charts''' screen, you can add, clone, or remove charts, edit them and change their properties, as well as export them (to a file in XML format) or import them (for example, to a different app project). | ||
== Creating a chart == | == Creating a chart in Woodford == | ||
# Select the entity in the '''Project''' menu and click '''Show UI'''. | # Select the entity in the '''Project''' menu and click '''Show UI'''. | ||
| Line 21: | Line 23: | ||
An example of multi series chart setup can be found in our [http://blog.resco.net/2014/05/19/create-charts-with-multiple-series/ Blog Post]. {{Badge|Blog}} | An example of multi series chart setup can be found in our [http://blog.resco.net/2014/05/19/create-charts-with-multiple-series/ Blog Post]. {{Badge|Blog}} | ||
== Adding charts to your app == | == Adding charts to your app in Woodford == | ||
Charts can be added to your app in two ways. | Charts can be added to your app in two ways. | ||
* When an entity with a chart view is available on the [[Home screen]], users will be automatically able to switch their view to a chart view. You can even make chart view the default initial view: Double-click the entity on the Home screen to display its properties, switch to the '''Charts''' tab and check '''Initial View'''. | * When an entity with a chart view is available on the [[Home screen]], users will be automatically able to switch their view to a chart view. You can even make chart view the default initial view: Double-click the entity on the Home screen to display its properties, switch to the '''Charts''' tab and check '''Initial View'''. | ||
* Charts are one of the possible components on a dashboard. See [[Dashboard]] for more information. | |||
== Designing charts in the app == | |||
# Tap '''[[Setup]]''' on the [[home screen]]. | |||
# Scroll down to '''Appearance''' section and tap '''Private Charts''' to display a list of your private charts. | |||
# To create a new chart, tap the + button and select an entity. | |||
# Enter a name. | |||
# Select the chart type and enter additional properties. | |||
# Tap Save. | |||
Your new chart is now available as an alternate rendering of the entity. Select the entity from home screen, then use the buttons in the top right corner to toggle between list view, map view, and charts view. | |||
[[Category:Woodford]] | [[Category:Woodford]] | ||
Revision as of 11:01, 7 November 2019
Chart views are one of the main components of mobile apps. The main purpose of a chart is to display a list of records of a particular entity on a graph. Each entity has its own charts. A single entity can have multiple charts.
There are two options where to define charts:
- Woodford administrators can create and manage charts available for all users in an app project.
- App users can create and manage their private charts.
Managing charts in Woodford
Charts are associated with an entity. To see a list of charts for an entity, edit an app project, select the entity and click Show UI.
On the Mobile Views, Forms and Charts screen, you can add, clone, or remove charts, edit them and change their properties, as well as export them (to a file in XML format) or import them (for example, to a different app project).
Creating a chart in Woodford
- Select the entity in the Project menu and click Show UI.
- Click New Chart and name it, then click OK.
- Select a chart type on the toolbar, for example Donut.
- Specify which fields should be displayed on the charts on the Properties pane.
- Optionally, if you want to limit the displayed values, click Edit Filter and create a filtering rule.
- Click Save & Close to finish the chart.
An example of multi series chart setup can be found in our Blog Post. Blog
Adding charts to your app in Woodford
Charts can be added to your app in two ways.
- When an entity with a chart view is available on the Home screen, users will be automatically able to switch their view to a chart view. You can even make chart view the default initial view: Double-click the entity on the Home screen to display its properties, switch to the Charts tab and check Initial View.
- Charts are one of the possible components on a dashboard. See Dashboard for more information.
Designing charts in the app
- Tap Setup on the home screen.
- Scroll down to Appearance section and tap Private Charts to display a list of your private charts.
- To create a new chart, tap the + button and select an entity.
- Enter a name.
- Select the chart type and enter additional properties.
- Tap Save.
Your new chart is now available as an alternate rendering of the entity. Select the entity from home screen, then use the buttons in the top right corner to toggle between list view, map view, and charts view.