JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.26/angular.min.js"></script>
<link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<script src="https://angular-ui.github.io/bootstrap/ui-bootstrap-tpls-0.11.0.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/1.0.2/Chart.min.js"></script>
<link rel="stylesheet" href="https://jtblin.github.io/angular-chart.js/dist/angular-chart.css">
<script src="https://jtblin.github.io/angular-chart.js/dist/angular-chart.js"></script>
<body ng-app="ui.bootstrap.demo">
    <div ng-controller="TabsDemoCtrl">
      
      <tabset>
        <tab heading="Tab 1">
            <!-- OK -->
            <canvas class="chart chart-pie" data="[140, 160]" labels="['d1', 'd2']" legend="true"></canvas>
        </tab>
        <tab heading="Tab 2">
            <!-- Does not render -->
           <canvas class="chart chart-pie" data="[140, 160]" labels="['d1', 'd2']" legend="true"></canvas>
        </tab>
      </tabset>
    
    
    </div>
</body>

JavaScript

angular.module('ui.bootstrap.demo', ['ui.bootstrap', 'chart.js']);

angular.module('ui.bootstrap.demo').controller('TabsDemoCtrl', function ($scope) {
 
    
    
});