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 select a form data store or define your own SQL query to display data for the most common graph types.

Image Added

Figure 1: Chart Properties

NameDescription

Chart Type

  • Area Chart
  • Bar Chart
  • Bubble Chart
  • Candlestick Chart
  • Donut Chart
  • Open High Low Close Chart (OHLC Chart) 
  • Pie Chart
  • XY Chart
Chart TitleChart Title to be displayed as part of the generated graph.
Data Store

See List Data Store for available data store to use.


Image Added

Figure 2: Chart Properties - Data 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

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


Image Added

Image Added

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

Image Added

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

Image Added

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