<div id="sparklines"> <div className="row"> <div className="col-md-4"> <div id="spark1"> <ReactApexChart options={this.state.chartOptionsTopSpark1} series={this.state.seriesTopSpark1} type="area" height="160" /> </div> </div> <div className="col-md-4"> <div id="spark2"> <ReactApexChart options={this.state.chartOptionsTopSpark2} series={this.state.seriesTopSpark2} type="area" height="160" /> </div> </div> <div className="col-md-4"> <div id="spark3"> <ReactApexChart options={this.state.chartOptionsTopSpark3} series={this.state.seriesTopSpark3} type="area" height="160" /> </div> </div> </div> <div className="row"> <table> <thead> <th>Total Value</th> <th>Percentage of Portfolio</th> <th>Last 10 days</th> <th>Volume</th> </thead> <tbody> <tr> <td>$32,554</td> <td>15%</td> <td> <div id="chart1"> <ReactApexChart options={this.state.chartOptionsSparkLine} series={this.state.seriesSpark1} type="line" height="35" width="100" /> </div> </td> <td> <div id="chart5"> <ReactApexChart options={this.state.chartOptionsSparkLine} series={this.state.seriesSpark1} type="bar" height="35" width="100" /> </div> </td> </tr> <tr> <td>$23,533</td> <td>7%</td> <td> <div id="chart2"> <ReactApexChart options={this.state.chartOptionsSparkLine} series={this.state.seriesSpark2} type="line" height="35" width="100" /> </div> </td> <td> <div id="chart6"> <ReactApexChart options={this.state.chartOptionsSparkLine} series={this.state.seriesSpark2} type="bar" height="35" width="100" /> </div> </td> </tr> <tr> <td>$54,276</td> <td>9%</td> <td> <div id="chart3"> <ReactApexChart options={this.state.chartOptionsSparkLine} series={this.state.seriesSpark3} type="line" height="35" width="100" /> </div> </td> <td> <div id="chart7"> <ReactApexChart options={this.state.chartOptionsSparkLine} series={this.state.seriesSpark3} type="bar" height="35" width="100" /> </div> </td> </tr> <tr> <td>$11,533</td> <td>2%</td> <td> <div id="chart4"> <ReactApexChart options={this.state.chartOptionsSparkLine} series={this.state.seriesSpark4} type="line" height="35" width="100" /> </div> </td> <td> <div id="chart8"> <ReactApexChart options={this.state.chartOptionsSparkLine} series={this.state.seriesSpark3} type="bar" height="35" width="100" /> </div> </td> </tr> </tbody> </table> </div> </div>