34 lines
1.0 KiB
HTML
34 lines
1.0 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head lang="en">
|
|
<meta charset="UTF-8">
|
|
<title>Charts in tabs</title>
|
|
<link href="../../examples/bootstrap.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="29-tabs.js"></script>
|
|
</body>
|
|
</html>
|