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 | } |