series-1
series-2
series-3
series-4
+ ADD
- REMOVE
RANDOMIZE
RESET
<div> <div class="chart-wrap"> <div id="chart"> <ReactApexChart options={this.state.options} series={this.state.series} type="donut" width={380} /> </div> </div> <div class="actions"> <button onClick={() => this.appendData()} > + ADD </button> <button onClick={() => this.removeData()} > - REMOVE </button> <button onClick={() => this.randomize()} > RANDOMIZE </button> <button onClick={() => this.reset()} > RESET </button> </div> </div>