1. Collections Component Guide
  2. Govspeak content
  3. Chart with multiple headings
Govspeak content example

Chart with multiple headings

How it looks (preview)

Multiple Table
Some DataYESNOMAYBE
Testing One5611
Testing Two628
Testing Three3912

How to call this example

<%= render "govuk_publishing_components/components/govspeak", {
} do %>
  <table id="multiple-table-chart" class="js-barchart-table mc-multiple">
  <caption>Multiple Table</caption>
  <thead>
    <tr><th>Some Data</th><th>YES</th><th>NO</th><th>MAYBE</th></tr>
  </thead>
  <tbody>
    <tr><th>Testing One</th><td>5</td><td>6</td><td>11</td></tr>
    <tr><th>Testing Two</th><td>6</td><td>2</td><td>8</td></tr>
    <tr><th>Testing Three</th><td>3</td><td>9</td><td>12</td></tr>
  </tbody>
</table>
<% end %>