isabella232 / highcharts-meteor

Meteor wrapper for Highcharts

Official Meteor wrapper for Highcharts, Highstock and Highmaps libraries.

This package will not work with Meteor 1.3+.

To use Highcharts in Meteor 1.3+, install package from npm:

> meteor npm install --save highcharts

Now, include Highcharts in your project:

var Highcharts = require('highcharts');

More details you can find in the official documentation.

Installation

To install wrapper, simply run:

> meteor add highcharts:highcharts-meteor

Configuration

By default only Highcharts library, without any extra modules, is loaded. In client folder, open config.highcharts.json file and setup options. For example:

{
	"version": "4.2.1",		 	// Choose version of Highcharts/Highstock/Highmaps.
	"base": "highcharts.js",	// Choose base, can be "highcharts.js", "highstock.js" or "highmaps.js"
	"adapter": "default",		// Choose adapter, e.g. "jquery" or "standalone-framework.js".
	"modules": [				// Choose modules to be installed altogether with main library.
		"highcharts-3d.src.js",
		"modules/exporting.js",
		"modules/heatmap.js",
		"modules/drilldown.js",
		"themes/gray.js"
	]
}

Since wrapper is based on NPM package from Highcharts, you can find structure of modules on the github page. Note: NPM package is supported since 4.1.10.

Since Highcharts version 4.2.0, Highcharts will come with built-in adapter. That means adapter is not necessary to be set anymore.

Usage

That's all, you have access on the client side to Highcharts namespace. You can create charts in a standard way, as always. You can find examples in this article.

Debugging

You can load source files, instead of minified for debugging. Simply change .js to .src.js in the config file, for example:

{
	"version": "4.2.1",
	"base": "highstock.src.js",
	"adapter": "jquery",
	"modules": [
		"highcharts-3d.src.js"
	]
}

JSON samples

• Highcharts version < 4.2.1

{
	"version": "4.2.0",
	"base": "js/highcharts.js",
	"adapter": "default",
	"modules": [
		"js/highcharts-3d.src.js",
		"js/modules/exporting.js",
		"js/modules/heatmap.js",
		"js/modules/drilldown.js",
		"js/themes/gray.js"
	]
}

• Highcharts version >= 4.2.1

{
	"version": "4.2.1",
	"base": "highcharts.js",
	"adapter": "default",
	"modules": [
		"highcharts-3d.src.js",
		"modules/exporting.js",
		"modules/heatmap.js",
		"modules/drilldown.js",
		"themes/gray.js"
	]
}