Joget DX Beta Available for Download

Check out Joget DX, the next generation successor to Joget Workflow for faster, simpler digital transformation.

Versions Compared

Key

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

...

NameDescription

Chart Type

  • Area Chart
  • Bar Chart
  • Bubble Chart
  • Candlestick Chart
  • Donut Chart
  • Line Chart (is there a reason this is not in Userview Chart?)
  • Open High Low Close Chart (OHLC Chart) this is not in userview chart 
  • Pie Chart
  • XY Chart
Chart TitleChart Title to be displayed as part of the generated graph.
Data Binder

When Datasource is set to "Using Data Binder", this option will show up.

Please see Datalist Binder for the available binder to use.


Figure 2: Chart Properties - Data Binder & Chart Data Mapping

NameDescription

Order By

Column to be sorted in the graph dataset. This would affect how the graph is plotted.
Order
  • ASC
  • DESC
X-axis Value

X-axis label. 

Y-axis ValuesY-axis dataset.
Date Data Format

this is not in userview chartDate Data Format


Figure 3 : Chart Properties - Chart Options

NameDescription

X-axis Label

X-axis Label 

X-axis display as
  • Category
  • Number
  • Date
Y-axis Label

Y-axis Label 

Y-axis PrefixY-axis Prefix
Show Legend?If checked, the legend will be shown in the generated graph.
Width (px)

Width in character.

Code Block
titleExample
640px
Height (px)

Height in character.

Code Block
titleExample
480px
Colors

Series color. Optional field.

Comma-separated values (CSV) of color codes.

Example:

Code Block
titleExample
 #3333FF,#66FF00,#FF9933,#990000

Code Block
titleExample
red,orange,yellow,green,blue,indigo

Info
titleWhat are the default colors?

http://stackoverflow.com/questions/18332440/what-are-the-jqplot-default-series-colors

Alignment
  • Left
  • Center
  • Right
Margin Bottom

Bottom Margin of Chart 

Info
titleExample

10px