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