EJSC.Chart Property Examples

Events Demonstrated

Desired Result

Default Chart Settings

Source Code

    Rendering Source Code...

Events Demonstrated

  • onBeforeDraw
  • onAfterDraw

Desired Result

This chart will display "Drawing Chart ..." in the title when it starts drawing, and "Finshed Drawing" when it is completed drawing.

Source Code

    Rendering Source Code...

Events Demonstrated

  • onBeforeZoom
  • onAfterZoom

Desired Result

These buttons will alert the old X-Axis min and max, and the new X-Axis min and max when zooming.

Source Code

    Rendering Source Code...

Events Demonstrated

  • onBeforeMove
  • onAfterMove

Desired Result

These buttons will alert the old X-Axis min and max, and the new X-Axis min and max when dragging the chart (after zooming).

Source Code

    Rendering Source Code...

Events Demonstrated

  • onBeforeSelectPoint
  • onAfterSelectPoint
  • onBeforeUnselectPoint
  • onAfterUnselectPoint
  • onShowHint

Desired Result

This chart will show a custom hint when a point is selected, and use onShowHint to cancel showing the normal hint box.

Source Code

    Rendering Source Code...

Events Demonstrated

  • onBeforeDblClick

Desired Result

This chart will not allow for double-clicking to zoom out.

Source Code

    Rendering Source Code...

Events Demonstrated

  • onDblClickPoint
  • onBeforeBuild
  • onAfterBuild

Desired Result

This chart will alert the point's X and Y values when double-clicking on a point.

Source Code

    Rendering Source Code...

Events Demonstrated

  • onShowMessage
  • onUserBeginZoom
  • onUserEndZoom

Desired Result

This chart will use onShowMessage to cancel all messages. Also, when zooming, the chart title will change to the start coordinates or end coordinates of zoom box.

Source Code

    Rendering Source Code...