react-highcharts
Advanced tools
Comparing version 5.0.0 to 5.0.2
@@ -144,3 +144,3 @@ (function webpackUniversalModuleDefinition(root, factory) { | ||
if (Highcharts && !Highcharts.Map) { | ||
throw Error(''); | ||
throw Error('ReactHighmaps requires highmaps to be loaded'); | ||
} | ||
@@ -147,0 +147,0 @@ var chartFactory = __webpack_require__(4); |
@@ -145,2 +145,5 @@ (function webpackUniversalModuleDefinition(root, factory) { | ||
if (Highcharts && !Highcharts.StockChart) { | ||
throw Error('ReactHighstock requires highstock to be loaded'); | ||
} | ||
var chartFactory = __webpack_require__(4); | ||
@@ -147,0 +150,0 @@ module.exports = chartFactory(Highcharts, 'StockChart'); |
{ | ||
"name": "react-highcharts", | ||
"version": "5.0.0", | ||
"version": "5.0.2", | ||
"description": "React wrapper for highcharts", | ||
@@ -9,5 +9,9 @@ "main": "dist/highcharts.js", | ||
"demo": "cd demo && webpack && sh generate-contents.sh && ../node_modules/.bin/webpack-dev-server --content-base dist/", | ||
"prepublish": "webpack", | ||
"prepublish": "webpack && npm run copy-bundles", | ||
"copy-bundles": "sh ./src/copy-bundles.sh", | ||
"deploy-demo": "./demo/deploy.sh", | ||
"generate-modules": "(cd src; sh ./generate-modules.sh)" | ||
"generate-modules": "(cd src; sh ./generate-modules.sh)", | ||
"preversion": "npm test", | ||
"version": "npm run prepublish", | ||
"postversion": "git push && git push --tags" | ||
}, | ||
@@ -42,2 +46,3 @@ "author": "Kirill Cherkashin", | ||
"react": "~0.14", | ||
"react-addons-test-utils": "^0.14.0", | ||
"react-dom": "~0.14", | ||
@@ -44,0 +49,0 @@ "react-highlight": "^0.4.1", |
@@ -41,3 +41,3 @@ react-highcharts | ||
var React = require('react'); | ||
var Highcharts = require('react-highcharts'); // Expects that Highcharts was loaded in the code. | ||
var ReactHighcharts = require('react-highcharts'); // Expects that Highcharts was loaded in the code. | ||
@@ -47,3 +47,3 @@ var config = { | ||
}; | ||
React.render(<Highcharts config = {config}></Highcharts>, document.body); | ||
React.render(<ReactHighcharts config = {config}></ReactHighcharts>, document.body); | ||
``` | ||
@@ -54,3 +54,3 @@ | ||
var React = require('react'); | ||
var Highcharts = require('react-highcharts/dist/bundle/highcharts'); // Highcharts is bundled | ||
var ReactHighcharts = require('react-highcharts/bundle/highcharts'); // Highcharts is bundled | ||
@@ -60,7 +60,7 @@ var config = { | ||
}; | ||
React.render(<Highcharts config = {config}></Highcharts>, document.body); | ||
React.render(<ReactHighcharts config = {config}></ReactHighcharts>, document.body); | ||
``` | ||
#### Accessing Highcharts API After Render | ||
For access to methods & properties from the Highcharts library you can use `Highcharts.Highcharts`. For example, the Highcharts options are available via `Highcharts.Highcharts.getOptions()`. | ||
For access to methods & properties from the Highcharts library you can use `ReactHighcharts.Highcharts`. For example, the Highcharts options are available via `ReactHighcharts.Highcharts.getOptions()`. | ||
@@ -77,3 +77,3 @@ Highcharts provides an API for manipulating a chart after the initial render. See the **Methods and Properties** in [the documentation](http://api.highcharts.com/highcharts). Here's how you access it: | ||
render() { | ||
return <Highcharts config={config} ref="chart"></Highcharts>; | ||
return <ReactHighcharts config={config} ref="chart"></ReactHighcharts>; | ||
} | ||
@@ -84,7 +84,7 @@ } | ||
#### Limiting Highchart Rerenders | ||
Rerendering a highcharts graph is expensive. You can pass in a `isPureConfig` option to the `Highcharts` component, which will keep the highcharts graph from being updated so long as the provided `config` is [referentially equal](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Comparison_Operators) to its previous value. | ||
Rerendering a highcharts graph is expensive. You can pass in a `isPureConfig` option to the `ReactHighcharts` component, which will keep the highcharts graph from being updated so long as the provided `config` is [referentially equal](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Comparison_Operators) to its previous value. | ||
## Using highmaps | ||
Require Highmaps first, and then `require('react-highcharts/highmaps');` | ||
Or use bundled version: `require('react-highcharts/dist/bundle/highmaps');` | ||
Or use bundled version: `require('react-highcharts/bundle/highmaps');` | ||
* see [the demo](http://kirjs.github.io/react-highcharts/highmaps.html) | ||
@@ -94,3 +94,3 @@ | ||
Require Highstock first, and then `require('react-highcharts/highstock');` | ||
Or use bundled version: `require('react-highcharts/dist/bundle/highstock');` | ||
Or use bundled version: `require('react-highcharts/bundle/highstock');` | ||
* see [the demo](http://kirjs.github.io/react-highcharts/highstock.html) | ||
@@ -97,0 +97,0 @@ |
if( Highcharts && !Highcharts.Map){ | ||
throw Error(''); | ||
throw Error('ReactHighmaps requires highmaps to be loaded'); | ||
} | ||
var chartFactory = require('./chartsFactory.jsx'); | ||
module.exports = chartFactory(Highcharts, 'Map'); |
@@ -0,2 +1,5 @@ | ||
if( Highcharts && !Highcharts.StockChart){ | ||
throw Error('ReactHighstock requires highstock to be loaded'); | ||
} | ||
var chartFactory = require('./chartsFactory.jsx'); | ||
module.exports = chartFactory(Highcharts, 'StockChart'); |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is too big to display
Dynamic require
Supply chain riskDynamic require can indicate the package is performing dangerous or unsafe dynamic code execution.
Found 1 instance in 1 package
4865026
57
148741
15
3