chart 0.1.4.8 → 0.1.4.9

Sign up to get free protection for your applications and to get access to all the features.
@@ -1,96 +1,96 @@
1
- /* nvd3 version 1.8.2 (https://github.com/novus/nvd3) 2016-01-24 */
2
- .nvd3 .nv-axis {
3
- pointer-events:none;
4
- opacity: 1;
5
- }
6
-
7
- .nvd3 .nv-axis path {
8
- fill: none;
9
- stroke: #000;
10
- stroke-opacity: .75;
11
- shape-rendering: crispEdges;
12
- }
13
-
14
- .nvd3 .nv-axis path.domain {
15
- stroke-opacity: .75;
16
- }
17
-
18
- .nvd3 .nv-axis.nv-x path.domain {
19
- stroke-opacity: 0;
20
- }
21
-
22
- .nvd3 .nv-axis line {
23
- fill: none;
24
- stroke: #e5e5e5;
25
- shape-rendering: crispEdges;
26
- }
27
-
28
- .nvd3 .nv-axis .zero line,
29
- /*this selector may not be necessary*/ .nvd3 .nv-axis line.zero {
30
- stroke-opacity: .75;
31
- }
32
-
33
- .nvd3 .nv-axis .nv-axisMaxMin text {
34
- font-weight: bold;
35
- }
36
-
37
- .nvd3 .x .nv-axis .nv-axisMaxMin text,
38
- .nvd3 .x2 .nv-axis .nv-axisMaxMin text,
39
- .nvd3 .x3 .nv-axis .nv-axisMaxMin text {
40
- text-anchor: middle
41
- }
42
-
43
- .nvd3 .nv-axis.nv-disabled {
44
- opacity: 0;
45
- }
46
-
47
- .nvd3 .nv-bars rect {
48
- fill-opacity: .75;
49
-
50
- transition: fill-opacity 250ms linear;
51
- -moz-transition: fill-opacity 250ms linear;
52
- -webkit-transition: fill-opacity 250ms linear;
53
- }
54
-
55
- .nvd3 .nv-bars rect.hover {
56
- fill-opacity: 1;
57
- }
58
-
59
- .nvd3 .nv-bars .hover rect {
60
- fill: lightblue;
61
- }
62
-
63
- .nvd3 .nv-bars text {
64
- fill: rgba(0,0,0,0);
65
- }
66
-
67
- .nvd3 .nv-bars .hover text {
68
- fill: rgba(0,0,0,1);
69
- }
70
-
71
- .nvd3 .nv-multibar .nv-groups rect,
72
- .nvd3 .nv-multibarHorizontal .nv-groups rect,
73
- .nvd3 .nv-discretebar .nv-groups rect {
74
- stroke-opacity: 0;
75
-
76
- transition: fill-opacity 250ms linear;
77
- -moz-transition: fill-opacity 250ms linear;
78
- -webkit-transition: fill-opacity 250ms linear;
79
- }
80
-
81
- .nvd3 .nv-multibar .nv-groups rect:hover,
82
- .nvd3 .nv-multibarHorizontal .nv-groups rect:hover,
83
- .nvd3 .nv-candlestickBar .nv-ticks rect:hover,
84
- .nvd3 .nv-discretebar .nv-groups rect:hover {
85
- fill-opacity: 1;
86
- }
87
-
88
- .nvd3 .nv-discretebar .nv-groups text,
89
- .nvd3 .nv-multibarHorizontal .nv-groups text {
90
- font-weight: bold;
91
- fill: rgba(0,0,0,1);
92
- stroke: rgba(0,0,0,0);
93
- }
1
+ /* nvd3 version 1.8.4 (https://github.com/novus/nvd3) 2016-07-03 */
2
+ .nvd3 .nv-axis {
3
+ pointer-events:none;
4
+ opacity: 1;
5
+ }
6
+
7
+ .nvd3 .nv-axis path {
8
+ fill: none;
9
+ stroke: #000;
10
+ stroke-opacity: .75;
11
+ shape-rendering: crispEdges;
12
+ }
13
+
14
+ .nvd3 .nv-axis path.domain {
15
+ stroke-opacity: .75;
16
+ }
17
+
18
+ .nvd3 .nv-axis.nv-x path.domain {
19
+ stroke-opacity: 0;
20
+ }
21
+
22
+ .nvd3 .nv-axis line {
23
+ fill: none;
24
+ stroke: #e5e5e5;
25
+ shape-rendering: crispEdges;
26
+ }
27
+
28
+ .nvd3 .nv-axis .zero line,
29
+ /*this selector may not be necessary*/ .nvd3 .nv-axis line.zero {
30
+ stroke-opacity: .75;
31
+ }
32
+
33
+ .nvd3 .nv-axis .nv-axisMaxMin text {
34
+ font-weight: bold;
35
+ }
36
+
37
+ .nvd3 .x .nv-axis .nv-axisMaxMin text,
38
+ .nvd3 .x2 .nv-axis .nv-axisMaxMin text,
39
+ .nvd3 .x3 .nv-axis .nv-axisMaxMin text {
40
+ text-anchor: middle
41
+ }
42
+
43
+ .nvd3 .nv-axis.nv-disabled {
44
+ opacity: 0;
45
+ }
46
+
47
+ .nvd3 .nv-bars rect {
48
+ fill-opacity: .75;
49
+
50
+ transition: fill-opacity 250ms linear;
51
+ -moz-transition: fill-opacity 250ms linear;
52
+ -webkit-transition: fill-opacity 250ms linear;
53
+ }
54
+
55
+ .nvd3 .nv-bars rect.hover {
56
+ fill-opacity: 1;
57
+ }
58
+
59
+ .nvd3 .nv-bars .hover rect {
60
+ fill: lightblue;
61
+ }
62
+
63
+ .nvd3 .nv-bars text {
64
+ fill: rgba(0,0,0,0);
65
+ }
66
+
67
+ .nvd3 .nv-bars .hover text {
68
+ fill: rgba(0,0,0,1);
69
+ }
70
+
71
+ .nvd3 .nv-multibar .nv-groups rect,
72
+ .nvd3 .nv-multibarHorizontal .nv-groups rect,
73
+ .nvd3 .nv-discretebar .nv-groups rect {
74
+ stroke-opacity: 0;
75
+
76
+ transition: fill-opacity 250ms linear;
77
+ -moz-transition: fill-opacity 250ms linear;
78
+ -webkit-transition: fill-opacity 250ms linear;
79
+ }
80
+
81
+ .nvd3 .nv-multibar .nv-groups rect:hover,
82
+ .nvd3 .nv-multibarHorizontal .nv-groups rect:hover,
83
+ .nvd3 .nv-candlestickBar .nv-ticks rect:hover,
84
+ .nvd3 .nv-discretebar .nv-groups rect:hover {
85
+ fill-opacity: 1;
86
+ }
87
+
88
+ .nvd3 .nv-discretebar .nv-groups text,
89
+ .nvd3 .nv-multibarHorizontal .nv-groups text {
90
+ font-weight: bold;
91
+ fill: rgba(0,0,0,1);
92
+ stroke: rgba(0,0,0,0);
93
+ }
94
94
 
95
95
  /* boxplot CSS */
96
96
  .nvd3 .nv-boxplot circle {
@@ -112,57 +112,70 @@
112
112
  .nv-boxplot-tick:hover {
113
113
  stroke-width: 2.5px;
114
114
  }
115
- /* bullet */
116
- .nvd3.nv-bullet { font: 10px sans-serif; }
117
- .nvd3.nv-bullet .nv-measure { fill-opacity: .8; }
118
- .nvd3.nv-bullet .nv-measure:hover { fill-opacity: 1; }
119
- .nvd3.nv-bullet .nv-marker { stroke: #000; stroke-width: 2px; }
120
- .nvd3.nv-bullet .nv-markerTriangle { stroke: #000; fill: #fff; stroke-width: 1.5px; }
121
- .nvd3.nv-bullet .nv-tick line { stroke: #666; stroke-width: .5px; }
122
- .nvd3.nv-bullet .nv-range.nv-s0 { fill: #eee; }
123
- .nvd3.nv-bullet .nv-range.nv-s1 { fill: #ddd; }
124
- .nvd3.nv-bullet .nv-range.nv-s2 { fill: #ccc; }
125
- .nvd3.nv-bullet .nv-title { font-size: 14px; font-weight: bold; }
126
- .nvd3.nv-bullet .nv-subtitle { fill: #999; }
127
-
128
-
129
- .nvd3.nv-bullet .nv-range {
130
- fill: #bababa;
131
- fill-opacity: .4;
132
- }
133
- .nvd3.nv-bullet .nv-range:hover {
134
- fill-opacity: .7;
135
- }
136
-
137
- .nvd3.nv-candlestickBar .nv-ticks .nv-tick {
138
- stroke-width: 1px;
139
- }
140
-
141
- .nvd3.nv-candlestickBar .nv-ticks .nv-tick.hover {
142
- stroke-width: 2px;
143
- }
144
-
145
- .nvd3.nv-candlestickBar .nv-ticks .nv-tick.positive rect {
146
- stroke: #2ca02c;
147
- fill: #2ca02c;
148
- }
149
-
150
- .nvd3.nv-candlestickBar .nv-ticks .nv-tick.negative rect {
151
- stroke: #d62728;
152
- fill: #d62728;
153
- }
154
-
155
- .with-transitions .nv-candlestickBar .nv-ticks .nv-tick {
156
- transition: stroke-width 250ms linear, stroke-opacity 250ms linear;
157
- -moz-transition: stroke-width 250ms linear, stroke-opacity 250ms linear;
158
- -webkit-transition: stroke-width 250ms linear, stroke-opacity 250ms linear;
159
-
160
- }
161
-
162
- .nvd3.nv-candlestickBar .nv-ticks line {
163
- stroke: #333;
164
- }
165
-
115
+ /* bullet */
116
+ .nvd3.nv-bullet { font: 10px sans-serif; }
117
+ .nvd3.nv-bullet .nv-measure { fill-opacity: .8; }
118
+ .nvd3.nv-bullet .nv-measure:hover { fill-opacity: 1; }
119
+ .nvd3.nv-bullet .nv-marker { stroke: #000; stroke-width: 2px; }
120
+ .nvd3.nv-bullet .nv-markerTriangle { stroke: #000; fill: #fff; stroke-width: 1.5px; }
121
+ .nvd3.nv-bullet .nv-markerLine { stroke: #000; stroke-width: 1.5px; }
122
+ .nvd3.nv-bullet .nv-tick line { stroke: #666; stroke-width: .5px; }
123
+ .nvd3.nv-bullet .nv-range.nv-s0 { fill: #eee; }
124
+ .nvd3.nv-bullet .nv-range.nv-s1 { fill: #ddd; }
125
+ .nvd3.nv-bullet .nv-range.nv-s2 { fill: #ccc; }
126
+ .nvd3.nv-bullet .nv-title { font-size: 14px; font-weight: bold; }
127
+ .nvd3.nv-bullet .nv-subtitle { fill: #999; }
128
+
129
+
130
+ .nvd3.nv-bullet .nv-range {
131
+ fill: #bababa;
132
+ fill-opacity: .4;
133
+ }
134
+ .nvd3.nv-bullet .nv-range:hover {
135
+ fill-opacity: .7;
136
+ }
137
+
138
+ .nvd3.nv-candlestickBar .nv-ticks .nv-tick {
139
+ stroke-width: 1px;
140
+ }
141
+
142
+ .nvd3.nv-candlestickBar .nv-ticks .nv-tick.hover {
143
+ stroke-width: 2px;
144
+ }
145
+
146
+ .nvd3.nv-candlestickBar .nv-ticks .nv-tick.positive rect {
147
+ stroke: #2ca02c;
148
+ fill: #2ca02c;
149
+ }
150
+
151
+ .nvd3.nv-candlestickBar .nv-ticks .nv-tick.negative rect {
152
+ stroke: #d62728;
153
+ fill: #d62728;
154
+ }
155
+
156
+ .with-transitions .nv-candlestickBar .nv-ticks .nv-tick {
157
+ transition: stroke-width 250ms linear, stroke-opacity 250ms linear;
158
+ -moz-transition: stroke-width 250ms linear, stroke-opacity 250ms linear;
159
+ -webkit-transition: stroke-width 250ms linear, stroke-opacity 250ms linear;
160
+
161
+ }
162
+
163
+ .nvd3.nv-candlestickBar .nv-ticks line {
164
+ stroke: #333;
165
+ }
166
+
167
+
168
+ .nv-force-node {
169
+ stroke: #fff;
170
+ stroke-width: 1.5px;
171
+ }
172
+ .nv-force-link {
173
+ stroke: #999;
174
+ stroke-opacity: .6;
175
+ }
176
+ .nv-force-node text {
177
+ stroke-width: 0px
178
+ }
166
179
 
167
180
  .nvd3 .nv-legend .nv-disabled rect {
168
181
  /*fill-opacity: 0;*/
@@ -187,461 +200,475 @@
187
200
  opacity: 0;
188
201
  }
189
202
 
190
- /* line plus bar */
191
- .nvd3.nv-linePlusBar .nv-bar rect {
192
- fill-opacity: .75;
193
- }
194
-
195
- .nvd3.nv-linePlusBar .nv-bar rect:hover {
196
- fill-opacity: 1;
197
- }
198
- .nvd3 .nv-groups path.nv-line {
199
- fill: none;
200
- }
201
-
202
- .nvd3 .nv-groups path.nv-area {
203
- stroke: none;
204
- }
205
-
206
- .nvd3.nv-line .nvd3.nv-scatter .nv-groups .nv-point {
207
- fill-opacity: 0;
208
- stroke-opacity: 0;
209
- }
210
-
211
- .nvd3.nv-scatter.nv-single-point .nv-groups .nv-point {
212
- fill-opacity: .5 !important;
213
- stroke-opacity: .5 !important;
214
- }
215
-
216
-
217
- .with-transitions .nvd3 .nv-groups .nv-point {
218
- transition: stroke-width 250ms linear, stroke-opacity 250ms linear;
219
- -moz-transition: stroke-width 250ms linear, stroke-opacity 250ms linear;
220
- -webkit-transition: stroke-width 250ms linear, stroke-opacity 250ms linear;
221
-
222
- }
223
-
224
- .nvd3.nv-scatter .nv-groups .nv-point.hover,
225
- .nvd3 .nv-groups .nv-point.hover {
226
- stroke-width: 7px;
227
- fill-opacity: .95 !important;
228
- stroke-opacity: .95 !important;
229
- }
230
-
231
-
232
- .nvd3 .nv-point-paths path {
233
- stroke: #aaa;
234
- stroke-opacity: 0;
235
- fill: #eee;
236
- fill-opacity: 0;
237
- }
238
-
239
-
240
-
241
- .nvd3 .nv-indexLine {
242
- cursor: ew-resize;
243
- }
244
-
245
- /********************
246
- * SVG CSS
247
- */
248
-
249
- /********************
250
- Default CSS for an svg element nvd3 used
251
- */
252
- svg.nvd3-svg {
253
- -webkit-touch-callout: none;
254
- -webkit-user-select: none;
255
- -khtml-user-select: none;
256
- -ms-user-select: none;
257
- -moz-user-select: none;
258
- user-select: none;
259
- display: block;
260
- width:100%;
261
- height:100%;
262
- }
263
-
264
- /********************
265
- Box shadow and border radius styling
266
- */
267
- .nvtooltip.with-3d-shadow, .with-3d-shadow .nvtooltip {
268
- -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
269
- -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
270
- box-shadow: 0 5px 10px rgba(0,0,0,.2);
271
-
272
- -webkit-border-radius: 5px;
273
- -moz-border-radius: 5px;
274
- border-radius: 5px;
275
- }
276
-
277
-
278
- .nvd3 text {
279
- font: normal 12px Arial;
280
- }
281
-
282
- .nvd3 .title {
283
- font: bold 14px Arial;
284
- }
285
-
286
- .nvd3 .nv-background {
287
- fill: white;
288
- fill-opacity: 0;
289
- }
290
-
291
- .nvd3.nv-noData {
292
- font-size: 18px;
293
- font-weight: bold;
294
- }
295
-
296
-
297
- /**********
298
- * Brush
299
- */
300
-
301
- .nv-brush .extent {
302
- fill-opacity: .125;
303
- shape-rendering: crispEdges;
304
- }
305
-
306
- .nv-brush .resize path {
307
- fill: #eee;
308
- stroke: #666;
309
- }
310
-
311
-
312
- /**********
313
- * Legend
314
- */
315
-
316
- .nvd3 .nv-legend .nv-series {
317
- cursor: pointer;
318
- }
319
-
320
- .nvd3 .nv-legend .nv-disabled circle {
321
- fill-opacity: 0;
322
- }
323
-
324
- /* focus */
325
- .nvd3 .nv-brush .extent {
326
- fill-opacity: 0 !important;
327
- }
328
-
329
- .nvd3 .nv-brushBackground rect {
330
- stroke: #000;
331
- stroke-width: .4;
332
- fill: #fff;
333
- fill-opacity: .7;
334
- }
335
-
336
-
337
- .nvd3.nv-ohlcBar .nv-ticks .nv-tick {
338
- stroke-width: 1px;
339
- }
340
-
341
- .nvd3.nv-ohlcBar .nv-ticks .nv-tick.hover {
342
- stroke-width: 2px;
343
- }
344
-
345
- .nvd3.nv-ohlcBar .nv-ticks .nv-tick.positive {
346
- stroke: #2ca02c;
347
- }
348
-
349
- .nvd3.nv-ohlcBar .nv-ticks .nv-tick.negative {
350
- stroke: #d62728;
351
- }
352
-
353
-
354
- .nvd3 .background path {
355
- fill: none;
356
- stroke: #EEE;
357
- stroke-opacity: .4;
358
- shape-rendering: crispEdges;
359
- }
360
-
361
- .nvd3 .foreground path {
362
- fill: none;
363
- stroke-opacity: .7;
364
- }
365
-
366
- .nvd3 .nv-parallelCoordinates-brush .extent
367
- {
368
- fill: #fff;
369
- fill-opacity: .6;
370
- stroke: gray;
371
- shape-rendering: crispEdges;
372
- }
373
-
374
- .nvd3 .nv-parallelCoordinates .hover {
375
- fill-opacity: 1;
376
- stroke-width: 3px;
377
- }
378
-
379
-
380
- .nvd3 .missingValuesline line {
381
- fill: none;
382
- stroke: black;
383
- stroke-width: 1;
384
- stroke-opacity: 1;
385
- stroke-dasharray: 5, 5;
386
- }
387
- .nvd3.nv-pie path {
388
- stroke-opacity: 0;
389
- transition: fill-opacity 250ms linear, stroke-width 250ms linear, stroke-opacity 250ms linear;
390
- -moz-transition: fill-opacity 250ms linear, stroke-width 250ms linear, stroke-opacity 250ms linear;
391
- -webkit-transition: fill-opacity 250ms linear, stroke-width 250ms linear, stroke-opacity 250ms linear;
392
-
393
- }
394
-
395
- .nvd3.nv-pie .nv-pie-title {
396
- font-size: 24px;
397
- fill: rgba(19, 196, 249, 0.59);
398
- }
399
-
400
- .nvd3.nv-pie .nv-slice text {
401
- stroke: #000;
402
- stroke-width: 0;
403
- }
404
-
405
- .nvd3.nv-pie path {
406
- stroke: #fff;
407
- stroke-width: 1px;
408
- stroke-opacity: 1;
409
- }
410
-
411
- .nvd3.nv-pie path {
412
- fill-opacity: .7;
413
- }
414
- .nvd3.nv-pie .hover path {
415
- fill-opacity: 1;
416
- }
417
- .nvd3.nv-pie .nv-label {
418
- pointer-events: none;
419
- }
420
- .nvd3.nv-pie .nv-label rect {
421
- fill-opacity: 0;
422
- stroke-opacity: 0;
423
- }
424
-
425
- /* scatter */
426
- .nvd3 .nv-groups .nv-point.hover {
427
- stroke-width: 20px;
428
- stroke-opacity: .5;
429
- }
430
-
431
- .nvd3 .nv-scatter .nv-point.hover {
432
- fill-opacity: 1;
433
- }
434
- .nv-noninteractive {
435
- pointer-events: none;
436
- }
437
-
438
- .nv-distx, .nv-disty {
439
- pointer-events: none;
440
- }
441
-
442
- /* sparkline */
443
- .nvd3.nv-sparkline path {
444
- fill: none;
445
- }
446
-
447
- .nvd3.nv-sparklineplus g.nv-hoverValue {
448
- pointer-events: none;
449
- }
450
-
451
- .nvd3.nv-sparklineplus .nv-hoverValue line {
452
- stroke: #333;
453
- stroke-width: 1.5px;
454
- }
455
-
456
- .nvd3.nv-sparklineplus,
457
- .nvd3.nv-sparklineplus g {
458
- pointer-events: all;
459
- }
460
-
461
- .nvd3 .nv-hoverArea {
462
- fill-opacity: 0;
463
- stroke-opacity: 0;
464
- }
465
-
466
- .nvd3.nv-sparklineplus .nv-xValue,
467
- .nvd3.nv-sparklineplus .nv-yValue {
468
- stroke-width: 0;
469
- font-size: .9em;
470
- font-weight: normal;
471
- }
472
-
473
- .nvd3.nv-sparklineplus .nv-yValue {
474
- stroke: #f66;
475
- }
476
-
477
- .nvd3.nv-sparklineplus .nv-maxValue {
478
- stroke: #2ca02c;
479
- fill: #2ca02c;
480
- }
481
-
482
- .nvd3.nv-sparklineplus .nv-minValue {
483
- stroke: #d62728;
484
- fill: #d62728;
485
- }
486
-
487
- .nvd3.nv-sparklineplus .nv-currentValue {
488
- font-weight: bold;
489
- font-size: 1.1em;
490
- }
491
- /* stacked area */
492
- .nvd3.nv-stackedarea path.nv-area {
493
- fill-opacity: .7;
494
- stroke-opacity: 0;
495
- transition: fill-opacity 250ms linear, stroke-opacity 250ms linear;
496
- -moz-transition: fill-opacity 250ms linear, stroke-opacity 250ms linear;
497
- -webkit-transition: fill-opacity 250ms linear, stroke-opacity 250ms linear;
498
- }
499
-
500
- .nvd3.nv-stackedarea path.nv-area.hover {
501
- fill-opacity: .9;
502
- }
503
-
504
-
505
- .nvd3.nv-stackedarea .nv-groups .nv-point {
506
- stroke-opacity: 0;
507
- fill-opacity: 0;
508
- }
509
-
510
-
511
- .nvtooltip {
512
- position: absolute;
513
- background-color: rgba(255,255,255,1.0);
514
- color: rgba(0,0,0,1.0);
515
- padding: 1px;
516
- border: 1px solid rgba(0,0,0,.2);
517
- z-index: 10000;
518
- display: block;
519
-
520
- font-family: Arial;
521
- font-size: 13px;
522
- text-align: left;
523
- pointer-events: none;
524
-
525
- white-space: nowrap;
526
-
527
- -webkit-touch-callout: none;
528
- -webkit-user-select: none;
529
- -khtml-user-select: none;
530
- -moz-user-select: none;
531
- -ms-user-select: none;
532
- user-select: none;
533
- }
534
-
535
- .nvtooltip {
536
- background: rgba(255,255,255, 0.8);
537
- border: 1px solid rgba(0,0,0,0.5);
538
- border-radius: 4px;
539
- }
540
-
541
- /*Give tooltips that old fade in transition by
542
- putting a "with-transitions" class on the container div.
543
- */
544
- .nvtooltip.with-transitions, .with-transitions .nvtooltip {
545
- transition: opacity 50ms linear;
546
- -moz-transition: opacity 50ms linear;
547
- -webkit-transition: opacity 50ms linear;
548
-
549
- transition-delay: 200ms;
550
- -moz-transition-delay: 200ms;
551
- -webkit-transition-delay: 200ms;
552
- }
553
-
554
- .nvtooltip.x-nvtooltip,
555
- .nvtooltip.y-nvtooltip {
556
- padding: 8px;
557
- }
558
-
559
- .nvtooltip h3 {
560
- margin: 0;
561
- padding: 4px 14px;
562
- line-height: 18px;
563
- font-weight: normal;
564
- background-color: rgba(247,247,247,0.75);
565
- color: rgba(0,0,0,1.0);
566
- text-align: center;
567
-
568
- border-bottom: 1px solid #ebebeb;
569
-
570
- -webkit-border-radius: 5px 5px 0 0;
571
- -moz-border-radius: 5px 5px 0 0;
572
- border-radius: 5px 5px 0 0;
573
- }
574
-
575
- .nvtooltip p {
576
- margin: 0;
577
- padding: 5px 14px;
578
- text-align: center;
579
- }
580
-
581
- .nvtooltip span {
582
- display: inline-block;
583
- margin: 2px 0;
584
- }
585
-
586
- .nvtooltip table {
587
- margin: 6px;
588
- border-spacing:0;
589
- }
590
-
591
-
592
- .nvtooltip table td {
593
- padding: 2px 9px 2px 0;
594
- vertical-align: middle;
595
- }
596
-
597
- .nvtooltip table td.key {
598
- font-weight: normal;
599
- }
600
- .nvtooltip table td.key.total {
601
- font-weight: bold;
602
- }
603
- .nvtooltip table td.value {
604
- text-align: right;
605
- font-weight: bold;
606
- }
607
-
608
- .nvtooltip table tr.highlight td {
609
- padding: 1px 9px 1px 0;
610
- border-bottom-style: solid;
611
- border-bottom-width: 1px;
612
- border-top-style: solid;
613
- border-top-width: 1px;
614
- }
615
-
616
- .nvtooltip table td.legend-color-guide div {
617
- width: 8px;
618
- height: 8px;
619
- vertical-align: middle;
620
- }
621
-
622
- .nvtooltip table td.legend-color-guide div {
623
- width: 12px;
624
- height: 12px;
625
- border: 1px solid #999;
626
- }
627
-
628
- .nvtooltip .footer {
629
- padding: 3px;
630
- text-align: center;
631
- }
632
-
633
- .nvtooltip-pending-removal {
634
- pointer-events: none;
635
- display: none;
636
- }
637
-
638
-
639
- /****
640
- Interactive Layer
641
- */
642
- .nvd3 .nv-interactiveGuideLine {
643
- pointer-events:none;
644
- }
645
- .nvd3 line.nv-guideline {
646
- stroke: #ccc;
647
- }
203
+ /* line plus bar */
204
+ .nvd3.nv-linePlusBar .nv-bar rect {
205
+ fill-opacity: .75;
206
+ }
207
+
208
+ .nvd3.nv-linePlusBar .nv-bar rect:hover {
209
+ fill-opacity: 1;
210
+ }
211
+ .nvd3 .nv-groups path.nv-line {
212
+ fill: none;
213
+ }
214
+
215
+ .nvd3 .nv-groups path.nv-area {
216
+ stroke: none;
217
+ }
218
+
219
+ .nvd3.nv-line .nvd3.nv-scatter .nv-groups .nv-point {
220
+ fill-opacity: 0;
221
+ stroke-opacity: 0;
222
+ }
223
+
224
+ .nvd3.nv-scatter.nv-single-point .nv-groups .nv-point {
225
+ fill-opacity: .5 !important;
226
+ stroke-opacity: .5 !important;
227
+ }
228
+
229
+
230
+ .with-transitions .nvd3 .nv-groups .nv-point {
231
+ transition: stroke-width 250ms linear, stroke-opacity 250ms linear;
232
+ -moz-transition: stroke-width 250ms linear, stroke-opacity 250ms linear;
233
+ -webkit-transition: stroke-width 250ms linear, stroke-opacity 250ms linear;
234
+
235
+ }
236
+
237
+ .nvd3.nv-scatter .nv-groups .nv-point.hover,
238
+ .nvd3 .nv-groups .nv-point.hover {
239
+ stroke-width: 7px;
240
+ fill-opacity: .95 !important;
241
+ stroke-opacity: .95 !important;
242
+ }
243
+
244
+
245
+ .nvd3 .nv-point-paths path {
246
+ stroke: #aaa;
247
+ stroke-opacity: 0;
248
+ fill: #eee;
249
+ fill-opacity: 0;
250
+ }
251
+
252
+
253
+
254
+ .nvd3 .nv-indexLine {
255
+ cursor: ew-resize;
256
+ }
257
+
258
+ /********************
259
+ * SVG CSS
260
+ */
261
+
262
+ /********************
263
+ Default CSS for an svg element nvd3 used
264
+ */
265
+ svg.nvd3-svg {
266
+ -webkit-touch-callout: none;
267
+ -webkit-user-select: none;
268
+ -khtml-user-select: none;
269
+ -ms-user-select: none;
270
+ -moz-user-select: none;
271
+ user-select: none;
272
+ display: block;
273
+ width:100%;
274
+ height:100%;
275
+ }
276
+
277
+ /********************
278
+ Box shadow and border radius styling
279
+ */
280
+ .nvtooltip.with-3d-shadow, .with-3d-shadow .nvtooltip {
281
+ -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
282
+ -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
283
+ box-shadow: 0 5px 10px rgba(0,0,0,.2);
284
+
285
+ -webkit-border-radius: 5px;
286
+ -moz-border-radius: 5px;
287
+ border-radius: 5px;
288
+ }
289
+
290
+
291
+ .nvd3 text {
292
+ font: normal 12px Arial;
293
+ }
294
+
295
+ .nvd3 .title {
296
+ font: bold 14px Arial;
297
+ }
298
+
299
+ .nvd3 .nv-background {
300
+ fill: white;
301
+ fill-opacity: 0;
302
+ }
303
+
304
+ .nvd3.nv-noData {
305
+ font-size: 18px;
306
+ font-weight: bold;
307
+ }
308
+
309
+
310
+ /**********
311
+ * Brush
312
+ */
313
+
314
+ .nv-brush .extent {
315
+ fill-opacity: .125;
316
+ shape-rendering: crispEdges;
317
+ }
318
+
319
+ .nv-brush .resize path {
320
+ fill: #eee;
321
+ stroke: #666;
322
+ }
323
+
324
+
325
+ /**********
326
+ * Legend
327
+ */
328
+
329
+ .nvd3 .nv-legend .nv-series {
330
+ cursor: pointer;
331
+ }
332
+
333
+ .nvd3 .nv-legend .nv-disabled circle {
334
+ fill-opacity: 0;
335
+ }
336
+
337
+ /* focus */
338
+ .nvd3 .nv-brush .extent {
339
+ fill-opacity: 0 !important;
340
+ }
341
+
342
+ .nvd3 .nv-brushBackground rect {
343
+ stroke: #000;
344
+ stroke-width: .4;
345
+ fill: #fff;
346
+ fill-opacity: .7;
347
+ }
348
+
349
+ /**********
350
+ * Print
351
+ */
352
+
353
+ @media print {
354
+ .nvd3 text {
355
+ stroke-width: 0;
356
+ fill-opacity: 1;
357
+ }
358
+ }
359
+
360
+ .nvd3.nv-ohlcBar .nv-ticks .nv-tick {
361
+ stroke-width: 1px;
362
+ }
363
+
364
+ .nvd3.nv-ohlcBar .nv-ticks .nv-tick.hover {
365
+ stroke-width: 2px;
366
+ }
367
+
368
+ .nvd3.nv-ohlcBar .nv-ticks .nv-tick.positive {
369
+ stroke: #2ca02c;
370
+ }
371
+
372
+ .nvd3.nv-ohlcBar .nv-ticks .nv-tick.negative {
373
+ stroke: #d62728;
374
+ }
375
+
376
+
377
+ .nvd3 .background path {
378
+ fill: none;
379
+ stroke: #EEE;
380
+ stroke-opacity: .4;
381
+ shape-rendering: crispEdges;
382
+ }
383
+
384
+ .nvd3 .foreground path {
385
+ fill: none;
386
+ stroke-opacity: .7;
387
+ }
388
+
389
+ .nvd3 .nv-parallelCoordinates-brush .extent
390
+ {
391
+ fill: #fff;
392
+ fill-opacity: .6;
393
+ stroke: gray;
394
+ shape-rendering: crispEdges;
395
+ }
396
+
397
+ .nvd3 .nv-parallelCoordinates .hover {
398
+ fill-opacity: 1;
399
+ stroke-width: 3px;
400
+ }
401
+
402
+
403
+ .nvd3 .missingValuesline line {
404
+ fill: none;
405
+ stroke: black;
406
+ stroke-width: 1;
407
+ stroke-opacity: 1;
408
+ stroke-dasharray: 5, 5;
409
+ }
410
+ .nvd3.nv-pie path {
411
+ stroke-opacity: 0;
412
+ transition: fill-opacity 250ms linear, stroke-width 250ms linear, stroke-opacity 250ms linear;
413
+ -moz-transition: fill-opacity 250ms linear, stroke-width 250ms linear, stroke-opacity 250ms linear;
414
+ -webkit-transition: fill-opacity 250ms linear, stroke-width 250ms linear, stroke-opacity 250ms linear;
415
+
416
+ }
417
+
418
+ .nvd3.nv-pie .nv-pie-title {
419
+ font-size: 24px;
420
+ fill: rgba(19, 196, 249, 0.59);
421
+ }
422
+
423
+ .nvd3.nv-pie .nv-slice text {
424
+ stroke: #000;
425
+ stroke-width: 0;
426
+ }
427
+
428
+ .nvd3.nv-pie path {
429
+ stroke: #fff;
430
+ stroke-width: 1px;
431
+ stroke-opacity: 1;
432
+ }
433
+
434
+ .nvd3.nv-pie path {
435
+ fill-opacity: .7;
436
+ }
437
+ .nvd3.nv-pie .hover path {
438
+ fill-opacity: 1;
439
+ }
440
+ .nvd3.nv-pie .nv-label {
441
+ pointer-events: none;
442
+ }
443
+ .nvd3.nv-pie .nv-label rect {
444
+ fill-opacity: 0;
445
+ stroke-opacity: 0;
446
+ }
447
+
448
+ /* scatter */
449
+ .nvd3 .nv-groups .nv-point.hover {
450
+ stroke-width: 20px;
451
+ stroke-opacity: .5;
452
+ }
453
+
454
+ .nvd3 .nv-scatter .nv-point.hover {
455
+ fill-opacity: 1;
456
+ }
457
+ .nv-noninteractive {
458
+ pointer-events: none;
459
+ }
460
+
461
+ .nv-distx, .nv-disty {
462
+ pointer-events: none;
463
+ }
464
+
465
+ /* sparkline */
466
+ .nvd3.nv-sparkline path {
467
+ fill: none;
468
+ }
469
+
470
+ .nvd3.nv-sparklineplus g.nv-hoverValue {
471
+ pointer-events: none;
472
+ }
473
+
474
+ .nvd3.nv-sparklineplus .nv-hoverValue line {
475
+ stroke: #333;
476
+ stroke-width: 1.5px;
477
+ }
478
+
479
+ .nvd3.nv-sparklineplus,
480
+ .nvd3.nv-sparklineplus g {
481
+ pointer-events: all;
482
+ }
483
+
484
+ .nvd3 .nv-hoverArea {
485
+ fill-opacity: 0;
486
+ stroke-opacity: 0;
487
+ }
488
+
489
+ .nvd3.nv-sparklineplus .nv-xValue,
490
+ .nvd3.nv-sparklineplus .nv-yValue {
491
+ stroke-width: 0;
492
+ font-size: .9em;
493
+ font-weight: normal;
494
+ }
495
+
496
+ .nvd3.nv-sparklineplus .nv-yValue {
497
+ stroke: #f66;
498
+ }
499
+
500
+ .nvd3.nv-sparklineplus .nv-maxValue {
501
+ stroke: #2ca02c;
502
+ fill: #2ca02c;
503
+ }
504
+
505
+ .nvd3.nv-sparklineplus .nv-minValue {
506
+ stroke: #d62728;
507
+ fill: #d62728;
508
+ }
509
+
510
+ .nvd3.nv-sparklineplus .nv-currentValue {
511
+ font-weight: bold;
512
+ font-size: 1.1em;
513
+ }
514
+ /* stacked area */
515
+ .nvd3.nv-stackedarea path.nv-area {
516
+ fill-opacity: .7;
517
+ stroke-opacity: 0;
518
+ transition: fill-opacity 250ms linear, stroke-opacity 250ms linear;
519
+ -moz-transition: fill-opacity 250ms linear, stroke-opacity 250ms linear;
520
+ -webkit-transition: fill-opacity 250ms linear, stroke-opacity 250ms linear;
521
+ }
522
+
523
+ .nvd3.nv-stackedarea path.nv-area.hover {
524
+ fill-opacity: .9;
525
+ }
526
+
527
+
528
+ .nvd3.nv-stackedarea .nv-groups .nv-point {
529
+ stroke-opacity: 0;
530
+ fill-opacity: 0;
531
+ }
532
+
533
+
534
+ .nvtooltip {
535
+ position: absolute;
536
+ background-color: rgba(255,255,255,1.0);
537
+ color: rgba(0,0,0,1.0);
538
+ padding: 1px;
539
+ border: 1px solid rgba(0,0,0,.2);
540
+ z-index: 10000;
541
+ display: block;
542
+
543
+ font-family: Arial;
544
+ font-size: 13px;
545
+ text-align: left;
546
+ pointer-events: none;
547
+
548
+ white-space: nowrap;
549
+
550
+ -webkit-touch-callout: none;
551
+ -webkit-user-select: none;
552
+ -khtml-user-select: none;
553
+ -moz-user-select: none;
554
+ -ms-user-select: none;
555
+ user-select: none;
556
+ }
557
+
558
+ .nvtooltip {
559
+ background: rgba(255,255,255, 0.8);
560
+ border: 1px solid rgba(0,0,0,0.5);
561
+ border-radius: 4px;
562
+ }
563
+
564
+ /*Give tooltips that old fade in transition by
565
+ putting a "with-transitions" class on the container div.
566
+ */
567
+ .nvtooltip.with-transitions, .with-transitions .nvtooltip {
568
+ transition: opacity 50ms linear;
569
+ -moz-transition: opacity 50ms linear;
570
+ -webkit-transition: opacity 50ms linear;
571
+
572
+ transition-delay: 200ms;
573
+ -moz-transition-delay: 200ms;
574
+ -webkit-transition-delay: 200ms;
575
+ }
576
+
577
+ .nvtooltip.x-nvtooltip,
578
+ .nvtooltip.y-nvtooltip {
579
+ padding: 8px;
580
+ }
581
+
582
+ .nvtooltip h3 {
583
+ margin: 0;
584
+ padding: 4px 14px;
585
+ line-height: 18px;
586
+ font-weight: normal;
587
+ background-color: rgba(247,247,247,0.75);
588
+ color: rgba(0,0,0,1.0);
589
+ text-align: center;
590
+
591
+ border-bottom: 1px solid #ebebeb;
592
+
593
+ -webkit-border-radius: 5px 5px 0 0;
594
+ -moz-border-radius: 5px 5px 0 0;
595
+ border-radius: 5px 5px 0 0;
596
+ }
597
+
598
+ .nvtooltip p {
599
+ margin: 0;
600
+ padding: 5px 14px;
601
+ text-align: center;
602
+ }
603
+
604
+ .nvtooltip span {
605
+ display: inline-block;
606
+ margin: 2px 0;
607
+ }
608
+
609
+ .nvtooltip table {
610
+ margin: 6px;
611
+ border-spacing:0;
612
+ }
613
+
614
+
615
+ .nvtooltip table td {
616
+ padding: 2px 9px 2px 0;
617
+ vertical-align: middle;
618
+ }
619
+
620
+ .nvtooltip table td.key {
621
+ font-weight: normal;
622
+ }
623
+ .nvtooltip table td.key.total {
624
+ font-weight: bold;
625
+ }
626
+ .nvtooltip table td.value {
627
+ text-align: right;
628
+ font-weight: bold;
629
+ }
630
+
631
+ .nvtooltip table td.percent {
632
+ color: darkgray;
633
+ }
634
+
635
+ .nvtooltip table tr.highlight td {
636
+ padding: 1px 9px 1px 0;
637
+ border-bottom-style: solid;
638
+ border-bottom-width: 1px;
639
+ border-top-style: solid;
640
+ border-top-width: 1px;
641
+ }
642
+
643
+ .nvtooltip table td.legend-color-guide div {
644
+ width: 8px;
645
+ height: 8px;
646
+ vertical-align: middle;
647
+ }
648
+
649
+ .nvtooltip table td.legend-color-guide div {
650
+ width: 12px;
651
+ height: 12px;
652
+ border: 1px solid #999;
653
+ }
654
+
655
+ .nvtooltip .footer {
656
+ padding: 3px;
657
+ text-align: center;
658
+ }
659
+
660
+ .nvtooltip-pending-removal {
661
+ pointer-events: none;
662
+ display: none;
663
+ }
664
+
665
+
666
+ /****
667
+ Interactive Layer
668
+ */
669
+ .nvd3 .nv-interactiveGuideLine {
670
+ pointer-events:none;
671
+ }
672
+ .nvd3 line.nv-guideline {
673
+ stroke: #ccc;
674
+ }