JavaScript

This is just to show that we can hook JavaScript handlers into VML graphics rather easily. The first example highlights the bars as the mouse passes over them, and when a bar is clicked it accumulates the total value into the heading. The second example shows how you might allow a user to change data and heading colours or fonts.

Handling chart events

Changing the chart look and feel

This example simply adds some buttons to change the colours of the bars (and update the key to match) and switch the font of the axis labels. VML makes this very simple to program, as all the text elements are available as normal CSS2-positioned objects.

Clearly, you could change the wording also, but the layout of the chart will rapidly break apart if the text is significantly different from the original values.

This chart created with GraPL; to build it automatically from a script or server use GraPL.NET.