-
Notifications
You must be signed in to change notification settings - Fork 28
/
EJSChart.css
132 lines (126 loc) · 12.6 KB
/
EJSChart.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
/* Emprise JavaScript Charts Stylesheet - Version 2.1 */
/* Copyright (C) 2006-2009 Emprise Corporation. All Rights Reserved. */
.ejschart, .ejschart * { font-family: Verdana; font-size: 10px; cursor: crosshair; padding: 0px; margin: 0px; border: 0px; outline: none; MozUserSelect: none; KhtmlUserSelect: none; -moz-user-select: none; -webkit-user-select: none; -khtml-user-select: none; -o-user-select: none; user-select: none; }
.ejschart { position: relative; width: 100%; height: 100%; }
.ejsc-chart, .ejsc-axes-canvas, .ejsc-series-canvas, .ejsc-series-canvas-div, .ejsc-hint-canvas, .ejsc-canvas-cover, .ejsc-labels { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; }
.ejsc-canvas-cover { cursor: crosshair; background-color: #ffffff; opacity: 0; alpha: 0; -moz-opacity: 0; -khtml-opacity: 0; filter: alpha(opacity=0); }
.ejsc-canvas-cover { height: expression((this.parentNode.offsetHeight)+"px"); width: expression((this.parentNode.offsetWidth)+"px"); -moz-user-select: none; -webkit-user-select: none; -khtml-user-select: none; user-select: none; }
.ejsc-legend { position: absolute; top: 40px; right: 20px; height: 114px; width: 180px; background-color: #fff; border: 1px solid #aaa; opacity: 0.9; z-index: 9999; filter: alpha(opacity=90); }
.ejsc-legend, .ejsc-legend *,
.ejsc-legend-right, .ejsc-legend-right *,
.ejsc-legend-bottom, .ejsc-legend-bottom * { alpha: 1; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; filter: alpha(opacity=100); cursor: default; }
.ejsc-legend-minimized { height: 14px; }
.ejsc-legend-minimized .ejsc-legend-minimize { display: none; }
.ejsc-legend-minimized .ejsc-legend-maximize { display: block; }
.ejsc-legend-minimized .ejsc-legend-series-container { display: none; }
.ejsc-legend-minimized .ejsc-legend-owner { display: none; }
.ejsc-legend-caption { padding-left: 3px; background-color: #EEE; background-image: url("images/images.gif"); background-position: 0px -18px; background-repeat: repeat-x; border-bottom: 1px solid #aaa; height: 16px; line-height: 16px; font-weight: bold; text-align: left; overflow: hidden; }
.ejsc-legend-minimize { height: 16px; width: 16px; float: right; }
.ejsc-legend-minimize-mouseout { height: 16px; width: 16px; overflow: hidden; background: url('images/images.gif') -4px -86px no-repeat; }
.ejsc-legend-minimize-mouseover { height: 16px; width: 16px; overflow: hidden; background: url('images/images.gif') -4px -102px no-repeat; }
.ejsc-legend-maximize { display: none; height: 16px; width: 16px; float: right; }
.ejsc-legend-maximize-mouseout { height: 16px; width: 16px; overflow: hidden; background: url('images/images.gif') -4px -54px no-repeat; }
.ejsc-legend-maximize-mouseover { height: 16px; width: 16px; overflow: hidden; background: url('images/images.gif') -4px -70px no-repeat; }
.ejsc-legend-grabber { width: 10px; height: 16px; float: left; overflow: hidden; background: url('images/images.gif') -8px -119px no-repeat; }
.ejsc-legend-owner { background: url('images/images.gif') 0px -34px repeat-x #f4f4f4; height: 14px; line-height: 14px; text-align: left; border-top: 1px solid #aaa; overflow: hidden; padding: 0px 3px; }
.ejsc-legend-owner-icon { background: url('images/images.gif') -6px -328px no-repeat; height: 14px; width: 14px; float: left; }
.ejsc-legend-series-container { height: 80px; padding: 0px; overflow: auto; padding: 1px; position: relative; }
.ejsc-legend-series-div { overflow: hidden; }
.ejsc-legend-series-out { display: block; height: 17px; line-height: 17px; text-decoration: none; margin: 0px; background-image: none; text-decoration: none; background-color: #fff; padding: 2px 3px; position: relative; }
.ejsc-legend-series-over { display: block; height: 17px; line-height: 17px; text-decoration: none; margin: 0px; background-image: url("images/images.gif"); background-position: 0px -34px; background-repeat: repeat-x; text-decoration: none; background-color: #eee; padding: 1px 2px; border: 1px solid #aaa; position: relative; }
.ejsc-legend-series-icon { position: absolute; left: 0px; top: 0px; border: 0px; height: 18px; width: 18px; margin-right: 4px; }
.ejsc-legend-series-icon img { background-image: url("images/images.gif"); background-repeat: no-repeat; height: 16px; width: 16px; border: 0px; position: relative; top: 2px; left: 2px; }
.ejsc-legend-series-over .ejsc-legend-series-icon img { margin: -1px; }
.ejsc-legend-series-caption { margin-left: 18px; margin-right: 18px; position: absolute; width: 100%; line-height: 16px; text-decoration: none; background-image: none; border-bottom: 0px; font-weight: normal; text-align: left; overflow: hidden; height: 17px; white-space: nowrap; }
.ejsc-legend-series-visibility { position: absolute; right: 0px; top: 2px; height: 16px; width: 16px; margin-left: 4px; overflow: hidden; }
.ejsc-legend-series-visibility div { cursor: pointer; height: 16px; width: 16px; overflow: hidden; }
.ejsc-legend-series-on { background: url('images/images.gif') -4px -486px no-repeat; }
.ejsc-legend-series-off { background: url('images/images.gif') -4px -470px no-repeat; }
.ejsc-legend-series-over .ejsc-legend-series-visibility div { margin: -1px 1px; }
.ejsc-canvas-container { position: absolute; }
.ejsc-series-canvas-container { position: absolute; overflow: hidden; }
.ejsc-titlebar { position: absolute; width: 100%; height: 20px; }
.ejsc-titlebar-text { font-size: 11px; font-weight: bold; vertical-align: top; margin-left: 4px; }
.ejsc-zoombox { position: absolute; background-color: #3a6ea5; alpha: .20; -moz-opacity: .20; -khtml-opacity: .20; opacity: .20; filter: alpha(opacity=20); overflow: hidden; }
.ejsc-h-crosshair { position: absolute; height: 100%; width: 1px; left: 50%; margin-left: -1px; overflow: hidden; display: none; }
.ejsc-v-crosshair { position: absolute; width: 100%; height: 1px; top: 50%; margin-top: -1px; overflow: hidden; display: none; }
.ejsc-message { position: absolute; padding: 6px 6px; text-align: center; }
.ejsc-message-info { background-color: #FFFFE1; color: #000; font-weight: bold; border: 1px solid #000; alpha: .80; -moz-opacity: .80; -khtml-opacity: .80; opacity: .80; filter: alpha(opacity=80); }
.ejsc-message-error { background-color: #DA2424; color: #000; font-weight: bold; border: 1px solid #000; alpha: .80; -moz-opacity: .80; -khtml-opacity: .80; opacity: .80; filter: alpha(opacity=80); }
.ejsc-message-nodata { background-color: #fff; color: #000; font-weight: bold; border: 1px solid #000; alpha: .80; -moz-opacity: .80; -khtml-opacity: .80; opacity: .80; filter: alpha(opacity=80); }
.ejsc-message-progress { background-color: #77B3D6; color: #3B5768; font-weight: bold; border: 1px solid #5A869F; alpha: .80; -moz-opacity: .80; -khtml-opacity: .80; opacity: .80; filter: alpha(opacity=80); }
.ejsc-key-grabber { position: absolute; top: 0px; left: 0px; height: 1px; width: 1px; overflow: hidden; display: block; background-color: transparent; border: none; }
.ejsc-h-axis-labels, .ejsc-v-axis-labels, .ejsc-v-label, .ejsc-h-label { position: absolute; }
.ejsc-h-axis-labels, .ejsc-v-axis-labels { height: 100%; width: 100%; }
.ejsc-v-label { text-align: right; }
.ejsc-h-label { text-align: center; }
.ejsc-cursor-position { position: relative; width: 100%; height: 100%; }
.ejsc-cursor-position-marker { overflow: hidden; position: absolute; }
.ejsc-cursor-position-label { padding: 1px; position: absolute; white-space: nowrap; }
.ejsc-cursor-position-h .ejsc-cursor-position-marker { height: 100%; width: 1px; }
.ejsc-cursor-position-v .ejsc-cursor-position-marker { width: 100%; height: 1px; }
.ejsc-cursor-position-marker-left { left: 0px; }
.ejsc-cursor-position-marker-top { top: 0px; }
.ejsc-cursor-position-marker-right { right: 0px; }
.ejsc-cursor-position-marker-bottom { bottom: 0px; }
.ejsc-cursor-position-label-left { text-align: left; left: 0px; }
.ejsc-cursor-position-label-top { top: 0px; }
.ejsc-cursor-position-label-right { text-align: right; right: 0px; }
.ejsc-cursor-position-label-bottom { bottom: 0px; }
.ejsc-v-axis-caption { position: absolute; top: 50%; font-size: 12px; font-weight: bold; white-space: nowrap; text-align: center; overflow: visible; }
.ejsc-left-axis-caption { -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg); }
.ejsc-right-axis-caption { -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); }
.ejsc-h-axis-caption { position: absolute; font-size: 12px; height: 20px; line-height: 20px; font-weight: bold; text-align: center; white-space: nowrap; }
.ejsc-v-axis-caption span, .ejsc-h-axis-caption span { font-size: 12px; font-weight: bold; white-space: nowrap; text-align: center; position: relative; }
.ejsc-v-axis-caption span { font-size: 12px; font-weight: bold; white-space: nowrap; text-align: center; }
.ejsc-hint { z-index: 1; white-space: nowrap; font-family: Helvetica, sans-serif; font-size: 10px; display: none; position: absolute; top: 0px; left: 0px;/* alpha: .70; -moz-opacity: .70; -khtml-opacity: .70; opacity: .70; filter: alpha(opacity=70); */border: 1px solid #999999; background-color: #ffffff; padding: 3px; text-align: left; }
.ejsc-hint a { cursor: pointer; }
.ejsc-hint label { font-weight: bold; font-size: 11px; display: inline; }
.ejsc-hint-canvas-container label { font-weight: bold; display: inline; }
.ejsc-hint-pointer { z-index: 1; display: none; position: absolute; top: 0px; left: 0px; height: 12px; width: 12px; overflow: hidden; }
.ejsc-hint-pointer div { height: 12px; width: 12px; overflow: hidden; }
.ejsc-hint-tl { background: url('images/images.gif') 0px -208px no-repeat; }
.ejsc-hint-tr { background: url('images/images.gif') -12px -208px no-repeat; }
.ejsc-hint-bl { background: url('images/images.gif') 0px -220px no-repeat; }
.ejsc-hint-br { background: url('images/images.gif') -12px -220px no-repeat; }
.ejsc-hidden { display: none; }
.ejsc-invisible { visibility: hidden; }
.ejsc-visible { visibility: visible; }
.ejsc-legend-tree { height: auto; }
.ejsc-legend-tree-items { margin-left: 32px; margin-right: 4px; }
.ejsc-legend-tree-items .ejsc-legend-tree-items { margin-left: 8px; margin-right: 4px; }
.ejsc-legend-tree-item { height: 16px; line-height: 16px; overflow: hidden; white-space: nowrap; text-decoration: none; display: block; cursor: pointer; }
.ejsc-legend-tree-item:hover { font-weight: bold; }
.ejschart, .ejschart * { text-align: left; }
/* BEGIN SERIES ICONS */
.ejsc-legend-series-icon img.undefined { background-position: 0px 0px; }
.ejsc-legend-series-icon img.line { background-position: -4px -438px; }
.ejsc-legend-series-icon img.area { background-position: -4px -390px; }
.ejsc-legend-series-icon img.scatter { background-position: -4px -406px; }
.ejsc-legend-series-icon img.pie { background-position: -4px -422px; }
.ejsc-legend-series-icon img.bar-vertical { background-position: -4px -454px; }
.ejsc-legend-series-icon img.bar-horizontal { background-position: -4px -374px; }
.ejsc-legend-series-icon img.floating-bar-vertical { background-position: -4px -518px; }
.ejsc-legend-series-icon img.floating-bar-horizontal { background-position: -4px -502px; }
.ejsc-legend-series-icon img.stacked-bar-vertical { background-position: -4px -264px; }
.ejsc-legend-series-icon img.stacked-bar-horizontal { background-position: -4px -534px; }
.ejsc-legend-series-icon img.function { background-position: -4px -312px; }
.ejsc-legend-series-icon img.trend { background-position: -4px -296px; }
.ejsc-legend-series-icon img.candlestick { background-position: -4px -248px; }
.ejsc-legend-series-icon img.ohlc { background-position: -4px -232px; }
.ejsc-legend-series-icon img.analog-gauge { background-position: -4px -280px; }
/* END SERIES ICONS */
.ejsc-legend-right { position: absolute; top: 0px; right: 0px; border: 1px solid #ccc; background: #fff; overflow: auto;; }
.ejsc-legend-bottom { position: absolute; bottom: 0px; left: 0px; border: 1px solid #ccc; background: #fff; overflow: auto; }
.ejsc-legend-bottom .ejsc-legend-series { width: 100px; float: left; }
.ejsc-legend-bottom .ejsc-legend-series-container { height: auto !important; }
.ejsc-zoom-buttons { position: absolute; top: 0px; right: 0px; }
.ejsc-zoom-buttons button { position: absolute; top: 0; right: 0; padding: 0; margin: 0 !important; height: 12px; width: 12px; border: 0; background-color: transparent; background-image: url('./images/zoom.gif'); overflow: hidden; }
.ejsc-zoom-buttons button.zoom-in { background-position: -12px 0; }
.ejsc-zoom-buttons button.zoom-out { right: 16px; background-position: 0 0; }
@media print {
.ejsc-canvas-cover { display: none !important; }
.ejsc-legend, .ejsc-legend * { filter: none !important; opacity: 1 !important; }
.ejsc-v-axis-caption { filter: flipH !important; }
.ejsc-zoom-buttons { display: none !important; }
}