Data defined in a HTML table

author(s): Torstein Hønsi

by Ryan Brackett

HTML

<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/modules/data.js"></script>
<script src="https://code.highcharts.com/modules/exporting.js"></script>
<script src="https://code.highcharts.com/modules/accessibility.js"></script>


    <div id="container-3"></div>
    

   <table id="datatable3">
       <thead>
    <tr>
      <th></th>
      <th>Cases</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th>Male</th>
      <td>47.3</td>
    </tr>
    <tr>
      <th>Female</th>
      <td>52.7</td>
    </tr>
  </tbody>
	</table>

JavaScript

Highcharts.chart('container-3', {
    data: {
        table: 'datatable3'
    },
    chart: {
        type: 'pie'
    }
});