Skip to content

D
DHAS
Switch branch/tag
Find file
Normal viewHistoryPermalink
tabs.html 1.01 KB
Newer Older
UPGIT5
e6b65c58
 
Thitichaipun Wutthisak committed
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 
<!DOCTYPE html>
<html>
<head lang="en">
  <meta charset="UTF-8">
  <title>Charts in tabs</title>
  <link href="../node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
</head>
<body ng-app="examples">
<br/>
<div id="container" class="container">
  <div class="row" ng-controller="TabsCtrl">
    <tabset>
      <tab heading="First tab" active="active">
        <div class="panel-body">
          <canvas class="chart chart-line" chart-data="data" chart-labels="labels"></canvas>
        </div>
      </tab>
      <tab heading="Second tab">
        <div class="panel-body">
          <canvas class="chart chart-bar" chart-data="data" chart-labels="labels"></canvas>
        </div>
      </tab>
    </tabset>
  </div>
</div>

<script src="../node_modules/angular/angular.js"></script>
<script src="../node_modules/angular-bootstrap/ui-bootstrap-tpls.min.js"></script>
<script src="../node_modules/chart.js/dist/Chart.min.js"></script>
<script src="../angular-chart.js"></script>
<script src="app.js"></script>
</body>
</html>