templates/nvd3_chart/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block body %}
  5.                             <!-- PAGE-HEADER -->
  6.                             <div class="page-header">
  7.                                 <div>
  8.                                     <h1 class="page-title">Chart Nvd3</h1>
  9.                                 </div>
  10.                                 <div class="ms-auto pageheader-btn">
  11.                                     <ol class="breadcrumb">
  12.                                         <li class="breadcrumb-item"><a href="javascript:void(0);">Charts</a></li>
  13.                                         <li class="breadcrumb-item active" aria-current="page">Nvd3 Charts</li>
  14.                                     </ol>
  15.                                 </div>
  16.                             </div>
  17.                             <!-- PAGE-HEADER END -->
  19.                             <!-- ROW-1 OPEN -->
  20.                             <div class="row">
  21.                                 <div class="col-lg-12 col-md-12">
  22.                                     <div class="card">
  23.                                         <div class="card-header border-bottom">
  24.                                             <h3 class="card-title">Bar Chart With Multiple colors</h3>
  25.                                         </div>
  26.                                         <div class="card-body">
  27.                                             <div id="nvd3-chart1" class="h-400"> <svg></svg></div>
  28.                                         </div>
  29.                                     </div>
  30.                                 </div>
  31.                                 <div class="col-lg-12 col-md-12">
  32.                                     <div class="card">
  33.                                         <div class="card-header border-bottom">
  34.                                             <h3 class="card-title">Bar Chart</h3>
  35.                                         </div>
  36.                                         <div class="card-body">
  37.                                             <svg id="nvd3-chart2" class="h-400"></svg>
  38.                                         </div>
  39.                                     </div>
  40.                                 </div>
  41.                                 <div class="col-lg-12 col-md-12">
  42.                                     <div class="card">
  43.                                         <div class="card-header border-bottom">
  44.                                             <h3 class="card-title">Line Chart With Zooming Options</h3>
  45.                                         </div>
  46.                                         <div class="card-body">
  47.                                             <div id="chartZoom">
  48.                                                 <a class="btn btn-outline-secondary btn-sm" id="zoomIn">+</a> <a  class="btn btn-outline-secondary btn-sm" id="zoomOut">-</a>
  49.                                             </div>
  50.                                             <div id="nvd3-chart3" class="with-transitions h-400"><svg></svg></div>
  51.                                         </div>
  52.                                     </div>
  53.                                 </div>
  54.                             </div>
  55.                             <!-- ROW-1 CLOSED -->
  57. {% endblock %}
  59. {% block javascripts %}
  60.    {{parent()}}
  61.         <!-- NVD3-CHARTS JS -->
  62.         <script src="{{absolute_url(asset('build/plugins/charts-nvd3/d3.min.js'))}}"></script>
  63.         <script src="{{absolute_url(asset('build/plugins/charts-nvd3/nv.d3.js'))}}"></script>
  64.         <script src="{{absolute_url(asset('build/plugins/charts-nvd3/stream_layers.js'))}}"></script>
  65.         {{ encore_entry_script_tags('js/nvd3') }}
  66. {% endblock %}