search

react-d3 / react-d3-basic

Basic d3 charts in React.js, only include: line, bar, pie, scatter, area charts.
http://reactd3.org/docs/basic
221 stars 117 forks source link

[PieChart] margins is not defined #32

Closed elhay-av closed 8 years ago

elhay-av commented 8 years ago

PieChart missing implementation of required property "margins"

31 Fix [PieChart] margins is not defined

i try to use PieChart component according your example https://github.com/react-d3/react-d3-basic/blob/master/docs/charts/pie_chart.md

.h2 stack error

Uncaught ReferenceError: margins is not definedrender
pie.js:56ReactCompositeComponentMixin._renderValidatedComponentWithoutOwnerOrContext
ReactCompositeComponent.js:587ReactCompositeComponentMixin._renderValidatedComponent
ReactCompositeComponent.js:607ReactCompositeComponent__renderValidatedComponent
ReactPerf.js:66ReactCompositeComponentMixin.mountComponent
ReactCompositeComponent.js:220ReactCompositeComponent_mountComponent
ReactPerf.js:66ReactReconciler.mountComponent
ReactReconciler.js:37ReactMultiChild.Mixin.mountChildren
ReactMultiChild.js:241ReactDOMComponent.Mixin._createContentMarkup
ReactDOMComponent.js:591ReactDOMComponent.Mixin.mountComponent
ReactDOMComponent.js:479ReactReconciler.mountComponent
ReactReconciler.js:37ReactMultiChild.Mixin.mountChildren
ReactMultiChild.js:241ReactDOMComponent.Mixin._createContentMarkup
ReactDOMComponent.js:591ReactDOMComponent.Mixin.mountComponent
ReactDOMComponent.js:479ReactReconciler.mountComponent
ReactReconciler.js:37ReactCompositeComponentMixin.mountComponent
ReactCompositeComponent.js:225ReactCompositeComponent_mountComponent
ReactPerf.js:66ReactReconciler.mountComponent
ReactReconciler.js:37ReactMultiChild.Mixin.mountChildren
ReactMultiChild.js:241ReactDOMComponent.Mixin._createContentMarkup
ReactDOMComponent.js:591ReactDOMComponent.Mixin.mountComponent
ReactDOMComponent.js:479ReactReconciler.mountComponent
ReactReconciler.js:37ReactCompositeComponentMixin.mountComponent
ReactCompositeComponent.js:225ReactCompositeComponent_mountComponent
ReactPerf.js:66ReactReconciler.mountComponent
ReactReconciler.js:37ReactMultiChild.Mixin.mountChildren
ReactMultiChild.js:241ReactDOMComponent.Mixin._createContentMarkup
ReactDOMComponent.js:591ReactDOMComponent.Mixin.mountComponent
ReactDOMComponent.js:479ReactReconciler.mountComponent
ReactReconciler.js:37ReactMultiChild.Mixin.mountChildren
ReactMultiChild.js:241ReactDOMComponent.Mixin._createContentMarkup
ReactDOMComponent.js:591ReactDOMComponent.Mixin.mountComponent
ReactDOMComponent.js:479ReactReconciler.mountComponent
ReactReconciler.js:37ReactCompositeComponentMixin.mountComponent
ReactCompositeComponent.js:225ReactCompositeComponent_mountComponent
ReactPerf.js:66ReactReconciler.mountComponent
ReactReconciler.js:37ReactCompositeComponentMixin.mountComponent
ReactCompositeComponent.js:225ReactCompositeComponent_mountComponent
ReactPerf.js:66ReactReconciler.mountComponent
ReactReconciler.js:37ReactMultiChild.Mixin.mountChildren
ReactMultiChild.js:241ReactDOMComponent.Mixin._createContentMarkup
ReactDOMComponent.js:591ReactDOMComponent.Mixin.mountComponent
ReactDOMComponent.js:479ReactReconciler.mountComponent
ReactReconciler.js:37ReactMultiChild.Mixin.mountChildren
ReactMultiChild.js:241ReactDOMComponent.Mixin._createContentMarkup
ReactDOMComponent.js:591ReactDOMComponent.Mixin.mountComponent
ReactDOMComponent.js:479ReactReconciler.mountComponent
ReactReconciler.js:37ReactCompositeComponentMixin.mountComponent
ReactCompositeComponent.js:225ReactCompositeComponent_mountComponent
ReactPerf.js:66ReactReconciler.mountComponent
ReactReconciler.js:37ReactCompositeComponentMixin.mountComponent
ReactCompositeComponent.js:225ReactCompositeComponent_mountComponent
ReactPerf.js:66ReactReconciler.mountComponent
ReactReconciler.js:37ReactMultiChild.Mixin.mountChildren
ReactMultiChild.js:241ReactDOMComponent.Mixin._createContentMarkup
ReactDOMComponent.js:591ReactDOMComponent.Mixin.mountComponent
ReactDOMComponent.js:479ReactReconciler.mountComponent
ReactReconciler.js:37ReactMultiChild.Mixin.mountChildren
ReactMultiChild.js:241ReactDOMComponent.Mixin._createContentMarkup
ReactDOMComponent.js:591ReactDOMComponent.Mixin.mountComponent
ReactDOMComponent.js:479ReactReconciler.mountComponent
ReactReconciler.js:37ReactCompositeComponentMixin.mountComponent
ReactCompositeComponent.js:225ReactCompositeComponent_mountComponent
ReactPerf.js:66ReactReconciler.mountComponent
ReactReconciler.js:37ReactCompositeComponentMixin.mountComponent
ReactCompositeComponent.js:225ReactCompositeComponent_mountComponent
ReactPerf.js:66ReactReconciler.mountComponent
ReactReconciler.js:37ReactCompositeComponentMixin.mountComponent
ReactCompositeComponent.js:225ReactCompositeComponent_mountComponent
ReactPerf.js:66ReactReconciler.mountComponent
ReactReconciler.js:37ReactMultiChild.Mixin.mountChildren
ReactMultiChild.js:241ReactDOMComponent.Mixin._createContentMarkup
ReactDOMComponent.js:591ReactDOMComponent.Mixin.mountComponent
ReactDOMComponent.js:479ReactReconciler.mountComponent
ReactReconciler.js:37ReactCompositeComponentMixin.mountComponent
ReactCompositeComponent.js:225ReactCompositeComponent_mountComponent
ReactPerf.js:66ReactReconciler.mountComponent
ReactReconciler.js:37ReactCompositeComponentMixin.mountComponent
ReactCompositeComponent.js:225ReactCompositeComponent_mountComponent
ReactPerf.js:66ReactReconciler.mountComponent
ReactReconciler.js:37ReactCompositeComponentMixin.mountComponent
ReactCompositeComponent.js:225ReactCompositeComponent_mountComponent
ReactPerf.js:66ReactReconciler.mountComponent
ReactReconciler.js:37mountComponentIntoNode
ReactMount.js:266Mixin.perform
Transaction.js:136batchedMountComponentIntoNode
ReactMount.js:282Mixin.perform
Transaction.js:136ReactDefaultBatchingStrategy.batchedUpdates
ReactDefaultBatchingStrategy.js:62batchedUpdates
ReactUpdates.js:94ReactMount._renderNewRootComponent
ReactMount.js:476ReactMount__renderNewRootComponent
ReactPerf.js:66ReactMount._renderSubtreeIntoContainer
ReactMount.js:550ReactMount.render
ReactMount.js:570React_render
ReactPerf.js:66(anonymous function)
main.js:33__webpack_require__
bootstrap 76d6eec…:550fn
bootstrap 76d6eec…:98(anonymous function)
app.76d6eec….js:5__webpack_require__
bootstrap 76d6eec…:550webpackJsonpCallback
bootstrap 76d6eec…:21(anonymous function)
app.76d6eec….js:1
chilijung commented 8 years ago

thanks! try react-d3-basic@1.6.11 I've fixed it