01 | { |
02 | data: { |
03 | dataSets: [ |
04 | { |
05 | id: "dataSet1", |
06 | sourceUrl: "./../../csv-data/csco_daily.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 | dataProviders: { |
20 | generalDataProviders: [ |
21 | { |
22 | dataSet: "dataSet1", |
23 | id: "dp1", |
24 | fields: [ |
25 | { |
26 | type: "Open", |
27 | column: 1, |
28 | approximationType: "Open" |
29 | }, |
30 | { |
31 | type: "High", |
32 | column: 2, |
33 | approximationType: "High" |
34 | }, |
35 | { |
36 | type: "Low", |
37 | column: 3, |
38 | approximationType: "Low" |
39 | }, |
40 | { |
41 | type: "Close", |
42 | column: 4, |
43 | approximationType: "Close" |
44 | }, |
45 | { |
46 | type: "Volume", |
47 | column: 5, |
48 | approximationType: "Average" |
49 | } |
50 | ] |
51 | } |
52 | ], |
53 | scrollerDataProviders: [ |
54 | { |
55 | dataSet: "dataSet1", |
56 | column: 4 |
57 | } |
58 | ] |
59 | } |
60 | }, |
61 | settings: { |
62 | dataGrouping: { |
63 | enabled: true, |
64 | maxVisiblePoints: 450 |
65 | }, |
66 | insideMargin: { |
67 | right: 40 |
68 | }, |
69 | rangeSelector: { |
70 | enabled: true |
71 | }, |
72 | charts: [ |
73 | { |
74 | height: 100, |
75 | legend: { |
76 | dateTime: { |
77 | enabled: false |
78 | }, |
79 | background: { |
80 | fill: { |
81 | type: "Solid", |
82 | color: "White" |
83 | } |
84 | } |
85 | }, |
86 | seriesList: [ |
87 | { |
88 | type: "Line", |
89 | dataProvider: "dp1", |
90 | color: "#253992", |
91 | name: "CSCO", |
92 | lineSeries: { |
93 | thickness: 2 |
94 | } |
95 | } |
96 | ], |
97 | technicalIndicators: [ |
98 | { |
99 | type: "SMA", |
100 | dataProvider: "dp1", |
101 | smaIndicator: { |
102 | period: 20, |
103 | series: { |
104 | type: "Spline", |
105 | color: "#DB2A0E", |
106 | name: "SMA(20)" |
107 | } |
108 | } |
109 | }, |
110 | { |
111 | type: "EMA", |
112 | dataProvider: "dp1", |
113 | emaIndicator: { |
114 | period: 50, |
115 | series: { |
116 | type: "Spline", |
117 | color: "#0066DD", |
118 | name: "EMA(50)" |
119 | } |
120 | } |
121 | } |
122 | ], |
123 | valueAxes: { |
124 | primary: { |
125 | position: "Right", |
126 | labels: { |
127 | position: "Outside", |
128 | padding: 3, |
129 | valign: "Center", |
130 | showFirst: true, |
131 | showLast: true, |
132 | font: { |
133 | family: "Verdana", |
134 | color: "#444444", |
135 | bold: true, |
136 | size: 9 |
137 | }, |
138 | format: "{%Value}{numDecimals:2,trailingZeros:false}" |
139 | }, |
140 | scale: { |
141 | minimumOffset: 0 |
142 | }, |
143 | grid: { |
144 | line: { |
145 | dashed: true, |
146 | dashLength: 3, |
147 | dashSpace: 3, |
148 | pixelHinting: true |
149 | } |
150 | }, |
151 | tickmarks: { |
152 | enabled: true, |
153 | showFirst: true, |
154 | showLast: true, |
155 | thickness: 1, |
156 | size: 3, |
157 | pixelHinting: true, |
158 | color: "#333333" |
159 | } |
160 | } |
161 | }, |
162 | xAxis: { |
163 | majorGrid: { |
164 | line: { |
165 | opacity: 1, |
166 | color: "#D9D9D9" |
167 | } |
168 | }, |
169 | minorGrid: { |
170 | line: { |
171 | dashed: true, |
172 | dashLength: 3, |
173 | dashSpace: 3, |
174 | pixelHinting: true |
175 | } |
176 | } |
177 | } |
178 | }, |
179 | { |
180 | id: "idStochasticChart", |
181 | height: 50, |
182 | legend: { |
183 | dateTime: { |
184 | enabled: false |
185 | }, |
186 | title: { |
187 | enabled: false |
188 | }, |
189 | background: { |
190 | fill: { |
191 | type: "Solid", |
192 | color: "White" |
193 | } |
194 | } |
195 | }, |
196 | valueAxes: { |
197 | primary: { |
198 | position: "Right", |
199 | tickmarks: { |
200 | enabled: true, |
201 | showFirst: true, |
202 | showLast: true, |
203 | thickness: 1, |
204 | size: 3, |
205 | pixelHinting: true, |
206 | color: "#333333" |
207 | }, |
208 | labels: { |
209 | position: "Outside", |
210 | padding: 3, |
211 | valign: "Center", |
212 | showFirst: true, |
213 | showLast: true, |
214 | font: { |
215 | family: "Verdana", |
216 | color: "#444444", |
217 | bold: true, |
218 | size: 9 |
219 | }, |
220 | format: "{%Value}{numDecimals:2,trailingZeros:false}" |
221 | }, |
222 | grid: { |
223 | line: { |
224 | dashed: true, |
225 | dashLength: 3, |
226 | dashSpace: 3, |
227 | pixelHinting: true |
228 | } |
229 | }, |
230 | scale: { |
231 | minimumMode: "CustomValue", |
232 | minimum: 0, |
233 | maximumMode: "CustomValue", |
234 | maximum: 100, |
235 | intervalMode: "CustomValue", |
236 | interval: 20 |
237 | }, |
238 | axisMarkers: { |
239 | rangeMarkers: [ |
240 | { |
241 | lowValue: 0, |
242 | highValue: 20, |
243 | fill: { |
244 | enabled: true, |
245 | type: "Solid", |
246 | color: "#666666", |
247 | opacity: 0.05 |
248 | }, |
249 | highLine: { |
250 | enabled: false |
251 | }, |
252 | lowLine: { |
253 | enabled: false |
254 | }, |
255 | labels: [ |
256 | { |
257 | anchor: "LeftBottom", |
258 | valign: "Top", |
259 | halign: "Right", |
260 | xPadding: 3, |
261 | yPadding: 2, |
262 | format: "Oversold", |
263 | font: { |
264 | family: "Tahoma", |
265 | size: 9, |
266 | color: "#333333" |
267 | }, |
268 | background: { |
269 | enabled: true, |
270 | fill: { |
271 | type: "Solid", |
272 | color: "White" |
273 | }, |
274 | insideMargin: { |
275 | left: 5, |
276 | top: 0, |
277 | right: 5, |
278 | bottom: 0 |
279 | }, |
280 | border: { |
281 | enabled: true, |
282 | color: "#333333", |
283 | opacity: 0.2 |
284 | }, |
285 | corners: { |
286 | type: "Rounded", |
287 | all: 2 |
288 | } |
289 | } |
290 | } |
291 | ] |
292 | }, |
293 | { |
294 | lowValue: 80, |
295 | highValue: 100, |
296 | fill: { |
297 | enabled: true, |
298 | type: "Solid", |
299 | color: "#666666", |
300 | opacity: 0.05 |
301 | }, |
302 | lowLine: { |
303 | enabled: false |
304 | }, |
305 | highLine: { |
306 | enabled: false |
307 | }, |
308 | labels: [ |
309 | { |
310 | anchor: "LeftTop", |
311 | valign: "Bottom", |
312 | halign: "Right", |
313 | xPadding: 3, |
314 | yPadding: 2, |
315 | format: "Overbought", |
316 | font: { |
317 | family: "Tahoma", |
318 | size: 9, |
319 | color: "#333333" |
320 | }, |
321 | background: { |
322 | enabled: true, |
323 | fill: { |
324 | type: "Solid", |
325 | color: "White" |
326 | }, |
327 | insideMargin: { |
328 | left: 5, |
329 | top: 0, |
330 | right: 5, |
331 | bottom: 0 |
332 | }, |
333 | border: { |
334 | enabled: true, |
335 | color: "#333333", |
336 | opacity: 0.2 |
337 | }, |
338 | corners: { |
339 | type: "Rounded", |
340 | all: 2 |
341 | } |
342 | } |
343 | } |
344 | ] |
345 | } |
346 | ] |
347 | } |
348 | } |
349 | }, |
350 | xAxis: { |
351 | majorGrid: { |
352 | line: { |
353 | opacity: 1, |
354 | color: "#D9D9D9" |
355 | } |
356 | }, |
357 | minorGrid: { |
358 | line: { |
359 | dashed: true, |
360 | dashLength: 3, |
361 | dashSpace: 3, |
362 | pixelHinting: true |
363 | } |
364 | }, |
365 | labels: { |
366 | enabled: false |
367 | } |
368 | }, |
369 | technicalIndicators: [ |
370 | { |
371 | type: "StochasticOscillator", |
372 | dataProvider: "dp1", |
374 | kPeriod: 5, |
375 | dPeriod: 3, |
376 | kSeries: { |
377 | id: "idStochasticKSeries", |
378 | name: "Fast Stochastic: %K(5)" |
379 | }, |
380 | dSeries: { |
381 | name: "%D(3)" |
382 | } |
383 | } |
384 | } |
385 | ] |
386 | }, |
387 | { |
388 | height: 50, |
389 | legend: { |
390 | title: { |
391 | enabled: false |
392 | }, |
393 | dateTime: { |
394 | enabled: false |
395 | }, |
396 | background: { |
397 | fill: { |
398 | type: "Solid", |
399 | color: "White" |
400 | } |
401 | } |
402 | }, |
403 | xAxis: { |
404 | majorGrid: { |
405 | line: { |
406 | opacity: 1, |
407 | color: "#D9D9D9" |
408 | } |
409 | }, |
410 | minorGrid: { |
411 | line: { |
412 | dashed: true, |
413 | dashLength: 3, |
414 | dashSpace: 3, |
415 | pixelHinting: true |
416 | } |
417 | }, |
418 | labels: { |
419 | enabled: false |
420 | } |
421 | }, |
422 | valueAxes: { |
423 | primary: { |
424 | position: "Right", |
425 | labels: { |
426 | position: "Outside", |
427 | padding: 3, |
428 | valign: "Center", |
429 | showFirst: true, |
430 | showLast: true, |
431 | font: { |
432 | family: "Verdana", |
433 | color: "#444444", |
434 | bold: true, |
435 | size: 9 |
436 | }, |
437 | format: "{%Value}{scale:(1000)(1000)(1000)|( K)( M)( B),numDecimals:2,trailingZeros:false}" |
438 | }, |
439 | grid: { |
440 | line: { |
441 | dashed: true, |
442 | dashLength: 3, |
443 | dashSpace: 3, |
444 | pixelHinting: true |
445 | } |
446 | }, |
447 | tickmarks: { |
448 | enabled: true, |
449 | showFirst: true, |
450 | showLast: true, |
451 | thickness: 1, |
452 | size: 3, |
453 | pixelHinting: true, |
454 | color: "#333333" |
455 | }, |
456 | scale: { |
457 | minimumMode: "CustomValue", |
458 | minimum: 0 |
459 | } |
460 | } |
461 | }, |
462 | technicalIndicators: [ |
463 | { |
464 | type: "VolumeMA", |
465 | dataProvider: "dp1", |
466 | volumeMaIndicator: { |
467 | maPeriod: 13, |
468 | maType: "SMA", |
469 | maSeries: { |
470 | name: "MA(13)", |
471 | legendItem: { |
472 | labels: { |
473 | focusSettings: { |
474 | mouseOver: { |
475 | format: "{%SeriesIcon} <b><font color=\"%Color\">{%SeriesName} {%Value.Current}{scale:(1000)(1000)(1000)|( K)( M)( B),numDecimals:2}</font></b>" |
476 | }, |
477 | mouseOut: { |
478 | format: "{%SeriesIcon} <b><font color=\"%Color\">{%SeriesName} {%Value.LastVisible}{scale:(1000)(1000)(1000)|( K)( M)( B),numDecimals:2}</font></b>" |
479 | } |
480 | } |
481 | } |
482 | } |
483 | }, |
484 | volumeSeries: { |
485 | legendItem: { |
486 | labels: { |
487 | focusSettings: { |
488 | mouseOver: { |
489 | format: "{%SeriesIcon} <b><font color=\"%Color\">Volume: {%Value.Current}{scale:(1000)(1000)(1000)|( K)( M)( B),numDecimals:2}</font></b> " |
490 | }, |
491 | mouseOut: { |
492 | format: "{%SeriesIcon} <b><font color=\"%Color\">Volume: {%Value.LastVisible}{scale:(1000)(1000)(1000)|( K)( M)( B),numDecimals:2}</font></b> " |
493 | } |
494 | } |
495 | } |
496 | } |
497 | } |
498 | } |
499 | } |
500 | ] |
501 | } |
502 | ], |
503 | timeScale: { |
504 | selectedRange: { |
505 | type: "Unit", |
506 | unit: "Year", |
507 | count: 1 |
508 | } |
509 | } |
510 | } |
511 | } |