render()

in packages/showcase/plot/contour-series-example.js [46:79]


  render() {
    const {data} = this.state;
    return (
      <div>
        <XYPlot
          xDomain={[40, 100]}
          yDomain={[1.5, 8]}
          width={600}
          getX={d => d.waiting}
          getY={d => d.eruptions}
          height={300}
        >
          <ContourSeries
            animation
            className="contour-series-example"
            style={{
              stroke: '#125C77',
              strokeLinejoin: 'round'
            }}
            colorRange={['#79C7E3', '#FF9833']}
            data={data}
          />
          <MarkSeriesCanvas animation data={data} size={1} color={'#125C77'} />
          <Borders style={{all: {fill: '#fff'}}} />
          <XAxis />
          <YAxis />
        </XYPlot>
        <ShowcaseButton
          onClick={() => this.setState({data: updateData()})}
          buttonContent={'UPDATE'}
        />
      </div>
    );
  }