1 |
|
2 |
|
3 |
|
4 |
|
5 |
|
6 |
|
7 |
|
8 |
|
9 |
|
10 |
|
11 | .bb svg {
|
12 | font: 10px sans-serif;
|
13 | -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
|
14 |
|
15 | .bb path, .bb line {
|
16 | fill: none;
|
17 | stroke: #000; }
|
18 |
|
19 | .bb text, .bb .bb-button {
|
20 | -webkit-user-select: none;
|
21 | -moz-user-select: none;
|
22 | user-select: none; }
|
23 |
|
24 | .bb-legend-item-tile,
|
25 | .bb-xgrid-focus,
|
26 | .bb-ygrid-focus,
|
27 | .bb-ygrid,
|
28 | .bb-event-rect,
|
29 | .bb-bars path {
|
30 | shape-rendering: crispEdges; }
|
31 |
|
32 | .bb-chart-arc .bb-gauge-value {
|
33 | fill: #000; }
|
34 |
|
35 | .bb-chart-arc path {
|
36 | stroke: #fff; }
|
37 |
|
38 | .bb-chart-arc rect {
|
39 | stroke: #fff;
|
40 | stroke-width: 1; }
|
41 |
|
42 | .bb-chart-arc text {
|
43 | fill: #fff;
|
44 | font-size: 13px; }
|
45 |
|
46 |
|
47 | .bb-axis {
|
48 | shape-rendering: crispEdges; }
|
49 |
|
50 |
|
51 | .bb-grid line {
|
52 | stroke: #aaa; }
|
53 |
|
54 | .bb-grid text {
|
55 | fill: #aaa; }
|
56 |
|
57 | .bb-xgrid, .bb-ygrid {
|
58 | stroke-dasharray: 3 3; }
|
59 |
|
60 |
|
61 | .bb-text.bb-empty {
|
62 | fill: #808080;
|
63 | font-size: 2em; }
|
64 |
|
65 |
|
66 | .bb-line {
|
67 | stroke-width: 1px; }
|
68 |
|
69 |
|
70 | .bb-circle._expanded_ {
|
71 | stroke-width: 1px;
|
72 | stroke: white; }
|
73 |
|
74 | .bb-selected-circle {
|
75 | fill: white;
|
76 | stroke-width: 2px; }
|
77 |
|
78 |
|
79 | .bb-bar {
|
80 | stroke-width: 0; }
|
81 | .bb-bar._expanded_ {
|
82 | fill-opacity: 0.75; }
|
83 |
|
84 |
|
85 | .bb-target.bb-focused, .bb-circles.bb-focused {
|
86 | opacity: 1; }
|
87 |
|
88 | .bb-target.bb-focused path.bb-line, .bb-target.bb-focused path.bb-step, .bb-circles.bb-focused path.bb-line, .bb-circles.bb-focused path.bb-step {
|
89 | stroke-width: 2px; }
|
90 |
|
91 | .bb-target.bb-defocused, .bb-circles.bb-defocused {
|
92 | opacity: 0.3 !important; }
|
93 | .bb-target.bb-defocused .text-overlapping, .bb-circles.bb-defocused .text-overlapping {
|
94 | opacity: .05 !important; }
|
95 |
|
96 |
|
97 | .bb-region {
|
98 | fill: steelblue;
|
99 | fill-opacity: .1; }
|
100 |
|
101 |
|
102 | .bb-zoom-brush {
|
103 | fill-opacity: .1; }
|
104 |
|
105 |
|
106 | .bb-brush .extent {
|
107 | fill-opacity: .1; }
|
108 |
|
109 |
|
110 |
|
111 | .bb-legend-item {
|
112 | font-size: 12px;
|
113 | user-select: none; }
|
114 |
|
115 | .bb-legend-item-hidden {
|
116 | opacity: 0.15; }
|
117 |
|
118 | .bb-legend-background {
|
119 | opacity: 0.75;
|
120 | fill: white;
|
121 | stroke: lightgray;
|
122 | stroke-width: 1; }
|
123 |
|
124 |
|
125 | .bb-title {
|
126 | font: 14px sans-serif; }
|
127 |
|
128 |
|
129 | .bb-tooltip-container {
|
130 | z-index: 10;
|
131 | user-select: none; }
|
132 |
|
133 | .bb-tooltip {
|
134 | border-collapse: collapse;
|
135 | border-spacing: 0;
|
136 | background-color: #fff;
|
137 | empty-cells: show;
|
138 | opacity: 0.9;
|
139 | -webkit-box-shadow: 7px 7px 12px -9px #777777;
|
140 | -moz-box-shadow: 7px 7px 12px -9px #777777;
|
141 | box-shadow: 7px 7px 12px -9px #777777; }
|
142 | .bb-tooltip tr {
|
143 | border: 1px solid #CCC; }
|
144 | .bb-tooltip th {
|
145 | background-color: #aaa;
|
146 | font-size: 14px;
|
147 | padding: 2px 5px;
|
148 | text-align: left;
|
149 | color: #FFF; }
|
150 | .bb-tooltip td {
|
151 | font-size: 13px;
|
152 | padding: 3px 6px;
|
153 | background-color: #fff;
|
154 | border-left: 1px dotted #999; }
|
155 | .bb-tooltip td > span, .bb-tooltip td > svg {
|
156 | display: inline-block;
|
157 | width: 10px;
|
158 | height: 10px;
|
159 | margin-right: 6px; }
|
160 | .bb-tooltip.value {
|
161 | text-align: right; }
|
162 |
|
163 |
|
164 | .bb-area {
|
165 | stroke-width: 0;
|
166 | opacity: 0.2; }
|
167 |
|
168 |
|
169 | .bb-chart-arcs-title {
|
170 | dominant-baseline: middle;
|
171 | font-size: 1.3em; }
|
172 |
|
173 | .bb-chart-arcs-gauge-title {
|
174 | dominant-baseline: middle;
|
175 | font-size: 2.7em; }
|
176 |
|
177 | .bb-chart-arcs .bb-chart-arcs-background {
|
178 | fill: #e0e0e0;
|
179 | stroke: #fff; }
|
180 |
|
181 | .bb-chart-arcs .bb-chart-arcs-gauge-unit {
|
182 | fill: #000;
|
183 | font-size: 16px; }
|
184 |
|
185 | .bb-chart-arcs .bb-chart-arcs-gauge-max {
|
186 | fill: #777; }
|
187 |
|
188 | .bb-chart-arcs .bb-chart-arcs-gauge-min {
|
189 | fill: #777; }
|
190 |
|
191 |
|
192 | .bb-chart-radars .bb-levels polygon {
|
193 | fill: none;
|
194 | stroke: #848282;
|
195 | stroke-width: .5px; }
|
196 |
|
197 | .bb-chart-radars .bb-levels text {
|
198 | fill: #848282; }
|
199 |
|
200 | .bb-chart-radars .bb-axis line {
|
201 | stroke: #848282;
|
202 | stroke-width: .5px; }
|
203 |
|
204 | .bb-chart-radars .bb-axis text {
|
205 | font-size: 1.15em;
|
206 | cursor: default; }
|
207 |
|
208 | .bb-chart-radars .bb-shapes polygon {
|
209 | fill-opacity: .2;
|
210 | stroke-width: 1px; }
|
211 |
|
212 |
|
213 | .bb-button {
|
214 | position: absolute;
|
215 | top: 10px;
|
216 | right: 10px; }
|
217 | .bb-button .bb-zoom-reset {
|
218 | font-size: 11px;
|
219 | border: solid 1px #ccc;
|
220 | background-color: #fff;
|
221 | padding: 5px;
|
222 | border-radius: 5px;
|
223 | cursor: pointer; }
|
224 |
|