Skip to navigation
Animation Events
Dispatches when the animation ends.
AttributeTypeInfo
graphid String

The ID of the graph object.

"mygraph" | 0 | 1 | ...

id String

The ID of the zingchart object.

"mychart" | ...

Dispatches when the animation starts.
AttributeTypeInfo
graphid String

The ID of the graph object.

"mygraph" | 0 | 1 | ...

id String

The ID of the zingchart object.

"mychart" | ...

Dispatches on every step of the animation, for every plot/node.
AttributeTypeInfo
graphid String

The ID of the graph object.

"mygraph" | 0 | 1 | ...

id String

The ID of the zingchart object.

"mychart" | ...

nodeindex Numeric

The index of the node.

0 | 8 | 20 | ...

plotindex Numeric

The index of the plot.

0 | 1 | ...

stage Numeric

The "position" in the animation timeline. It starts from 0 and ends as 1 but for several animation methods, intermediate values can exceed 1.

0 | 0.45 | 1.04 | ...

value Numeric

The node value.

Data Manipulation Events
Dispatches when ZingChart is modified via the modify API call.
AttributeTypeInfo
data Object

The new configuration data.

{...}

graphid String

The ID of the graph object.

"mygraph" | 0 | 1 | ...

id String

The ID of the zingchart object.

"mychart" | ...

object String

The object to modify if set in the API call.

Dispatches when the user adds a node.
AttributeTypeInfo
graphid String

The ID of the graph object.

"mygraph" | 0 | 1 | ...

id String

The ID of the zingchart object.

"mychart" | ...

key Mixed

The node's key.

nodeindex Numeric

The index of the node.

0 | 8 | 20 | ...

plotindex Numeric

The index of the plot.

0 | 1 | ...

text String

The string representation of the node value.

value Numeric

The node value.

Dispatches when the user removes a node.
AttributeTypeInfo
graphid String

The ID of the graph object.

"mygraph" | 0 | 1 | ...

id String

The ID of the zingchart object.

"mychart" | ...

key Mixed

The node's key.

nodeindex Numeric

The index of the node.

0 | 8 | 20 | ...

plotindex Numeric

The index of the plot.

0 | 1 | ...

text String

The string representation of the node value.

value Numeric

The node value.

Dispatches when a plot is added to the graph.
AttributeTypeInfo
data Object

The new configuration data.

{...}

graphid String

The ID of the graph object.

"mygraph" | 0 | 1 | ...

id String

The ID of the zingchart object.

"mychart" | ...

plotindex Numeric

The index of the plot.

0 | 1 | ...

Dispatches when a plot is modified.
AttributeTypeInfo
data Object

The new configuration data.

{...}

graphid String

The ID of the graph object.

"mygraph" | 0 | 1 | ...

id String

The ID of the zingchart object.

"mychart" | ...

plotindex Numeric

The index of the plot.

0 | 1 | ...

Dispatches when a plot is removed.
AttributeTypeInfo
graphid String

The ID of the graph object.

"mygraph" | 0 | 1 | ...

id String

The ID of the zingchart object.

"mychart" | ...

plotindex Numeric

The index of the plot.

0 | 1 | ...

Dispatches when the chart is reloaded.
AttributeTypeInfo
graphid String

The ID of the graph object.

"mygraph" | 0 | 1 | ...

id String

The ID of the zingchart object.

"mychart" | ...

Dispatches when the setdata API function is called.
AttributeTypeInfo
data Object

The new configuration data.

{...}

graphid String

The ID of the graph object.

"mygraph" | 0 | 1 | ...

id String

The ID of the zingchart object.

"mychart" | ...

Export Events
Dispatches when the user exports the graph data.
AttributeTypeInfo
id String

The ID of the zingchart object.

"mychart" | ...

Dispatches when the user saves an images of the graph.
AttributeTypeInfo
id String

The ID of the zingchart object.

"mychart" | ...

Dispatches when the user prints the graph.
AttributeTypeInfo
id String

The ID of the zingchart object.

"mychart" | ...

Feed Events
Dispatches when the feed is cleared.
AttributeTypeInfo
id String

The ID of the zingchart object.

"mychart" | ...

Dispatches when the feed interval is modified.
AttributeTypeInfo
id String

The ID of the zingchart object.

"mychart" | ...

interval Numeric

The new interval.

5 | 10 | ...

Dispatches when the feed starts.
AttributeTypeInfo
id String

The ID of the zingchart object.

"mychart" | ...

Dispatches when the feed stops.
AttributeTypeInfo
id String

The ID of the zingchart object.

"mychart" | ...

Global Events
Dispatches when the user clicks anywhere on the graph.
AttributeTypeInfo
graphid String

The ID of the graph object.

"mygraph" | 0 | 1 | ...

id String

The ID of the zingchart object.

"mychart" | ...

plotarea Boolean

Specifies if the click was fired inside the plotarea object.

true | false | 1 | 0

target String

The type of the graph object being clicked.

"none" | "node" | "legend-item" | "menu-item" | "preview" | "shape" | "label"

targetid String

The id of the DOM element being clicked.

"elementid" | ...

touch Boolean

Specifies if the event fired on a touch device.

true | false | 1 | 0

x Numeric

The x position of the click relative to the chart position.

230 | 140 | ...

y Numeric

The y position of the click relative to the chart position.

230 | 140 | ...

Dispatches every time a graphset is completely rendered, so, even on API calls that require chart repaint.
AttributeTypeInfo
height Numeric

The height of the zingchart object.

400 | 300 | ...

id String

The ID of the zingchart object.

"mychart" | ...

output String

The render output of the zingchart object.

"svg" | "canvas" | "vml"

width Numeric

The width of the zingchart object.

400 | 300 | ...

Dispatches when the data is available for the chart, prior to parsing routines. Useful for changing/adding elements into the data.
AttributeTypeInfo
height Numeric

The height of the zingchart object.

400 | 300 | ...

id String

The ID of the zingchart object.

"mychart" | ...

output String

The render output of the zingchart object.

"svg" | "canvas" | "vml"

width Numeric

The width of the zingchart object.

400 | 300 | ...

Dispatches when the data is ready to be parsed.
AttributeTypeInfo
height Numeric

The height of the zingchart object.

400 | 300 | ...

id String

The ID of the zingchart object.

"mychart" | ...

output String

The render output of the zingchart object.

"svg" | "canvas" | "vml"

width Numeric

The width of the zingchart object.

400 | 300 | ...

Dispatches when the guide position changes.
AttributeTypeInfo
graphid String

The ID of the graph object.

"mygraph" | 0 | 1 | ...

id String

The ID of the zingchart object.

"mychart" | ...

items Array

Array of objects representing plot and node information for the guide position with the following keys: plotindex, nodeindex, value, text.

[...]

Dispatches only the first time the graphset is completely rendered.
AttributeTypeInfo
height Numeric

The height of the zingchart object.

400 | 300 | ...

id String

The ID of the zingchart object.

"mychart" | ...

output String

The render output of the zingchart object.

"svg" | "canvas" | "vml"

width Numeric

The width of the zingchart object.

400 | 300 | ...

Dispatches when a zoom event occurs.
AttributeTypeInfo
ev Object

The event object, containing other possibly valuable data.

{...}

graphid String

The ID of the graph object.

"mygraph" | 0 | 1 | ...

height Numeric

The height of the zingchart object.

400 | 300 | ...

id String

The ID of the zingchart object.

"mychart" | ...

menuitemid String

The id of the menu item being clicked.

"viewaspng" | ...

targetid String

The id of the DOM element being clicked.

"elementid" | ...

width Numeric

The width of the zingchart object.

400 | 300 | ...

x Numeric

The x position of the click relative to the chart position.

230 | 140 | ...

y Numeric

The height of the zingchart object.

400 | 300 | ...

Dispatches on resize.
AttributeTypeInfo
height Numeric

The height of the zingchart object.

400 | 300 | ...

id String

The ID of the zingchart object.

"mychart" | ...

output String

The render output of the zingchart object.

"svg" | "canvas" | "vml"

width Numeric

The width of the zingchart object.

400 | 300 | ...

Graph Events
Dispatches every time each graph from the graphset is completely rendered, so, even on API calls that require chart repaint.
AttributeTypeInfo
graphid String

The ID of the graph object.

"mygraph" | 0 | 1 | ...

height Numeric

The height of the graph.

400 | 300 | ...

id String

The ID of the zingchart object.

"mychart" | ...

loader Object

Object containing graphset information.

{...} | ...

width Numeric

The width of the graph.

400 | 300 | ...

x Numeric

The x position of the graph.

400 | 300 | ...

y Numeric

The y of the graph.

400 | 300 | ...

Dispatches only the first time each graph from the graphset is completely rendered.
AttributeTypeInfo
graphid String

The ID of the graph object.

"mygraph" | 0 | 1 | ...

height Numeric

The height of the graph.

400 | 300 | ...

id String

The ID of the zingchart object.

"mychart" | ...

loader Object

Object containing graphset information.

{...} | ...

width Numeric

The width of the graph.

400 | 300 | ...

x Numeric

The x position of the graph.

400 | 300 | ...

y Numeric

The y of the graph.

400 | 300 | ...

History Events
Dispatches when the user backs through history.
AttributeTypeInfo
id String

The ID of the zingchart object.

"mychart" | ...

index Numeric

The index in history the user is at.

Dispatches when the user goes forward through the history.
AttributeTypeInfo
id String

The ID of the zingchart object.

"mychart" | ...

index Numeric

The index in history the user is at.

Interactive Events
Dispatches when the node is no longer selected.
AttributeTypeInfo
graphid String

The ID of the graph object.

"mygraph" | 0 | 1 | ...

id String

The ID of the zingchart object.

"mychart" | ...

key Numeric

The node's key.

nodeindex Numeric

The index of the node.

0 | 8 | 20 | ...

plotindex Numeric

The index of the plot.

0 | 1 | ...

text String

The text that would display in the tooltip for the node.

value Numeric

The value of the node.

Dispatches when the node is selected.
AttributeTypeInfo
graphid String

The ID of the graph object.

"mygraph" | 0 | 1 | ...

id String

The ID of the zingchart object.

"mychart" | ...

key Numeric

The node's key.

nodeindex Numeric

The index of the node.

0 | 8 | 20 | ...

plotindex Numeric

The index of the plot.

0 | 1 | ...

text String

The text that would display in the tooltip for the node.

value Numeric

The value of the node.

Dispatches when a plot is no longer selected.
AttributeTypeInfo
graphid String

The ID of the graph object.

"mygraph" | 0 | 1 | ...

id String

The ID of the zingchart object.

"mychart" | ...

plotindex Numeric

The index of the plot.

0 | 1 | ...

Dispatches when a plot is selected.
AttributeTypeInfo
graphid String

The ID of the graph object.

"mygraph" | 0 | 1 | ...

id String

The ID of the zingchart object.

"mychart" | ...

plotindex Numeric

The index of the plot.

0 | 1 | ...

Legend Events
Dispatches when a legend item is clicked.
AttributeTypeInfo
graphid String

The ID of the graph object.

"mygraph" | 0 | 1 | ...

id String

The ID of the zingchart object.

"mychart" | ...

plotid String

The id of the plot (if any).

"mylineplot" | ...

plotindex Numeric

The index of the plot.

0 | 1 | ...

visible Boolean

The status of the legend item before the click.

true | false | 1 | 0

xdata Object

The collection of extra data associated with the plot via data-XXX attributes.

{...}

Dispatches when a legend marker is clicked.
AttributeTypeInfo
graphid String

The ID of the graph object.

"mygraph" | 0 | 1 | ...

id String

The ID of the zingchart object.

"mychart" | ...

plotid String

The id of the plot (if any).

"mylineplot" | ...

plotindex Numeric

The index of the plot.

0 | 1 | ...

visible Boolean

The status of the legend marker before the click.

true | false | 1 | 0

xdata Object

The collection of extra data associated with the plot via data-XXX attributes.

{...}

Node Events
Dispatches when the user clicks a node.
AttributeTypeInfo
ev Object

The event object, containing other possibly valuable data.

{...}

graphid String

The ID of the graph object.

"mygraph" | 0 | 1 | ...

id String

The ID of the zingchart object.

"mychart" | ...

key Mixed

The scale key of the node position.

nodeindex Numeric

The index of the node.

0 | 8 | 20 | ...

plotid String

The id of the plot (if any).

"mylineplot" | ...

plotindex Numeric

The index of the plot.

0 | 1 | ...

text String

The string representation of the node value.

value Numeric

The node value.

Dispatches when the user double clicks a node.
AttributeTypeInfo
ev Object

The event object, containing other possibly valuable data.

{...}

graphid String

The ID of the graph object.

"mygraph" | 0 | 1 | ...

id String

The ID of the zingchart object.

"mychart" | ...

key Mixed

The scale key of the node position.

nodeindex Numeric

The index of the node.

0 | 8 | 20 | ...

plotid String

The id of the plot (if any).

"mylineplot" | ...

plotindex Numeric

The index of the plot.

0 | 1 | ...

text String

The string representation of the node value.

value Numeric

The node value.

Dispatches when the user moves out from a node.
AttributeTypeInfo
ev Object

The event object, containing other possibly valuable data.

{...}

graphid String

The ID of the graph object.

"mygraph" | 0 | 1 | ...

id String

The ID of the zingchart object.

"mychart" | ...

key Mixed

The scale key of the node position.

nodeindex Numeric

The index of the node.

0 | 8 | 20 | ...

plotid String

The id of the plot (if any).

"mylineplot" | ...

plotindex Numeric

The index of the plot.

0 | 1 | ...

text String

The string representation of the node value.

value Numeric

The node value.

Dispatches when the user places the mouse over a node.
AttributeTypeInfo
ev Object

The event object, containing other possibly valuable data.

{...}

graphid String

The ID of the graph object.

"mygraph" | 0 | 1 | ...

id String

The ID of the zingchart object.

"mychart" | ...

key Mixed

The scale key of the node position.

nodeindex Numeric

The index of the node.

0 | 8 | 20 | ...

plotid String

The id of the plot (if any).

"mylineplot" | ...

plotindex Numeric

The index of the plot.

0 | 1 | ...

text String

The string representation of the node value.

value Numeric

The node value.

Object Events
Dispatches when the user clicks on a label.
AttributeTypeInfo
ev Object

The event object, containing other possibly valuable data.

{...}

graphid String

The ID of the graph object.

"mygraph" | 0 | 1 | ...

id String

The ID of the zingchart object.

"mychart" | ...

labelid String

The id of the label (if any).

"mylabel" | ...

labelindex Numeric

The index of the label in the labels collection.

0 | 1 | ...

Dispatches when the user moves the mouse away from a label.
AttributeTypeInfo
ev Object

The event object, containing other possibly valuable data.

{...}

graphid String

The ID of the graph object.

"mygraph" | 0 | 1 | ...

id String

The ID of the zingchart object.

"mychart" | ...

labelid String

The id of the label (if any).

"mylabel" | ...

labelindex Numeric

The index of the label in the labels collection.

0 | 1 | ...

Dispatches when the user places the mouse over a label.
AttributeTypeInfo
ev Object

The event object, containing other possibly valuable data.

{...}

graphid String

The ID of the graph object.

"mygraph" | 0 | 1 | ...

id String

The ID of the zingchart object.

"mychart" | ...

labelid String

The id of the label (if any).

"mylabel" | ...

labelindex Numeric

The index of the label in the labels collection.

0 | 1 | ...

Dispatches when the user clicks on a legend marker.
AttributeTypeInfo
ev Object

The event object, containing other possibly valuable data.

{...}

graphid String

The ID of the graph object.

"mygraph" | 0 | 1 | ...

id String

The ID of the zingchart object.

"mychart" | ...

shapeid String

The id of the shape (if any).

"myshape" | ...

shapeindex Numeric

The index of the shape in the shapes collection.

0 | 1 | ...

Dispatches when the user clicks on a shape.
AttributeTypeInfo
ev Object

The event object, containing other possibly valuable data.

{...}

graphid String

The ID of the graph object.

"mygraph" | 0 | 1 | ...

id String

The ID of the zingchart object.

"mychart" | ...

shapeid String

The id of the shape (if any).

"myshape" | ...

shapeindex Numeric

The index of the shape in the shapes collection.

0 | 1 | ...

Dispatches when the user moves the mouse away from a shape.
AttributeTypeInfo
ev Object

The event object, containing other possibly valuable data.

{...}

graphid String

The ID of the graph object.

"mygraph" | 0 | 1 | ...

id String

The ID of the zingchart object.

"mychart" | ...

shapeid String

The id of the shape (if any).

"myshape" | ...

shapeindex Numeric

The index of the shape in the shapes collection.

0 | 1 | ...

Dispatches when the user places the mouse over a shape.
AttributeTypeInfo
ev Object

The event object, containing other possibly valuable data.

{...}

graphid String

The ID of the graph object.

"mygraph" | 0 | 1 | ...

id String

The ID of the zingchart object.

"mychart" | ...

shapeid String

The id of the shape (if any).

"myshape" | ...

shapeindex Numeric

The index of the shape in the shapes collection.

0 | 1 | ...

Plot Events
Dispatches when the user clicks a plot.
AttributeTypeInfo
ev Object

The event object, containing other possibly valuable data.

{...}

graphid String

The ID of the graph object.

"mygraph" | 0 | 1 | ...

id String

The ID of the zingchart object.

"mychart" | ...

plotid String

The id of the plot (if any).

"mylineplot" | ...

plotindex Numeric

The index of the plot.

0 | 1 | ...

Dispatches when the user double clicks a plot.
AttributeTypeInfo
ev Object

The event object, containing other possibly valuable data.

{...}

graphid String

The ID of the graph object.

"mygraph" | 0 | 1 | ...

id String

The ID of the zingchart object.

"mychart" | ...

plotid String

The id of the plot (if any).

"mylineplot" | ...

plotindex Numeric

The index of the plot.

0 | 1 | ...

Dispatches when the user moves out from a plot.
AttributeTypeInfo
ev Object

The event object, containing other possibly valuable data.

{...}

graphid String

The ID of the graph object.

"mygraph" | 0 | 1 | ...

id String

The ID of the zingchart object.

"mychart" | ...

plotid String

The id of the plot (if any).

"mylineplot" | ...

plotindex Numeric

The index of the plot.

0 | 1 | ...

Dispatches when the user places the mouse over a plot.
AttributeTypeInfo
ev Object

The event object, containing other possibly valuable data.

{...}

graphid String

The ID of the graph object.

"mygraph" | 0 | 1 | ...

id String

The ID of the zingchart object.

"mychart" | ...

plotid String

The id of the plot (if any).

"mylineplot" | ...

plotindex Numeric

The index of the plot.

0 | 1 | ...

Toggle Events
Dispatches when the About Screen is closed.
AttributeTypeInfo
id String

The ID of the zingchart object.

"mychart" | ...

Dispatches when the About Screen is displayed.
AttributeTypeInfo
id String

The ID of the zingchart object.

"mychart" | ...

Dispatches when the Report Bug Screen is closed.
AttributeTypeInfo
id String

The ID of the zingchart object.

"mychart" | ...

Dispatches when the Report Bug Screen is displayed.
AttributeTypeInfo
id String

The ID of the zingchart object.

"mychart" | ...

Dispatches when the dimension is toggled between 2D and 3D.
AttributeTypeInfo
dimension String

The new dimension.

"2d" | "3d"

id String

The ID of the zingchart object.

"mychart" | ...

type String

The new graph type.

Dispatches when the legend is hidden.
AttributeTypeInfo
id String

The ID of the zingchart object.

"mychart" | ...

Dispatches when the legend is maximized.
AttributeTypeInfo
id String

The ID of the zingchart object.

"mychart" | ...

Dispatches when the legend is minimized.
AttributeTypeInfo
id String

The ID of the zingchart object.

"mychart" | ...

Dispatches when the legend is displayed.
AttributeTypeInfo
id String

The ID of the zingchart object.

"mychart" | ...

Dispatches when the lens is hidden.
AttributeTypeInfo
id String

The ID of the zingchart object.

"mychart" | ...

Dispatches when the lens is displayed.
AttributeTypeInfo
id String

The ID of the zingchart object.

"mychart" | ...

Dispatches when a plot is hidden.
AttributeTypeInfo
graphid String

The ID of the graph object.

"mygraph" | 0 | 1 | ...

id String

The ID of the zingchart object.

"mychart" | ...

plotindex Numeric

The index of the plot.

0 | 1 | ...

visible Boolean

Specifies if the plot is visible or hidden.

true | false | 1 | 0

Dispatches when a plot is shown after being hidden.
AttributeTypeInfo
graphid String

The ID of the graph object.

"mygraph" | 0 | 1 | ...

id String

The ID of the zingchart object.

"mychart" | ...

plotindex Numeric

The index of the plot.

0 | 1 | ...

visible Boolean

Specifies if the plot is visible or hidden.

true | false | 1 | 0

Dispatches when the Source Screen is hidden.
AttributeTypeInfo
id String

The ID of the zingchart object.

"mychart" | ...

Dispatches when the source is displayed.
AttributeTypeInfo
id String

The ID of the zingchart object.

"mychart" | ...

Zoom Events
Dispatches when a zoom event occurs.
AttributeTypeInfo
graphid String

The ID of the graph object.

"mygraph" | 0 | 1 | ...

id String

The ID of the zingchart object.

"mychart" | ...

kmax Numeric

Specifies the key scale value corresponding to the end position on x axis.

5 | 10 | ...

kmin Numeric

Specifies the key scale value corresponding to the start position on x axis.

5 | 10 | ...

xmax Numeric

Specifies the end position on x axis.

5 | 10 | ...

xmin Numeric

Specifies the start position on x axis.

5 | 10 | ...

ymax Numeric

Specifies the end position on y axis.

5 | 10 | ...

ymin Numeric

Specifies the start position on y axis.

5 | 10 | ...

zoomx Boolean

Specifies if the zoom was performed on x axis.

true | false | 1 | 0

zoomy Boolean

Specifies if the zoom was performed on y axis.

true | false | 1 | 0

ZingChart Builder

Looking for the Builder?
It's still here!

Things are changing in 2014! Sign up to be the first to know.

 
Next » « Prev
JSON Javascript

                
Next » « Prev
Chart View Code View

If you like this chart, try these options:

Edit This Chart Share This Chart Try ZingChart for FREE!
JS JSON