<div id="app"> <div class="row"> <div class="col-md-4"> <div id="spark1"> <apexchart type=area height=160 :options="chartOptionsTopSpark1" :series="seriesTopSpark1" /> </div> </div> <div class="col-md-4"> <div id="spark2"> <apexchart type=area height=160 :options="chartOptionsTopSpark2" :series="seriesTopSpark2" /> </div> </div> <div class="col-md-4"> <div id="spark3"> <apexchart type=area height=160 :options="chartOptionsTopSpark3" :series="seriesTopSpark3" /> </div> </div> </div> <div class="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"> <apexchart type=line height=35 width="100" :options="chartOptionsSparkLine" :series="seriesSpark1" /> </div> </td> <td> <div id="chart5"> <apexchart type=bar height=35 width="100" :options="chartOptionsSparkLine" :series="seriesSpark1" /> </div> </td> </tr> <tr> <td>$23,533</td> <td>7%</td> <td> <div id="chart2"> <apexchart type=line height=35 width="100" :options="chartOptionsSparkLine" :series="seriesSpark2" /> </div> </td> <td> <div id="chart6"> <apexchart type=bar height=35 width="100" :options="chartOptionsSparkLine" :series="seriesSpark2" /> </div> </td> </tr> <tr> <td>$54,276</td> <td>9%</td> <td> <div id="chart3"> <apexchart type=line height=35 width="100" :options="chartOptionsSparkLine" :series="seriesSpark3" /> </div> </td> <td> <div id="chart7"> <apexchart type=bar height=35 width="100" :options="chartOptionsSparkLine" :series="seriesSpark3" /> </div> </td> </tr> <tr> <td>$11,533</td> <td>2%</td> <td> <div id="chart4"> <apexchart type=line height=35 width="100" :options="chartOptionsSparkLine" :series="seriesSpark4" /> </div> </td> <td> <div id="chart8"> <apexchart type=bar height=35 width="100" :options="chartOptionsSparkLine" :series="seriesSpark4" /> </div> </td> </tr> </tbody> </table> </div> </div>