render()

in packages/showcase/plot/difference-chart.js [54:78]

• 25 lines of code
• 4 McCabe index (conditional complexity)

  render() {
    const {useCanvas} = this.state;
    const content = useCanvas ? 'TOGGLE TO SVG' : 'TOGGLE TO CANVAS';
    const BarSeries = useCanvas ? VerticalBarSeriesCanvas : VerticalBarSeries;
    return (
      <div>
        <ShowcaseButton
          onClick={() => this.setState({useCanvas: !useCanvas})}
          buttonContent={content}
        />
        <XYPlot width={300} height={300} yDomain={[yDomain.min, yDomain.max]}>
          <BarSeries
            className="difference-example"
            data={myDATA}
            colorType="literal"
            getColor={d => {
              return d.y0 < 0 ? '#EF5D28' : '#1A3177';
            }}
          />
          <XAxis />
          <YAxis />
        </XYPlot>
      </div>
    );
  }