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

   1 <!DOCTYPE html>
   2 <meta charset="utf-8">
   3 <style>
   4
   5 body {
   6   font: 10px sans-serif;
   7 }
   8
   9 svg {
  10   padding: 10px 0 0 10px;
  11 }
  12
  13 .arc {
  14   stroke: #fff;
  15 }
  16
  17         .slice text {
  18             font-size: 16pt;
  19             font-family: Arial;
  20         }
  21 </style>
  22 <body>
  23 <script src="../../d3/js/d3.js"></script>
  24
  25 <script>
  26
  27 var radius = 74,
  28     padding = 10;
  29
  30 var width = 200,
  31     height = 200;
  32
  33 var outerRadius = height / 2 - 20,
  34     innerRadius = outerRadius / 3,
  35     cornerRadius = 10;
  36 //var color = d3.scale.ordinal()
  37   //  .range(["#98abc5", "#8a89a6", "#7b6888", "#6b486b", "#a05d56", "#d0743c", "#ff8c00"]);
  38   var color = d3.scale.category10();
  39   var dataURL = "data/speedometer3.csv";
  40
  41
  42 </script>
  43 <script src="js/donut.min.js"></script>