Official Meteor wrapper for Highcharts, Highstock and Highmaps libraries.
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.
To install wrapper, simply run:
> meteor add highcharts:highcharts-meteor
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.
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.
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"
]
}
- 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"
]
}