Overview

The best way to get an overview is to look at the examples.

Class list

User classes are accessed directy. Internal classes are only accessed indirectly, as a child members of a user class.

User classes:

Cartesian - creates a Cartesian (xy), time-series chart of any type

- creates a Cartesian (xy), time-series chart of any type

Radial - creates a radial chart, e.g. pie chart

- creates a radial chart, e.g. pie chart

HorizontalBar - creates a horizontal bar chart

- creates a horizontal bar chart

Legend - draws a chart legend with color/label key

- draws a chart legend with color/label key Internal classes:

Plot - plot handler, including title, legends, and SVG for all charts

- plot handler, including title, legends, and SVG for all charts

Axes



Axis - axis handler for all charts

- axis handler for all charts

Data - a common data input handler for Cartesian charts

- a common data input handler for Cartesian charts

Lines - line handler for Cartesian charts

- line handler for Cartesian charts

Areas - shaded area handler for Cartesian charts

- shaded area handler for Cartesian charts

Points - point handler, including tooltips for Cartesian charts

- point handler, including tooltips for Cartesian charts

Bars - bar handler for Cartesian charts

Chart topology

Legends, titles, and labels (except axis tick labels) are rendered as HTML elements, not SVG elements. This is primarily because HTML elements handle text overflow better. The chart topology, with CSS class names, is shown below:

.pk-chart .pk-plot .pk-yLabelContainer .pk-yLabel .pk-mainContainer .pk-title



.pk-svgContainer svg



.pk-xLabel