Versions Compared

Old Version 4

changes.mady.by.user Andrew

Saved on

compared with

New Version 5

changes.mady.by.user Andrew

Saved on

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

NameDescriptionScreens (Click to view)
IDMenu element unique id. Userview will use this id in the URL for the menu if the Custom ID is empty.


Figure 1: Edit Chart Properties

Custom ID

Item link slug. Optional field. Value defined here must be unique to the rest of the Userview Menus as the first matching name will be called upon.

LabelMenu label. Mandatory field.
Chart Type
  • Area Chart
  • Bar Chart
  • Bubble Chart
  • Candlestick Chart
  • Donut Chart
  • Line Chart
  • Open High Low Close Chart (OHLC Chart)
  • Pie Chart
  • XY Chart
Chart Title

Chart Title to be displayed part of the generated graph.

Panel
borderColorpurple
borderWidth1
titleBGColor#ddccff
borderStylesolid
titleNew Feature

This feature has been enhanced in Joget Workflow v6 to support join, group and aggregate function.

Configure Datasource

NameDescriptionScreens (Click to view)
Datasource
  • Using Data Binder
  • Default Datasource
  • Custom Datasource
Panel
borderColorpurple
borderWidth1
titleBGColor#ddccff
borderStylesolid
titleNew Feature

New feature in Joget Workflow for more flexible ways to build chart dataset using the existing Datalist Binders.

Figure 2: SQL Chart Properties - Datasource

Data Binder

When Datasource is set to "Using Data Binder", this option will show up.Please  Advance Form Data Binder has more flexible ways to build chart dataset using join, group and aggregate function. Please see Datalist Binder for available binder to use.

SQL Query

When Datasource is set to use any of the "Datasource", this option will show up. You use an SQL Query to produce the dataset required for the graph type.The  The first column in the dataset will be assumed for X-axis/label.

Example 1:The first column to be returned from the query must be a label (X-axis), followed by value columns for the Y-axis.

Code Block
titleExample
SELECT c_status as 'status', COUNT(c_status) as 'count' FROM app_fd_tix_tickets WHERE c_status IS NOT NULL GROUP BY c_status

Example 2:

Code Block
titleSQL
select c.c_claimant, sum( cast( replace(c.c_total,'$', '') as decimal(10,2)) ) as 'total', avg( cast( replace(c.c_total,'$', '') as decimal(10,2)) ) as 'avg' from app_fd_hr_expense_claim c group by c.c_claimant



Data Binder & Chart Data Mapping

...