Product DCM

by lamarant

HTML

<script src="//code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/highcharts-more.js"></script>
<script src="https://code.highcharts.com/modules/drilldown.js"></script>
<script src="//code.highcharts.com/stock/modules/exporting.js"></script>

<div id="container" style="min-width: 310px; height: 400px; margin: 0 auto"></div>
<table id="tblSummary">
<thead>
  <tr>
    <th>Group</th>
    <th class="data">#Tests</th>
    <th class="data">Avg</th>
    <th class="data">Min</th>
    <th class="data">Max</th>
    <th class="data">STDev</th>
  </tr>
</thead>
<tbody></tbody>
<tfoot></tfoot>
</table>

CSS

body { font-family: tahoma; font-size: 12px; }
table { width: 100%; margin-top: 1em; }
th{ border-bottom: solid 1px #ccc; text-align: left; }
th.data,
td.data,
td.data{ text-align: right; width: 50px; }
tfoot td {  border-top: solid 1px #ccc; text-align: left; }

JavaScript

var rawData ={"ID":"15v1.TITL.PRV1","Name":"2015 Titleist Pro V1...