The Highcharts helper plugin provides support for the Highcharts library. This plugin is best suited for use on mobile devices. For detailed information about Highcharts, see http://www.highcharts.com/
Adding Highcharts to the Page Class
Adding Required Highcharts Files
Highcharts also requires the jQuery 2.0.3 library. The following file must be in /csp/broker
Add the following filename strings to the JSINCLUDES
parameter of your page class. Caché assumes that /csp/broker
is the root directory for all relative paths:
Bear in mind that files are loaded in the order that they are listed in the parameters. In this case, the jQuery library must be listed first because the Highcharts library depends on it.
Registering the Highcharts Helper Plugin
Other Options and Requirements
Support for Highcharts version 4.0.1
Using Highcharts in a Template Class
Highcharts Layout Objects
Custom Highcharts Layout Object Methods
The following method is available within all appropriate layout objects:
Re-renders the HTML for the layout object.
Highcharts Helper Plugin Methods
Direct Access to the Highcharts Library
This plugin does not provide direct access to Highcharts library functions.
Highcharts Helper Layout Objects
Implementing onselect() for Highcharts Events
When a chart layout object is clicked, the plugin passes the following arguments to onselect()
The chart is driven by the value
data object. The default value
argument passed to onselect()
varies according to where the layout object was clicked:
The Highcharts code in the Widget Reference
contains working examples of these event overrides.
Using Highcharts Plugin Sample Code
The Widget Reference
offers interactive widget samples for the Highcharts helper. The reference includes working examples, detailed descriptions, and source code that you can cut and paste into your own applications.