Skip to content

aaronshaf/shaf-chart

Repository files navigation

Installation

<!-- Custom Elements v1 polyfill -->
<script src="https://unpkg.com/@webcomponents/custom-elements@1.0.0-alpha.3"></script>
<script src="https://unpkg.com/chart.js@2.4.0/dist/Chart.min.js"></script>
<script src="https://unpkg.com/shaf-chart@1.1.6/index.js"></script>

Basic usage

<shaf-chart>
  <table>
    <thead>
      <tr>
        <th>Date</th>
        <th>Unique visitors</th>
        <th>Pageviews</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <th>2016-11-18</th>
        <td>31</td>
        <td>51</td>
      </tr>
      <tr>
        <th>2016-11-19</th>
        <td>34</td>
        <td>76</td>
      </tr>
    </tbody>
  </table>
</shaf-chart>

Roadmap

  • Inherit width/height from element attributes
  • show-table attribute

See also

About

Custom element that upgrades table to a chart

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages