HanengCharts 3.1 Documentation

Parameter overview:

Name: Value: Comment: Example:
ChartType
See List Choose chart type <PARAM NAME="ChartType" VALUE="Pie">
Text_x
x = 1, 2, 3, 4...
Text String
A text corresponding to the value <PARAM NAME="Text_1" VALUE="Sunday">
Value_x
x = 1, 2, 3, 4...
Numeric value
The numeric values that the chart will be created from. <PARAM NAME="Value_1" VALUE="0.5">
Label_x
x = 1, 2, 3, 4...
Text
Mouse over label for item. Use #br# to make a line break. <PARAM NAME="Label_1" VALUE="Sales in 1999">
Link_x
x = 1, 2, 3, 4...
URL
Link URL for item. <PARAM NAME="Link_1" VALUE="http://www.haneng.com/">
Target_x
x = 1, 2, 3, 4...
URL
Link target for URL. <PARAM NAME="Target_1" VALUE="_blank">
Value_y_x
y = a, b, c, d...
x = 1, 2, 3, 4...
Numerical value
The y indicates what data set the value belongs to. (Optionaly y can be numbers as well) <PARAM NAME="Value_a_1" VALUE="0.5">
Color_x
x = 1, 2, 3, 4...
Hex
Color to use for item. (e.g. single bar) <PARAM NAME="Color_1" VALUE="#FF00FF">
Color_y
y = a, b, c, d...
Hex
Color to use for item. (e.g. a line) <PARAM NAME="Color_a" VALUE="#FF00FF">
Color_y_x
y = a, b, c, d...
x = 1, 2, 3, 4...
Hex
Color to use for item. (e.g. a single line point) <PARAM NAME="Color_a_1" VALUE="#FF00FF">
Label_y_x
y = a, b, c, d...
x = 1, 2, 3, 4...
Text
Mouse over label for item. Use #br# to make a line break. <PARAM NAME="Label_a_1" VALUE="Sales in 1999">
Link_y_x
y = a, b, c, d...
x = 1, 2, 3, 4...
URL
Link URL for item. <PARAM NAME="Link_a_1" VALUE="http://www.haneng.com/">
DataSet_y
y = a, b, c, d...
Text
A text to the data set <PARAM NAME="DataSet_a" VALUE="Sales in Europe">
MaxValues
Numeric Max number of values to read (Default 1000) <PARAM NAME="MaxValues" VALUE="500">
MaxDataSets
Numeric Max number of data sets to read (Default 25) <PARAM NAME="MaxDataSets" VALUE="50">
PreFix
Text Text to append to the start of ruler labels etc. <PARAM NAME="PreFix" VALUE="$">
PostFix
Text Text to append to the end of ruler labels etc. <PARAM NAME="PostFix" VALUE=".-">
GridStart
Numeric Set start point for the graph <PARAM NAME="GridStart" VALUE="1000">
GridStop
Numeric Set stop point for the graph <PARAM NAME="GridStop" VALUE="2000">
FontSize
Numeric Font size to use in chart <PARAM NAME="FontSize" VALUE="10">
FontFace
Text Font face to use in chart. Please note that the the end user will need to have the font installed to see the chart using that font. If the user don't have the font the default font will be used. <PARAM NAME="FontFace" VALUE="TimesRoman">
Title
Text Chart title <PARAM NAME="Title" VALUE="Sales Chart">
XAxisName
Text Label for X axis <PARAM NAME="XAxisName" VALUE="Users">
YAxisName
Text Label for Y axis <PARAM NAME="YAxisName" VALUE="Sessions">
VerticalXAxisLabels
true/false Turns horisontal labels to vertical labels <PARAM NAME="VerticalXAxisLabels" VALUE="true">
LeftSideYAxis
true/false Moves the Y-Axis to the left side <PARAM NAME="LeftSideYAxis" VALUE="true">
XEvery
number Hides every label except every Xth. label from the x-axis. <PARAM NAME="XEvery" VALUE="3">
StartAtZero
true/false Where bar starts in charts with negative numbers <PARAM NAME="StartAtZero" VALUE="false">
IgnoreMissingValues
true/false When true closes lines with "holes" in them. <PARAM NAME="IgnoreMissingValues" VALUE="true">
ThickGrid
true/false When true the chart uses a thicker grid <PARAM NAME="ThickGrid" VALUE="true">
LineThickness
Numeric Sets the thickness of the line used. Default: 1 Max: 3 <PARAM NAME="LineThickness" VALUE="3">
LineMarks
true/false Paint markers on line points <PARAM NAME="LineMarks" VALUE="true">
MaxBarWidth
number Sets the max width (or height in bar chart) a bar can have <PARAM NAME="MaxBarWidth" VALUE="50">
DisableActiveColor
true/false Disable the color change on mouse over <PARAM NAME="DisableActiveColor" VALUE="true">
Color_Background
Hex Background color to use in chart <PARAM NAME="Color_Background" VALUE="#FF0000">
Color_Text
Hex Text color to use in chart <PARAM NAME="Color_Text" VALUE="#00FF00">
Color_Active
Hex Color used when mouse is over an item <PARAM NAME="Color_Active" VALUE="#00FF00">
Color_Grid
Hex Text color to use in chart <PARAM NAME="Color_Grid" VALUE="#000000">
Color_Shadow
Hex Color used for the shadow <PARAM NAME="Color_Shadow" VALUE="#000000">
Color_Bar
Hex Color used for the bars <PARAM NAME="Color_Bar" VALUE="#0000FF">
Color_Line
Hex Color used for the line <PARAM NAME="Color_Line" VALUE="#0000FF">
Color_Area
Hex Color used for the area <PARAM NAME="Color_Area" VALUE="#0000FF">
TargetLine_a
Value:Color[:Name] Create a target line behind the chart. <PARAM NAME="TargetLine_1" VALUE="100:00FF00">
TargetZone_a
Start:Stop:Color[:Name] Create a target zone behind the chart. <PARAM NAME="TargetZone_1" VALUE="0:100:00FF00">
ShowValues
true/false Show values next to items. <PARAM NAME="ShowValues" VALUE="true">
Grid
all/none/xonly/yonly Controls the chart grid. <PARAM NAME="Grid" VALUE="None">
HideYAxisLabels
true/false Hides the labels on the y-axis <PARAM NAME="HideYAxisLabels" VALUE="true">
SmallRightClickMenu
true/false Hides some right click menu items <PARAM NAME="SmallRightClickMenu" VALUE="true">




ChartType Values:

Name: Is Multi Chart: ? View:
Pie no View
3DPie no View
Donut no View
Bar no View
HorizontalBar no View
LayeredBar yes View
GroupedBar yes View
3DBar no View
3DLayeredBar yes View
3DGroupedBar yes View
BarsAndLines yes View
Line no View
MultiLine yes View
Area no View
LayeredArea yes View
3DArea no View
3DLayeredArea yes View
Scatter yes View
XYScatter yes View
Bubble yes View
Radar yes View
Candle yes View
CandleWithVolumes yes View
Stock yes View
StockWithVolumes yes View

Naming Conventions:
We have tried to use a few naming rules to make the names easier to remember:

2D or 3D?
With the new names all charts are 2D unless the chart names starts with 3D. E.g. "3DBar" chart and "3DLayeredBar" chart.

Layered?
When a chart name contains the keyword "layered" it means that the different data sets is stacked on top of each other. For an example see the
Layered Bar Chart.


Is Multi Chart?
A multi chart is a chart that accepts multiple data sets and you must use "Value_y_x" instead of "Value_x" to send values into the chart. For an example look at the difference in the source code for the Bar Chart (not multi) and the Layered Bar Chart (multi).



Resize
Just change the width and height in the APPLET tag.

Right Click Menu
Right click (control + click on Mac) anywhere inside the chart area to open the built in menu. Click outside the menu to close it. Read more about the right click menu here.

Compact Parameters
If the you want to use HanengCharts with very big data sets the HTML code needed might grow very large. By using the optional compact parameters you can cut the required HTML code down to a fraction. Read all about it here

Automatic average and trendlines
HanengCharts has a built in function to show averages and trendlines in the multiline and scatter chart types. Read all about it here

Multiple License Keys
To use HanengCharts on more than one domain/IP without editing the code you can now use up to 5 license keys with each applet:
First: <PARAM NAME="LicenseKey" VALUE="">
Second: <PARAM NAME="LicenseKey2" VALUE="">
Third: <PARAM NAME="LicenseKey3" VALUE="">
Fourth: <PARAM NAME="LicenseKey4" VALUE="">
Fifth: <PARAM NAME="LicenseKey5" VALUE="">