01 | { |
02 | data: { |
03 | dataSets: [ |
04 | { |
05 | id: "dataSet1", |
06 | sourceUrl: "./../../csv-data/weather_data.csv", |
07 | csvSettings: { |
08 | ignoreFirstRow: true, |
09 | rowsSeparator: "\n", |
10 | columnsSeparator: "," |
11 | }, |
12 | locale: { |
13 | dateTime: { |
14 | format: "%M/%d/%yyyy" |
15 | } |
16 | } |
17 | } |
18 | ], |
19 | dataProviders: { |
20 | generalDataProviders: [ |
21 | { |
22 | dataSet: "dataSet1", |
23 | id: "dp1", |
24 | fields: [ |
25 | { |
26 | type: "High", |
27 | column: 2, |
28 | approximationType: "High" |
29 | }, |
30 | { |
31 | type: "Low", |
32 | column: 3, |
33 | approximationType: "Low" |
34 | } |
35 | ] |
36 | }, |
37 | { |
38 | dataSet: "dataSet1", |
39 | id: "dp2", |
40 | fields: [ |
41 | { |
42 | type: "Value", |
43 | column: 4, |
44 | approximationType: "Average" |
45 | } |
46 | ] |
47 | } |
48 | ], |
49 | scrollerDataProviders: [ |
50 | { |
51 | dataSet: "dataSet1", |
52 | column: 4 |
53 | } |
54 | ] |
55 | } |
56 | }, |
57 | settings: { |
58 | dataGrouping: { |
59 | enabled: true, |
60 | maxVisiblePoints: 250 |
61 | }, |
62 | insideMargin: { |
63 | right: 35 |
64 | }, |
65 | rangeSelector: { |
66 | enabled: true, |
67 | presets: { |
68 | title: { |
69 | format: "Years:" |
70 | }, |
71 | ranges: [ |
72 | { |
73 | type: "Custom", |
74 | startDate: "2006-01-01", |
75 | endDate: "2006-12-31", |
76 | format: "2006" |
77 | }, |
78 | { |
79 | type: "Custom", |
80 | startDate: "2007-01-01", |
81 | endDate: "2007-12-31", |
82 | format: "2007" |
83 | }, |
84 | { |
85 | type: "Custom", |
86 | startDate: "2008-01-01", |
87 | endDate: "2008-12-31", |
88 | format: "2008" |
89 | }, |
90 | { |
91 | type: "Max", |
92 | format: " All " |
93 | } |
94 | ] |
95 | } |
96 | }, |
97 | charts: [ |
98 | { |
99 | height: 100, |
100 | legend: { |
101 | dateTime: { |
102 | font: { |
103 | family: "Verdana", |
104 | color: "#444444", |
105 | bold: true, |
106 | size: 9 |
107 | }, |
108 | format: "Default settings" |
109 | } |
110 | }, |
111 | seriesList: [ |
112 | { |
113 | type: "RangeSplineArea", |
114 | dataProvider: "dp1", |
115 | color: "#00B62D", |
116 | name: "High/Low Temp. (C)" |
117 | } |
118 | ], |
119 | valueAxes: { |
120 | primary: { |
121 | position: "Right", |
122 | labels: { |
123 | position: "Outside", |
124 | padding: 3, |
125 | valign: "Center", |
126 | showFirst: true, |
127 | showLast: true, |
128 | font: { |
129 | family: "Verdana", |
130 | color: "#444444", |
131 | bold: true, |
132 | size: 9 |
133 | }, |
134 | format: "{%Value}{numDecimals:2,trailingZeros:false}" |
135 | }, |
136 | scale: { |
137 | minimumOffset: 0 |
138 | }, |
139 | tickmarks: { |
140 | enabled: true, |
141 | showFirst: true, |
142 | showLast: true, |
143 | thickness: 1, |
144 | size: 3, |
145 | pixelHinting: true, |
146 | color: "#333333" |
147 | } |
148 | } |
149 | } |
150 | }, |
151 | { |
152 | height: 100, |
153 | legend: { |
154 | dateTime: { |
155 | font: { |
156 | family: "Verdana", |
157 | color: "#444444", |
158 | bold: true, |
159 | size: 9 |
160 | }, |
161 | format: "Custom fill and lines thickness" |
162 | } |
163 | }, |
164 | seriesList: [ |
165 | { |
166 | type: "RangeSplineArea", |
167 | dataProvider: "dp1", |
168 | color: "#00B62D", |
169 | name: "High/Low Temp. (C)", |
170 | rangeAreaSeries: { |
171 | fill: { |
172 | color: "%Color", |
173 | opacity: 0.3 |
174 | }, |
175 | high: { |
176 | line: { |
177 | color: "DarkColor(%Color)", |
178 | thickness: 2 |
179 | } |
180 | }, |
181 | low: { |
182 | line: { |
183 | color: "DarkColor(%Color)", |
184 | thickness: 2 |
185 | } |
186 | } |
187 | } |
188 | } |
189 | ], |
190 | valueAxes: { |
191 | primary: { |
192 | position: "Right", |
193 | labels: { |
194 | position: "Outside", |
195 | padding: 3, |
196 | valign: "Center", |
197 | showFirst: true, |
198 | showLast: true, |
199 | font: { |
200 | family: "Verdana", |
201 | color: "#444444", |
202 | bold: true, |
203 | size: 9 |
204 | }, |
205 | format: "{%Value}{numDecimals:2,trailingZeros:false}" |
206 | }, |
207 | scale: { |
208 | minimumOffset: 0 |
209 | }, |
210 | tickmarks: { |
211 | enabled: true, |
212 | showFirst: true, |
213 | showLast: true, |
214 | thickness: 1, |
215 | size: 3, |
216 | pixelHinting: true, |
217 | color: "#333333" |
218 | } |
219 | } |
220 | } |
221 | } |
222 | ], |
223 | timeScale: { |
224 | selectedRange: { |
225 | type: "Custom", |
226 | startDate: "2008-01-01", |
227 | endDate: "2008-12-31" |
228 | } |
229 | }, |
230 | scroller: { |
231 | timeScale: { |
232 | maxTicksCount: 6 |
233 | } |
234 | } |
235 | } |
236 | } |