c3.css 3.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198
  1. /*-- Chart --*/
  2. .c3 svg {
  3. font: 10px sans-serif;
  4. -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  5. .c3 path, .c3 line {
  6. fill: none;
  7. stroke: #000; }
  8. .c3 text {
  9. -webkit-user-select: none;
  10. -moz-user-select: none;
  11. -ms-user-select: none;
  12. user-select: none; }
  13. .c3-legend-item-tile,
  14. .c3-xgrid-focus,
  15. .c3-ygrid,
  16. .c3-event-rect,
  17. .c3-bars path {
  18. shape-rendering: crispEdges; }
  19. .c3-chart-arc path {
  20. stroke: #fff; }
  21. .c3-chart-arc rect {
  22. stroke: white;
  23. stroke-width: 1; }
  24. .c3-chart-arc text {
  25. fill: #fff;
  26. font-size: 13px; }
  27. /*-- Axis --*/
  28. /*-- Grid --*/
  29. .c3-grid line {
  30. stroke: #aaa; }
  31. .c3-grid text {
  32. fill: #aaa; }
  33. .c3-xgrid, .c3-ygrid {
  34. stroke-dasharray: 3 3; }
  35. /*-- Text on Chart --*/
  36. .c3-text.c3-empty {
  37. fill: #808080;
  38. font-size: 2em; }
  39. /*-- Line --*/
  40. .c3-line {
  41. stroke-width: 1px; }
  42. /*-- Point --*/
  43. .c3-circle {
  44. fill: currentColor; }
  45. .c3-circle._expanded_ {
  46. stroke-width: 1px;
  47. stroke: white; }
  48. .c3-selected-circle {
  49. fill: white;
  50. stroke-width: 2px; }
  51. /*-- Bar --*/
  52. .c3-bar {
  53. stroke-width: 0; }
  54. .c3-bar._expanded_ {
  55. fill-opacity: 1;
  56. fill-opacity: 0.75; }
  57. /*-- Focus --*/
  58. .c3-target.c3-focused {
  59. opacity: 1; }
  60. .c3-target.c3-focused path.c3-line, .c3-target.c3-focused path.c3-step {
  61. stroke-width: 2px; }
  62. .c3-target.c3-defocused {
  63. opacity: 0.3 !important; }
  64. /*-- Region --*/
  65. .c3-region {
  66. fill: steelblue;
  67. fill-opacity: 0.1; }
  68. .c3-region text {
  69. fill-opacity: 1; }
  70. /*-- Brush --*/
  71. .c3-brush .extent {
  72. fill-opacity: 0.1; }
  73. /*-- Select - Drag --*/
  74. /*-- Legend --*/
  75. .c3-legend-item {
  76. font-size: 12px; }
  77. .c3-legend-item-hidden {
  78. opacity: 0.15; }
  79. .c3-legend-background {
  80. opacity: 0.75;
  81. fill: white;
  82. stroke: lightgray;
  83. stroke-width: 1; }
  84. /*-- Title --*/
  85. .c3-title {
  86. font: 14px sans-serif; }
  87. /*-- Tooltip --*/
  88. .c3-tooltip-container {
  89. z-index: 10; }
  90. .c3-tooltip {
  91. border-collapse: collapse;
  92. border-spacing: 0;
  93. background-color: #fff;
  94. empty-cells: show;
  95. -webkit-box-shadow: 7px 7px 12px -9px #777777;
  96. box-shadow: 7px 7px 12px -9px #777777;
  97. opacity: 0.9; }
  98. .c3-tooltip tr {
  99. border: 1px solid #CCC; }
  100. .c3-tooltip th {
  101. background-color: #aaa;
  102. font-size: 14px;
  103. padding: 2px 5px;
  104. text-align: left;
  105. color: #FFF; }
  106. .c3-tooltip td {
  107. font-size: 13px;
  108. padding: 3px 6px;
  109. background-color: #fff;
  110. border-left: 1px dotted #999; }
  111. .c3-tooltip td > span {
  112. display: inline-block;
  113. width: 10px;
  114. height: 10px;
  115. margin-right: 6px; }
  116. .c3-tooltip .value {
  117. text-align: right; }
  118. /*-- Area --*/
  119. .c3-area {
  120. stroke-width: 0;
  121. opacity: 0.2; }
  122. /*-- Arc --*/
  123. .c3-chart-arcs-title {
  124. dominant-baseline: middle;
  125. font-size: 1.3em; }
  126. .c3-chart-arcs .c3-chart-arcs-background {
  127. fill: #e0e0e0;
  128. stroke: #FFF; }
  129. .c3-chart-arcs .c3-chart-arcs-gauge-unit {
  130. fill: #000;
  131. font-size: 16px; }
  132. .c3-chart-arcs .c3-chart-arcs-gauge-max {
  133. fill: #777; }
  134. .c3-chart-arcs .c3-chart-arcs-gauge-min {
  135. fill: #777; }
  136. .c3-chart-arc .c3-gauge-value {
  137. fill: #000;
  138. /* font-size: 28px !important;*/ }
  139. .c3-chart-arc.c3-target g path {
  140. opacity: 1; }
  141. .c3-chart-arc.c3-target.c3-focused g path {
  142. opacity: 1; }
  143. /*-- Zoom --*/
  144. .c3-drag-zoom.enabled {
  145. pointer-events: all !important;
  146. visibility: visible; }
  147. .c3-drag-zoom.disabled {
  148. pointer-events: none !important;
  149. visibility: hidden; }
  150. .c3-drag-zoom .extent {
  151. fill-opacity: 0.1; }
  152. /*# sourceMappingURL=c3.css.map */