KavaChart ProServe

This example implements a DataProvider within the JSP. A DataProvider is the glue between your data and the charts. In this example, we're getting our data from the form below the chart. See our other examples to see data from a variety of public sources.

Like the previous example, we use an externally-defined style that simplifies the chart definition, and makes it easy to maintain this page in the future. In this case, the style, "pie.properties", is quite simple, defining only the size of the chart and some colors, and turning the legend on. You can see the style here.

This chart also uses JavaScript tooltips for a more active appearance. As you pass your mouse over each slice, a label is displayed describing the slice in more detail. The tooltip contents are controlled by a property "dwellLabelTemplate".

Adjust the values in the form and press the redraw button to see the data applied. Look at the source code to see how the chart definition fits within the table like any other HTML item.