Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Panel
borderColorgreen
borderWidth1
titleBGColor#ddffcc
borderStylesolid
titleDefinition

Chart allows you to to select a form data store or define your own SQL query to determine the charts that you would like to generate, ranging from a number of display data for the most common graph types.

Image RemovedImage Added

Figure 1: Chart Properties

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 BinderStore

See List Data Store for available data store

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

Please see Datalist Binder for available binder to use.


Image RemovedImage Added

Figure 2: Chart Properties - Data Binder Store & 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 chart

The date format of date value data retrieved from data store.


Image Added

Image AddedImage Removed

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

...