react-d3-zoom
Advanced tools
Comparing version 0.5.4 to 0.6.0
{ | ||
"name": "react-d3-zoom", | ||
"version": "0.5.4", | ||
"version": "0.6.0", | ||
"description": "react-d3 zoom implementation", | ||
@@ -43,6 +43,6 @@ "main": "./lib/index.js", | ||
"d3": "^3.5.6", | ||
"react-d3-basic": "^0.11.4", | ||
"react-d3-core": "^0.8.2", | ||
"react-d3-basic": "^0.12.0", | ||
"react-d3-core": "^0.9.0", | ||
"react-dom": "^0.14.1" | ||
} | ||
} |
@@ -7,2 +7,44 @@ # react-d3-zoom | ||
## Quick example | ||
- Line Chart | ||
```js | ||
"use strict"; | ||
var React = require('react'); | ||
var ReactDOM = require('react-dom'); | ||
var LineZoom = require('react-d3-zoom').LineZoom; | ||
(function() { | ||
var generalChartData = require('json!./data/user.json'); | ||
var chartSeries = [ | ||
{ | ||
field: 'age', | ||
name: 'Age', | ||
color: '#ff7f0e' | ||
} | ||
], | ||
x = function(d) { | ||
return d.index; | ||
}; | ||
ReactDOM.render( | ||
<LineZoom | ||
width= {600} | ||
height= {400} | ||
data= {generalChartData} | ||
chartSeries= {chartSeries} | ||
x= {x} | ||
zoomX={false} | ||
zoomY={true} | ||
/> | ||
, document.getElementById('data_zoom_line') | ||
) | ||
})() | ||
``` | ||
## Install | ||
@@ -9,0 +51,0 @@ |
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
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
57911
75
+ Addedreact-d3-basic@0.12.0(transitive)
+ Addedreact-d3-core@0.9.0(transitive)
- Removedreact-d3-basic@0.11.4(transitive)
- Removedreact-d3-core@0.8.2(transitive)
Updatedreact-d3-basic@^0.12.0
Updatedreact-d3-core@^0.9.0