01 | { |
02 | data: { |
03 | dataSets: [ |
04 | { |
05 | id: "dataSet1", |
06 | sourceUrl: "./../../csv-data/msft_daily_short.csv", |
07 | csvSettings: { |
08 | ignoreFirstRow: true, |
09 | rowsSeparator: "\n", |
10 | columnsSeparator: "," |
11 | }, |
12 | locale: { |
13 | dateTime: { |
14 | format: "%yyyy%MM%dd" |
15 | } |
16 | } |
17 | }, |
18 | { |
19 | id: "dataSet2", |
20 | sourceUrl: "./../../csv-data/orcl_daily_short.csv", |
21 | csvSettings: { |
22 | ignoreFirstRow: true, |
23 | rowsSeparator: "\n", |
24 | columnsSeparator: "," |
25 | }, |
26 | locale: { |
27 | dateTime: { |
28 | format: "%yyyy%MM%dd" |
29 | } |
30 | } |
31 | } |
32 | ], |
33 | dataProviders: { |
34 | generalDataProviders: [ |
35 | { |
36 | dataSet: "dataSet1", |
37 | id: "dp1", |
38 | fields: [ |
39 | { |
40 | type: "Value", |
41 | column: 4, |
42 | approximationType: "Close" |
43 | } |
44 | ] |
45 | }, |
46 | { |
47 | dataSet: "dataSet2", |
48 | id: "dp2", |
49 | fields: [ |
50 | { |
51 | type: "Value", |
52 | column: 4, |
53 | approximationType: "Close" |
54 | } |
55 | ] |
56 | } |
57 | ], |
58 | scrollerDataProviders: [ |
59 | { |
60 | dataSet: "dataSet1", |
61 | column: 4 |
62 | } |
63 | ] |
64 | } |
65 | }, |
66 | settings: { |
67 | dataGrouping: { |
68 | enabled: true |
69 | }, |
70 | insideMargin: { |
71 | left: 40 |
72 | }, |
73 | charts: [ |
74 | { |
75 | valueAxes: { |
76 | primary: { |
77 | scale: { |
78 | mode: "PercentChanges", |
79 | calculateChangesFrom: "FirstVisible" |
80 | }, |
81 | labels: { |
82 | enabled: true, |
83 | position: "Outside", |
84 | padding: 5, |
85 | valign: "Center", |
86 | showFirst: true, |
87 | showLast: true, |
88 | format: "{%Value}{numDecimals:0}%" |
89 | } |
90 | } |
91 | }, |
92 | legend: { |
93 | dateTime: { |
94 | enabled: true, |
95 | font: { |
96 | bold: true |
97 | }, |
98 | focusSettings: { |
99 | mouseOver: { |
100 | format: "FirstVisible" |
101 | }, |
102 | mouseOut: { |
103 | format: "FirstVisible" |
104 | } |
105 | } |
106 | } |
107 | }, |
108 | seriesList: [ |
109 | { |
110 | type: "Area", |
111 | dataProvider: "dp1", |
112 | color: "#DC3912", |
113 | name: "MSFT" |
114 | }, |
115 | { |
116 | type: "Area", |
117 | dataProvider: "dp2", |
118 | color: "#0066DD", |
119 | name: "ORCL" |
120 | } |
121 | ] |
122 | }, |
123 | { |
124 | valueAxes: { |
125 | primary: { |
126 | scale: { |
127 | mode: "PercentChanges", |
128 | calculateChangesFrom: "SeriesStart" |
129 | }, |
130 | labels: { |
131 | enabled: true, |
132 | position: "Outside", |
133 | padding: 5, |
134 | valign: "Center", |
135 | showFirst: true, |
136 | showLast: true, |
137 | format: "{%Value}{numDecimals:0}%" |
138 | } |
139 | } |
140 | }, |
141 | xAxis: { |
142 | labels: { |
143 | enabled: false |
144 | } |
145 | }, |
146 | legend: { |
147 | dateTime: { |
148 | enabled: true, |
149 | font: { |
150 | bold: true |
151 | }, |
152 | focusSettings: { |
153 | mouseOver: { |
154 | format: "SeriesStart" |
155 | }, |
156 | mouseOut: { |
157 | format: "SeriesStart" |
158 | } |
159 | } |
160 | } |
161 | }, |
162 | seriesList: [ |
163 | { |
164 | type: "Area", |
165 | dataProvider: "dp1", |
166 | color: "#DC3912", |
167 | name: "MSFT" |
168 | }, |
169 | { |
170 | type: "Area", |
171 | dataProvider: "dp2", |
172 | color: "#0066DD", |
173 | name: "ORCL" |
174 | } |
175 | ] |
176 | }, |
177 | { |
178 | valueAxes: { |
179 | primary: { |
180 | scale: { |
181 | mode: "PercentChanges", |
182 | calculateChangesFrom: "CustomDate", |
183 | baseDate: "2007-03-05" |
184 | }, |
185 | labels: { |
186 | enabled: true, |
187 | position: "Outside", |
188 | padding: 5, |
189 | valign: "Center", |
190 | showFirst: true, |
191 | showLast: true, |
192 | format: "{%Value}{numDecimals:0}%" |
193 | } |
194 | } |
195 | }, |
196 | xAxis: { |
197 | labels: { |
198 | enabled: false |
199 | }, |
200 | axisMarkers: { |
201 | lineMarkers: [ |
202 | { |
203 | date: "2007-03-05", |
204 | line: { |
205 | enabled: true, |
206 | color: "DarkRed", |
207 | dashed: true, |
208 | dashLength: 5, |
209 | dashSpace: 5, |
210 | thickness: 2 |
211 | } |
212 | } |
213 | ] |
214 | } |
215 | }, |
216 | legend: { |
217 | dateTime: { |
218 | enabled: true, |
219 | font: { |
220 | bold: true |
221 | }, |
222 | focusSettings: { |
223 | mouseOver: { |
224 | format: "CustomDate" |
225 | }, |
226 | mouseOut: { |
227 | format: "CustomDate" |
228 | } |
229 | } |
230 | } |
231 | }, |
232 | seriesList: [ |
233 | { |
234 | type: "Area", |
235 | dataProvider: "dp1", |
236 | color: "#DC3912", |
237 | name: "MSFT" |
238 | }, |
239 | { |
240 | type: "Area", |
241 | dataProvider: "dp2", |
242 | color: "#0066DD", |
243 | name: "ORCL" |
244 | } |
245 | ] |
246 | } |
247 | ], |
248 | defaults: { |
249 | chart: { |
250 | seriesSettingsDefaults: { |
251 | areaSeries: { |
252 | legendItem: { |
253 | labels: { |
254 | focusSettings: { |
255 | mouseOver: { |
256 | format: "{%SeriesIcon} <b><font color=\"%Color\">{%SeriesName}</font> </b>{%Value.Current} <font color=\"%ChangeColor\">({%PercentValueChange.Current}%)</font> " |
257 | }, |
258 | mouseOut: { |
259 | format: "{%SeriesIcon} <b><font color=\"%Color\">{%SeriesName}</font> </b>{%Value.LastVisible} <font color=\"%ChangeColor\">({%PercentValueChange.LastVisible}%)</font> " |
260 | } |
261 | } |
262 | } |
263 | } |
264 | } |
265 | } |
266 | } |
267 | }, |
268 | timeScale: { |
269 | selectedRange: { |
270 | type: "Custom", |
271 | startDate: "2006-05-03", |
272 | endDate: "2007-08-01" |
273 | } |
274 | } |
275 | } |
276 | } |