The options green.solid, yellow.solid and red.solid have all been retired. By default the
green/yellow/red colors are all solid. Gradients can still be applied but by using the new easy gradient syntax:
window.onload = function ()
// Create the Odometer. The arguments are: the canvas ID, the minimum, the maximum and the value.
var odo = new RGraph.Odometer('myOdo', 0, 100, 18)
// Configure the Odometer to appear as you want.
// Now call the .Draw() method to draw the chart.
title.font The font that the title is rendered in. If not specified the text.font setting is used (usually Arial) Default: null
title.size The size of the title. If not specified the size is usually 2pt bigger than the text.size setting. Default: null
title.bold Whather the title is bold or not. Default: true
title.background The background color (if any) for the title. Default: null
title.color The color of the title. Default: black
title.x To give the exact X coordinate for the title - use this Default: null
title.y To give the exact Y coordinate for the title - use this Default: null
shadow.inner Whether a drop shadow is applied to the inner circle of the Odometer Default: false
shadow.inner.color The color for the inner shadow. Default: 3
shadow.inner.offsetx The X offset for the inner shadow. Default: 3
shadow.inner.offsety The Y offset for the inner shadow. Default: 3
shadow.inner.blur The extent of the blurring effect on the shadow. Default: 6
shadow.outer Whether a drop shadow is applied to the whole Odometer. Default: false
shadow.outer.color The color for the outer shadow. Default: black
shadow.outer.offsetx The X offset for the outer shadow. Default: 3
shadow.outer.offsety The Y offset for the outer shadow. Default: 3
shadow.outer.blur The extent of the blurring effect on the shadow. Default: 6
contextmenu An array of context menu items. More information on context menus is here. Default: An empty array
annotatable Whether annotations are enabled for the chart (ie you can draw on the chart interactively. Default: false
annotate.color If you do not allow the use of the palette, then this will be the only colour allowed for annotations. Default: black
resizable Defaulting to false, this determines whether your chart will be resizable. Because of the numerous event handlers this has to install code on, This feature is unlikely to work with other dynamic features (the context menu is fine however). Default: false
resize.handle.background With this you can specify the background color for the resize handle. If you're adjusting the position of the handle then you may need this to make the handle stand out more. Default: null
adjustable You can make the Odometer interactively adjustable by setting this to true. Default: false
zoom.factor This is the factor that the chart will be zoomed by (bigger values means more zoom) Default: 1.5
zoom.fade.in Whether the zoomed canvas fades in or not. This also can be used to control the fade in for the zoom in thumbnail mode. Default: true
zoom.fade.out Whether the zoomed canvas fades out or not. This also can be used to control the fade in for the zoom in thumbnail mode. Default: true
zoom.hdir The horizontal direction of the zoom. Possible values are: left, center, right Default: right
zoom.vdir The vertical direction of the zoom. Possible values are: up, center, down Default: down
zoom.delay The delay (in milliseconds) between frames. Default: 50
zoom.frames The number of frames in the zoom animation. Default: 10
zoom.shadow Whether or not the zoomed canvas has a shadow or not. Default: true
units.pre The units that the value is measured in. This string is displayed BEFORE the actual number, allowing you to specify values such as "$50" and is only used if value.text is true. Default: none
units.post The units that the value is measured in. This string is displayed AFTER the actual number, allowing you to specify values such as "50ms" and is only used if value.text is true. Default: none
scale.decimals The number of decimal places to display for the labels. Default: 0
scale.point The character used as the decimal point. Default: .
scale.thousand The character used as the thousand separator Default: ,
An accessor that you can use to retrieve the value of properties.
An accessor that you can use to set the value of properties.
This method will return you an appropriate angle for the given value.