ngx-admin/src/app/pages/charts/components/chartistJs/chartistJs.html

<section class="chartist">
  <div class="row">
    <div class="col-md-6 ">
      <ba-card title="Lines" baCardClass="with-scroll">
        <h5>Simple line chart</h5>
        <div id="line-chart" class="ct-chart"></div>
        <h5>Line chart with area</h5>
        <div id="area-chart" class="ct-chart"></div>
        <h5>Bi-polar line chart with area only</h5>
        <div id="bi-chart" class="ct-chart"></div>
      </ba-card>
    </div>

    <div class="col-md-6 ">
      <ba-card title="Bars" baCardClass="with-scroll">
        <h5>Simple bar chart</h5>
        <div id="simple-bar" class="ct-chart"></div>
        <h5>Multi-line labels bar chart</h5>
        <div id="multi-bar" class="ct-chart"></div>
        <h5>Stacked bar chart</h5>
        <div id="stacked-bar" class="ct-chart stacked-bar"></div>
      </ba-card>
    </div>
  </div>

  <div class="row">
    <div class="col-md-12">
      <ba-card title="Pies & Donuts" baCardClass="with-scroll">
        <div class="row">
          <div class="col-md-12 col-lg-4"><h5>Simple Pie</h5>
            <div id="simple-pie" class="ct-chart"></div>
          </div>
          <div class="col-md-12 col-lg-4"><h5>Pie with labels</h5>
            <div id="label-pie" class="ct-chart"></div>
          </div>
          <div class="col-md-12 col-lg-4"><h5>Donut</h5>
            <div id="donut" class="ct-chart"></div>
          </div>
        </div>
      </ba-card>
    </div>
  </div>
</section>