JPowered.com

Active Graphs and Charts

Active Graphs and Charts

 

Setting Series Definitions

For each series of data a 'seriesN' parameter should be added to the property data. The series parameter allows various properties to be set.

Properties are supplied on a name value basis using the same format as CSS. The following are the possible properties that can be set:-

Properties Description Values Example
title Specifies the title, this will be displayed in the graph legend. Text string title: Standard Widgets;
color Specifies the default color for the data points within this series. A color definition color:#e94933;
scale Sets which scale the data points of this series should be plotted against. left or right scale:left
href If set then the title in the legend display will have a hyperlink attached to it. Any valid URL href: http://www.alink.com
target Allows a target window or frame to be set for the title link. target: _blank;
lineWidth For line graphs this options specifies the width (in pixels) of the line to be drawn. Positive integer lineWidth: 3;
pointsize For line, area andscater graphs this options specifies the size (in pixels) of the point. Positive integer pointsize: 4;
pointtype For line, area and scatter graphs this options specifies the point type. circle
square
triangle
pointtype: triangle;
cx For Pie, Ring and Doughnut chart this specifies the X position on the center. Positive integer cx: 150;
cy For Pie, Ring and Doughnut chart this specifies the X position on the center. Positive integer cy: 140;
r For Pie, Ring and Doughnut chart this specifies the Radius / Size. Positive integer r: 90;

Example

If there are 3 sets of data then the following series parameters would be added to the property object:-

The elements of a series parameter are optional and default values are set for those not supplied