ONAP-SDK-APP/src/main/webapp/static/fusion/sample/html/pie_chart.html

   1 <!DOCTYPE html>
   2 <html>
   3 <meta http-equiv="content-type" content="text/html; charset=UTF8">
   4 <meta http-equiv="X-UA-Compatible" content="IE=edge" />
   5 <link href="../../d3/css/nv.d3.css" rel="stylesheet" type="text/css">
   6 <style>
   7          body {
   8         overflow-y:scroll;
   9         }
  10  text {
  11         font: 12px sans-serif;
  12  }
  13  tr.z-row-over > td.z-row-inner, tr.z-row-over > .z-cell { background-color: rgb(255, 255, 255); }  svg {         display: block; }  #chart423 svg {
  14  height: 275px;
  15  width:  300px;
  16  min-width: 100px;
  17  min-height: 100px;
  18  }
  19  </style>
  20 <body>
  21 <div id="chart423"><svg></svg></div>
  22 <script src="../../d3/js/d3.v3.min.js"></script>
  23 <script src="../../d3/js/nv.d3.min.js"></script>
  24 <script src="../../d3/js/models/legend.js"></script>
  25 <script src="../../d3/js/models/pie.js"></script>
  26 <script src="../../d3/js/models/pieChart.js"></script>
  27 <script src="../../d3/js/utils.js"></script>
  28 <script>
  29 historicalBarChart = [
  30 { "key":"Bedminster", "y":8.27},
  31 { "key":"Middletown", "y":2.36},
  32 { "key":"Paramus", "y":2.17},
  33 { "key":"Piscataway", "y":4.89}
  34 ];
  35
  36 </script>
  37 <script src="js/pie_chart.min.js"></script>
  38 </body> </html>