Skip to content

Commit f9ebf74

Browse files
jtblinjtblin
committed
chore: persist Advanced Features in charts.template.html
1 parent dea1631 commit f9ebf74

2 files changed

Lines changed: 82 additions & 0 deletions

File tree

‎examples/charts.html‎

Lines changed: 41 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -677,6 +677,47 @@ <h1>Mixed type charts</h1>
677677
</div>
678678
</div>
679679
</section>
680+
<section id="advanced">
681+
<div class="page-header">
682+
<h1>Advanced Features</h1>
683+
<p>Support for plugins and advanced lifecycle management.</p>
684+
</div>
685+
<div class="row" style="display: flex; flex-wrap: wrap;">
686+
<div class="col-lg-6 col-sm-12" ng-controller="PluginsCtrl" style="display: flex;">
687+
<div class="panel panel-default" style="display: flex; flex-direction: column; width: 100%;">
688+
<div class="panel-heading">Plugins Support</div>
689+
<div class="panel-body" style="flex: 1;">
690+
<canvas class="chart chart-line" chart-data="data" chart-labels="labels"
691+
chart-plugins="plugins"></canvas>
692+
</div>
693+
<div class="panel-footer">
694+
Using <code>chart-plugins</code> to draw a watermark.
695+
</div>
696+
</div>
697+
</div>
698+
<div class="col-lg-6 col-sm-12" ng-controller="NoDataCtrl" style="display: flex;">
699+
<div class="panel panel-default" style="display: flex; flex-direction: column; width: 100%;">
700+
<div class="panel-heading">Lifecycle Management</div>
701+
<div class="panel-body" style="flex: 1; min-height: 300px;">
702+
<canvas class="chart chart-base" chart-type="type" chart-data="data" chart-labels="labels"
703+
chart-display-when-no-data="displayWhenNoData"
704+
chart-force-update="forceUpdate"
705+
style="border: 1px dashed #ccc;"></canvas>
706+
</div>
707+
<div class="panel-footer">
708+
<button class="btn btn-sm btn-default" ng-click="setData()">Set Data</button>
709+
<button class="btn btn-sm btn-default" ng-click="clearData()">Clear Data</button>
710+
<label style="font-weight: normal;"><input type="checkbox" ng-model="displayWhenNoData"> Display when no data</label>
711+
<select ng-model="type" class="form-control input-sm" style="display: inline-block; width: auto;">
712+
<option value="bar">Bar</option>
713+
<option value="line">Line</option>
714+
<option value="pie">Pie</option>
715+
</select>
716+
</div>
717+
</div>
718+
</div>
719+
</div>
720+
</section>
680721
</div>
681722
<footer class="footer">
682723
<div class="container">

‎examples/charts.template.html‎

Lines changed: 41 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -677,6 +677,47 @@ <h1>Mixed type charts</h1>
677677
</div>
678678
</div>
679679
</section>
680+
<section id="advanced">
681+
<div class="page-header">
682+
<h1>Advanced Features</h1>
683+
<p>Support for plugins and advanced lifecycle management.</p>
684+
</div>
685+
<div class="row" style="display: flex; flex-wrap: wrap;">
686+
<div class="col-lg-6 col-sm-12" ng-controller="PluginsCtrl" style="display: flex;">
687+
<div class="panel panel-default" style="display: flex; flex-direction: column; width: 100%;">
688+
<div class="panel-heading">Plugins Support</div>
689+
<div class="panel-body" style="flex: 1;">
690+
<canvas class="chart chart-line" chart-data="data" chart-labels="labels"
691+
chart-plugins="plugins"></canvas>
692+
</div>
693+
<div class="panel-footer">
694+
Using <code>chart-plugins</code> to draw a watermark.
695+
</div>
696+
</div>
697+
</div>
698+
<div class="col-lg-6 col-sm-12" ng-controller="NoDataCtrl" style="display: flex;">
699+
<div class="panel panel-default" style="display: flex; flex-direction: column; width: 100%;">
700+
<div class="panel-heading">Lifecycle Management</div>
701+
<div class="panel-body" style="flex: 1; min-height: 300px;">
702+
<canvas class="chart chart-base" chart-type="type" chart-data="data" chart-labels="labels"
703+
chart-display-when-no-data="displayWhenNoData"
704+
chart-force-update="forceUpdate"
705+
style="border: 1px dashed #ccc;"></canvas>
706+
</div>
707+
<div class="panel-footer">
708+
<button class="btn btn-sm btn-default" ng-click="setData()">Set Data</button>
709+
<button class="btn btn-sm btn-default" ng-click="clearData()">Clear Data</button>
710+
<label style="font-weight: normal;"><input type="checkbox" ng-model="displayWhenNoData"> Display when no data</label>
711+
<select ng-model="type" class="form-control input-sm" style="display: inline-block; width: auto;">
712+
<option value="bar">Bar</option>
713+
<option value="line">Line</option>
714+
<option value="pie">Pie</option>
715+
</select>
716+
</div>
717+
</div>
718+
</div>
719+
</div>
720+
</section>
680721
</div>
681722
<footer class="footer">
682723
<div class="container">

0 commit comments

Comments
 (0)