ui/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
  11 text {
  12     font: 12px sans-serif;
  13 }
  14
  15 tr.z-row-over>td.z-row-inner, tr.z-row-over>.z-cell {
  16     background-color: rgb(255, 255, 255);
  17 }
  18
  19 svg {
  20     display: block;
  21 }
  22
  23 #chart423 svg {
  24     height: 275px;
  25     width: 300px;
  26     min-width: 100px;
  27     min-height: 100px;
  28 }
  29 </style>
  30 <body>
  31  <div id="chart423">
  32   <svg></svg>
  33  </div>
  34  <script src="../../d3/js/d3.v3.min.js"></script>
  35  <script src="../../d3/js/nv.d3.min.js"></script>
  36  <script src="../../d3/js/models/legend.js"></script>
  37  <script src="../../d3/js/models/pie.js"></script>
  38  <script src="../../d3/js/models/pieChart.js"></script>
  39  <script src="../../d3/js/utils.js"></script>
  40  <script>
  41 historicalBarChart = [
  42 { "key":"Bedminster", "y":8.27},
  43 { "key":"Middletown", "y":2.36},
  44 { "key":"Paramus", "y":2.17},
  45 { "key":"Piscataway", "y":4.89}
  46 ];
  47
  48 </script>
  49  <script src="js/pie_chart.min.js"></script>
  50 </body>
  51 </html>