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: "RangeBar", |
114 | dataProvider: "dp1", |
115 | color: "#DC3912", |
116 | name: "High/Low Temp. (C)", |
117 | rangeBarSeries: { |
118 | width: 0.5 |
119 | } |
120 | } |
121 | ], |
122 | valueAxes: { |
123 | primary: { |
124 | position: "Right", |
125 | labels: { |
126 | position: "Outside", |
127 | padding: 3, |
128 | valign: "Center", |
129 | showFirst: true, |
130 | showLast: true, |
131 | font: { |
132 | family: "Verdana", |
133 | color: "#444444", |
134 | bold: true, |
135 | size: 9 |
136 | }, |
137 | format: "{%Value}{numDecimals:2,trailingZeros:false}" |
138 | }, |
139 | scale: { |
140 | minimumOffset: 0 |
141 | }, |
142 | tickmarks: { |
143 | enabled: true, |
144 | showFirst: true, |
145 | showLast: true, |
146 | thickness: 1, |
147 | size: 3, |
148 | pixelHinting: true, |
149 | color: "#333333" |
150 | } |
151 | } |
152 | } |
153 | }, |
154 | { |
155 | height: 100, |
156 | legend: { |
157 | dateTime: { |
158 | font: { |
159 | family: "Verdana", |
160 | color: "#444444", |
161 | bold: true, |
162 | size: 9 |
163 | }, |
164 | format: "Custom fill and border" |
165 | } |
166 | }, |
167 | seriesList: [ |
168 | { |
169 | type: "RangeBar", |
170 | dataProvider: "dp1", |
171 | color: "#DC3912", |
172 | name: "High/Low Temp. (C)", |
173 | rangeBarSeries: { |
174 | width: 0.5, |
175 | fill: { |
176 | color: "%Color", |
177 | opacity: 0.3 |
178 | }, |
179 | border: { |
180 | color: "DarkColor(%Color)", |
181 | thickness: 2, |
182 | opacity: 0.8 |
183 | } |
184 | } |
185 | } |
186 | ], |
187 | valueAxes: { |
188 | primary: { |
189 | position: "Right", |
190 | labels: { |
191 | position: "Outside", |
192 | padding: 3, |
193 | valign: "Center", |
194 | showFirst: true, |
195 | showLast: true, |
196 | font: { |
197 | family: "Verdana", |
198 | color: "#444444", |
199 | bold: true, |
200 | size: 9 |
201 | }, |
202 | format: "{%Value}{numDecimals:2,trailingZeros:false}" |
203 | }, |
204 | scale: { |
205 | minimumOffset: 0 |
206 | }, |
207 | tickmarks: { |
208 | enabled: true, |
209 | showFirst: true, |
210 | showLast: true, |
211 | thickness: 1, |
212 | size: 3, |
213 | pixelHinting: true, |
214 | color: "#333333" |
215 | } |
216 | } |
217 | } |
218 | } |
219 | ], |
220 | timeScale: { |
221 | selectedRange: { |
222 | type: "Custom", |
223 | startDate: "2008-01-01", |
224 | endDate: "2008-12-31" |
225 | } |
226 | }, |
227 | scroller: { |
228 | timeScale: { |
229 | maxTicksCount: 6 |
230 | } |
231 | } |
232 | } |
233 | } |