History

Justin Shreve 8627e89d19 Fix infinite loop from calling setState in D3 componentDidUpdate (https://github.com/woocommerce/woocommerce-admin/pull/179 )		2018-07-09 11:28:33 -04:00
..
test	refactor params to reduce recalculating scales each time + new tests	2018-07-09 15:35:25 +02:00
README.md	adding README from Calypso	2018-06-01 16:35:51 +02:00
index.js	Fix infinite loop from calling setState in D3 componentDidUpdate (https://github.com/woocommerce/woocommerce-admin/pull/179 )	2018-07-09 11:28:33 -04:00
style.scss	refactor params to reduce recalculating scales each time + new tests	2018-07-09 15:35:25 +02:00

README.md

D3 Base Component

Integrate React Lifecyle methods with d3.js charts.

Base Component Responsibilities

Create and manage mounting and unmounting parent div and svg
Handle resize events, resulting re-renders, and event listeners
Handle re-renders as a result of new props

Props

className

{ string } A class to be applied to the parent div

getParams( node )

{ function } A function returning an object containing required properties for drawing a chart. This object is created before re-render, making it an ideal place for calculating scales and other props or user input based properties.

svg { node } The parent div. Useful for calculating available widths

drawChart( svg, params )

{ function } draw the chart

svg { node } Base element
params { Object } Properties created by the getParams function