File: custom-health.hbs

{{!< default}}

<main class="gh-main">
  <div class="gh-outer">
    <div class="gh-inner">
      <article class="gh-canvas">

        <header class="gh-article-header">
          <h5 class="gh-article-title">Bewegung</h5>
            <p>Gelaufene Kilometer pro Tag – aggregiert aus Apple Health.</p>
        </header>

        <section class="gh-content">
          <h5>Wöchentliche Übersicht</h5>
          <div id="weekly-chart" style="height:300px; max-width:100%;"></div>

          <h5>Jahresübersicht</h5>
          <div id="yearly-chart" style="height:300px; max-width:100%;"></div>
        </section>

      </article>
    </div>
  </div>
</main>

<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
<script src="{{asset "js/Charts.js"}}"></script>
<!-- <script src="https://cdn.jsdelivr.net/npm/chart.js@3.9.1/dist/chart.min.js"></script> -->