d3-gauge-simple.css 1023 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061
  1. .d3-gauge.simple .outer-circle {
  2. fill : #ccc;
  3. stroke : #000;
  4. stroke-width : 0.5px;
  5. }
  6. .d3-gauge.simple .inner-circle {
  7. fill : #fff;
  8. stroke : #E0E0E0;
  9. stroke-width : 2px;
  10. }
  11. .d3-gauge.simple .label {
  12. fill : #333;
  13. font-size : 10px;
  14. }
  15. .d3-gauge.simple .major-tick {
  16. stroke : #333;
  17. stroke-width : 2px;
  18. }
  19. .d3-gauge.simple .minor-tick {
  20. stroke : #666;
  21. stroke-width : 1px;
  22. }
  23. .d3-gauge.simple .major-tick-label {
  24. fill : darkblue;
  25. stroke-width : 2px;
  26. font-size : 12px;
  27. }
  28. .d3-gauge.simple .needle {
  29. fill : #dc3912;
  30. stroke : #c63310;
  31. fill-opacity : 0.7;
  32. }
  33. .d3-gauge.simple .needle-container {
  34. fill : #4684EE;
  35. stroke : #666;
  36. fill-opacity : 1;
  37. }
  38. .d3-gauge.simple .current-value {
  39. fill : #000;
  40. stroke-width : 0px;
  41. }
  42. .d3-gauge.simple .green-zone {
  43. fill : #FF9900
  44. }
  45. .d3-gauge.simple .yellow-zone {
  46. fill : #FF9900
  47. }
  48. .d3-gauge.simple .red-zone {
  49. fill : #DC3912
  50. }