render()

in packages/showcase/plot/mixed-stacked-chart.js [38:80]

• 43 lines of code
• 3 McCabe index (conditional complexity)

  render() {
    const {useCanvas} = this.state;
    const BarSeries = useCanvas ? VerticalBarSeriesCanvas : VerticalBarSeries;
    const content = useCanvas ? 'TOGGLE TO SVG' : 'TOGGLE TO CANVAS';
    return (
      <div>
        <ShowcaseButton
          onClick={() => this.setState({useCanvas: !useCanvas})}
          buttonContent={content}
        />
        <XYPlot width={300} height={300} stackBy="y">
          <VerticalGridLines />
          <HorizontalGridLines />
          <XAxis />
          <YAxis />
          <BarSeries
            data={[
              {x: 2, y: 10},
              {x: 4, y: 5},
              {x: 5, y: 15}
            ]}
            stack
          />
          <BarSeries
            data={[
              {x: 2, y: 12},
              {x: 4, y: 2},
              {x: 5, y: 11}
            ]}
            stack
          />
          <LineSeries
            className="fourth-series"
            data={[
              {x: 2, y: 26},
              {x: 4, y: 8},
              {x: 5, y: 30}
            ]}
          />
        </XYPlot>
      </div>
    );
  }