ui/src/main/webapp/static/fusion/sample/html/donut_d3.html

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