chart 0.1.4.8 → 0.1.4.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. checksums.yaml +4 -4
  2. data/lib/chart/version.rb +1 -1
  3. data/vendor/assets/javascripts/chart2.js +9363 -9362
  4. data/vendor/assets/javascripts/nvd3.js +765 -406
  5. data/vendor/assets/stylesheets/nvd3.css +629 -602
  6. metadata +2 -2
data/vendor/assets/stylesheets/nvd3.css CHANGED
@@ -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
+ }