Difference between revisions of "Chart"

From Resco's Wiki
Jump to: navigation, search
(Creating a chart in Woodford)
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. Each entity has its own charts. A single entity can have multiple charts.
+
Chart views are an optional component of mobile apps. The main purpose of a chart is to display a list of records of a particular [[entity]] on a graph. Records can be grouped by a field and you can display per-group aggregate values, such as count, count of distinct values, sum, minimum, maximum, or average value.
 +
 
 +
Charts are defined for each entity. A single entity can have multiple charts. If an entity has at least one chart, app users can switch to charts from a view.
  
 
There are two options where to define charts:
 
There are two options where to define charts:
Line 21: Line 23:
 
# Click '''Save & Close''' to finish the chart.
 
# Click '''Save & Close''' to finish the chart.
  
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 a 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 in Woodford ==
 
== Adding charts to your app in Woodford ==
Line 27: Line 29:
 
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 at least one chart is available on the [[Home screen]], users can 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.
 
* Charts are one of the possible components on a dashboard. See [[Dashboard]] for more information.
  
Line 39: Line 41:
 
# Tap Save.
 
# 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.
+
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, map, and charts view.
  
 
[[Category:Woodford]]
 
[[Category:Woodford]]

Revision as of 13:27, 5 December 2019

User interface components

Chart views are an optional component of mobile apps. The main purpose of a chart is to display a list of records of a particular entity on a graph. Records can be grouped by a field and you can display per-group aggregate values, such as count, count of distinct values, sum, minimum, maximum, or average value.

Charts are defined for each entity. A single entity can have multiple charts. If an entity has at least one chart, app users can switch to charts from a view.

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

  1. Select the entity in the Project menu and click Show UI.
  2. Click New Chart and name it, then click OK.
  3. Select a chart type on the toolbar, for example Donut.
  4. Specify which fields should be displayed on the charts on the Properties pane.
  5. Optionally, if you want to limit the displayed values, click Edit Filter and create a filtering rule.
  6. Click Save & Close to finish the chart.

An example of a 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 at least one chart is available on the Home screen, users can 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

  1. Tap Setup on the home screen.
  2. Scroll down to Appearance section and tap Private Charts to display a list of your private charts.
  3. To create a new chart, tap the + button and select an entity.
  4. Enter a name.
  5. Select the chart type and enter additional properties.
  6. 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, map, and charts view.