.align(0.1); let y = d3Scale.scaleLinear().range([height / 2, 0]); let z = d3Scale.scaleOrdinal().range(keys.map(randomColor)); x.domain(stackData.map(d => d.index)); y.domain([0, d3Array.max(stackData, d => d.total)]).nice(); z.domain(keys); return ( <G key={i}> {seriesItem.map((d, j) => { return ( <Rect
const keys = columns.slice(1); const data = stateData.map((d) => { let total = 0; for (let ii = 1; ii < columns.length; ++ii) { .domain(data.map((d) => d.State)) .rangeRound([0, innerWidth]) .paddingInner(0.05) </text> </Axis> {stackedData.map((d) => ( <g fill={z(d.key)} key={d.key}> {d.map((s) => ( <Bar height={y(s[0]) - y(s[1])} </g> ))} {keys.slice().reverse().map((key, i) => ( <g className="legend"
.align(0.1); let y = d3Scale.scaleLinear().range([height / 2, 0]); let z = d3Scale.scaleOrdinal().range(keys.map(randomColor)); x.domain(stackData.map(d => d.index)); y.domain([0, d3Array.max(stackData, d => d.total)]).nice(); z.domain(keys); return ( <G key={i}> {seriesItem.map((d, j) => { return ( <Rect