| Total Value | Percentage of Portfolio | Last 10 days | Volume | 
            | $32,554 | 15% |  |  | 
          
            | $23,533 | 7% |  |  | 
          
            | $54,276 | 9% |  |  | 
          
            | $11,533 | 2% |  |  | 
        
      
     
   
  
  
    <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>