react-highcharts
Advanced tools
react-highcharts - npm Package Compare versions
Comparing version 8.1.1 to 8.2.0
| { | ||
| "name": "react-highcharts", | ||
| "version": "8.1.1", | ||
| "version": "8.2.0", | ||
| "description": "React wrapper for highcharts", | ||
@@ -25,4 +25,4 @@ "main": "dist/ReactHighcharts.js", | ||
| "peerDependencies": { | ||
| "react": "~0.14", | ||
| "react-dom": "~0.14" | ||
| "react": "~0.14 || ^15.0.0", | ||
| "react-dom": "~0.14 || ^15.0.0" | ||
| }, | ||
@@ -50,5 +50,5 @@ "bugs": "https://github.com/kirjs/react-highcharts/issues", | ||
| "raw-loader": "^0.5.1", | ||
| "react": "~0.14", | ||
| "react-addons-test-utils": "^0.14.0", | ||
| "react-dom": "~0.14", | ||
| "react": "^15.0.0", | ||
| "react-addons-test-utils": "^15.0.0", | ||
| "react-dom": "^15.0.0", | ||
| "react-highlight": "^0.7.0", | ||
@@ -55,0 +55,0 @@ "webpack": "^1.5.3", |
@@ -9,3 +9,3 @@ react-highcharts | ||
| ## Demos | ||
| [react-highcharts](http://kirjs.github.io/react-highcharts/) | ||
| [react-highcharts](http://kirjs.github.io/react-highcharts/) | ||
| | [react-highcharts/more](http://kirjs.github.io/react-highcharts/more.html) | ||
@@ -20,10 +20,13 @@ | [react-highcharts/highstock](http://kirjs.github.io/react-highcharts/highstock.html) | ||
| 1. run: | ||
| ```bash | ||
| git clone https://github.com/kirjs/react-highcharts.git | ||
| npm install | ||
| cd react-highcharts && npm install | ||
| npm run demo | ||
| ``` | ||
| 2. Point your browser at http://localhost:8080 | ||
| 2. Point your browser at [http://localhost:8080](http://localhost:8080) | ||
| ## Installation | ||
| ```bash | ||
@@ -35,2 +38,3 @@ npm install react-highcharts --save | ||
| #### Webpack/Browserify | ||
| ```bash | ||
@@ -41,9 +45,12 @@ npm install react-highcharts highcharts react --save | ||
| ```jsx | ||
| var React = require('react'); | ||
| var ReactHighcharts = require('react-highcharts'); // Expects that Highcharts was loaded in the code. | ||
| const React = require('react'); | ||
| const ReactDOM = require('react-dom'); | ||
| var config = { | ||
| const ReactHighcharts = require('react-highcharts'); // Expects that Highcharts was loaded in the code. | ||
| const config = { | ||
| /* HighchartsConfig */ | ||
| }; | ||
| React.render(<ReactHighcharts config = {config}></ReactHighcharts>, document.body); | ||
| ReactDOM.render(<ReactHighcharts config = {config}></ReactHighcharts>, document.body); | ||
| ``` | ||
@@ -77,4 +84,5 @@ | ||
| ## Using highmaps | ||
| ```javascript | ||
| var ReactHighmaps = require('react-highcharts/ReactHighmaps'); | ||
| const ReactHighmaps = require('react-highcharts/ReactHighmaps'); | ||
| ``` | ||
@@ -86,9 +94,9 @@ | ||
| ```javascript | ||
| var ReactHighstock = require('react-highcharts/ReactHighstock') | ||
| const ReactHighstock = require('react-highcharts/ReactHighstock') | ||
| ``` | ||
| ## Using highcharts modules/add-ons like exporting, data, etc. | ||
| Use `highcharts-more` npm package. | ||
| Use `highcharts-more` npm package. | ||
| ```javascript | ||
| var ReactHighcharts = require('react-highcharts') | ||
| const ReactHighcharts = require('react-highcharts') | ||
| require('highcharts-more')(ReactHighcharts.Highcharts) | ||
@@ -102,10 +110,13 @@ ``` | ||
| #### Running tests | ||
| Run `npm tests` | ||
| #### Running demo | ||
| Run `npm run demo` | ||
| #### Using with React@0.13 | ||
| #### Using with React@0.13 | ||
| ```bash | ||
| npm install react-highcharts@^3.0.0 --save | ||
| ``` |
New alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Fixed alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Improved metrics
- Total package byte prevSize
3072001
- Number of lines in readme file
- increased by10.48%
116