UNPKG

2.69 kBCSSView Raw
1/**
2 * Default styles for the dygraphs charting library.
3 */
4
5.dygraph-legend {
6 position: absolute;
7 font-size: 14px;
8 z-index: 10;
9 width: 250px; /* labelsDivWidth */
10 /*
11 dygraphs determines these based on the presence of chart labels.
12 It might make more sense to create a wrapper div around the chart proper.
13 top: 0px;
14 right: 2px;
15 */
16 background: white;
17 line-height: normal;
18 text-align: left;
19 overflow: hidden;
20}
21
22.dygraph-legend[dir="rtl"] {
23 text-align: right;
24}
25
26/* styles for a solid line in the legend */
27.dygraph-legend-line {
28 display: inline-block;
29 position: relative;
30 bottom: .5ex;
31 padding-left: 1em;
32 height: 1px;
33 border-bottom-width: 2px;
34 border-bottom-style: solid;
35 /* border-bottom-color is set based on the series color */
36}
37
38/* styles for a dashed line in the legend, e.g. when strokePattern is set */
39.dygraph-legend-dash {
40 display: inline-block;
41 position: relative;
42 bottom: .5ex;
43 height: 1px;
44 border-bottom-width: 2px;
45 border-bottom-style: solid;
46 /* border-bottom-color is set based on the series color */
47 /* margin-right is set based on the stroke pattern */
48 /* padding-left is set based on the stroke pattern */
49}
50
51.dygraph-roller {
52 position: absolute;
53 z-index: 10;
54}
55
56/* This class is shared by all annotations, including those with icons */
57.dygraph-annotation {
58 position: absolute;
59 z-index: 10;
60 overflow: hidden;
61}
62
63/* This class only applies to annotations without icons */
64/* Old class name: .dygraphDefaultAnnotation */
65.dygraph-default-annotation {
66 border: 1px solid black;
67 background-color: white;
68 text-align: center;
69}
70
71.dygraph-axis-label {
72 /* position: absolute; */
73 /* font-size: 14px; */
74 z-index: 10;
75 line-height: normal;
76 overflow: hidden;
77 color: black; /* replaces old axisLabelColor option */
78}
79
80.dygraph-axis-label-x {
81}
82
83.dygraph-axis-label-y {
84}
85
86.dygraph-axis-label-y2 {
87}
88
89.dygraph-title {
90 font-weight: bold;
91 z-index: 10;
92 text-align: center;
93 /* font-size: based on titleHeight option */
94}
95
96.dygraph-xlabel {
97 text-align: center;
98 /* font-size: based on xLabelHeight option */
99}
100
101/* For y-axis label */
102.dygraph-label-rotate-left {
103 text-align: center;
104 /* See http://caniuse.com/#feat=transforms2d */
105 transform: rotate(90deg);
106 -webkit-transform: rotate(90deg);
107 -moz-transform: rotate(90deg);
108 -o-transform: rotate(90deg);
109 -ms-transform: rotate(90deg);
110}
111
112/* For y2-axis label */
113.dygraph-label-rotate-right {
114 text-align: center;
115 /* See http://caniuse.com/#feat=transforms2d */
116 transform: rotate(-90deg);
117 -webkit-transform: rotate(-90deg);
118 -moz-transform: rotate(-90deg);
119 -o-transform: rotate(-90deg);
120 -ms-transform: rotate(-90deg);
121}