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: "#328166", |
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: "#404040", |
106 | name: "SMA(20)" |
107 | } |
108 | } |
109 | }, |
110 | { |
111 | type: "BBands", |
112 | dataProvider: "dp1", |
113 | bbandsIndicator: { |
114 | period: 20, |
115 | deviation: 2, |
116 | upperSeries: { |
117 | name: "BBands(20,2)" |
118 | } |
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 | grid: { |
143 | line: { |
144 | dashed: true, |
145 | dashLength: 3, |
146 | dashSpace: 3, |
147 | pixelHinting: true |
148 | } |
149 | }, |
150 | tickmarks: { |
151 | enabled: true, |
152 | showFirst: true, |
153 | showLast: true, |
154 | thickness: 1, |
155 | size: 3, |
156 | pixelHinting: true, |
157 | color: "#333333" |
158 | } |
159 | } |
160 | }, |
161 | xAxis: { |
162 | majorGrid: { |
163 | line: { |
164 | opacity: 1, |
165 | color: "#D9D9D9" |
166 | } |
167 | }, |
168 | minorGrid: { |
169 | line: { |
170 | dashed: true, |
171 | dashLength: 3, |
172 | dashSpace: 3, |
173 | pixelHinting: true |
174 | } |
175 | } |
176 | } |
177 | }, |
178 | { |
179 | height: 50, |
180 | legend: { |
181 | title: { |
182 | enabled: false |
183 | }, |
184 | dateTime: { |
185 | enabled: false |
186 | }, |
187 | background: { |
188 | fill: { |
189 | type: "Solid", |
190 | color: "White" |
191 | } |
192 | } |
193 | }, |
194 | valueAxes: { |
195 | primary: { |
196 | position: "Right", |
197 | labels: { |
198 | position: "Outside", |
199 | padding: 3, |
200 | valign: "Center", |
201 | showFirst: true, |
202 | showLast: true, |
203 | font: { |
204 | family: "Verdana", |
205 | color: "#444444", |
206 | bold: true, |
207 | size: 9 |
208 | }, |
209 | format: "{%Value}{numDecimals:2,trailingZeros:false}" |
210 | }, |
211 | scale: { |
212 | minimumMode: "CustomValue", |
213 | minimum: 0, |
214 | maximumMode: "CustomValue", |
215 | maximum: 100, |
216 | intervalMode: "CustomValue", |
217 | interval: 50 |
218 | }, |
219 | grid: { |
220 | line: { |
221 | dashed: true, |
222 | dashLength: 3, |
223 | dashSpace: 3, |
224 | pixelHinting: true |
225 | } |
226 | }, |
227 | tickmarks: { |
228 | enabled: true, |
229 | showFirst: true, |
230 | showLast: true, |
231 | thickness: 1, |
232 | size: 3, |
233 | pixelHinting: true, |
234 | color: "#333333" |
235 | }, |
236 | axisMarkers: { |
237 | lineMarkers: [ |
238 | { |
239 | value: 30, |
240 | line: { |
241 | dashed: true, |
242 | color: "#009933" |
243 | }, |
244 | labels: [ |
245 | { |
246 | anchor: "Right", |
247 | halign: "Right", |
248 | xPadding: 3, |
249 | format: "30", |
250 | font: { |
251 | family: "Verdana", |
252 | color: "#FFFFFF", |
253 | bold: true, |
254 | size: 8 |
255 | }, |
256 | background: { |
257 | enabled: true, |
258 | fill: { |
259 | enabled: true, |
260 | color: "#009933" |
261 | }, |
262 | border: { |
263 | enabled: false |
264 | }, |
265 | corners: { |
266 | type: "Rounded", |
267 | all: 3 |
268 | }, |
269 | insideMargin: { |
270 | left: 2, |
271 | right: 2, |
272 | top: -2, |
273 | bottom: -2 |
274 | } |
275 | } |
276 | } |
277 | ] |
278 | }, |
279 | { |
280 | value: 70, |
281 | line: { |
282 | dashed: true, |
283 | color: "#BD240C" |
284 | }, |
285 | labels: [ |
286 | { |
287 | anchor: "Right", |
288 | halign: "Right", |
289 | xPadding: 3, |
290 | format: "70", |
291 | font: { |
292 | family: "Verdana", |
293 | color: "#FFFFFF", |
294 | bold: true, |
295 | size: 8 |
296 | }, |
297 | background: { |
298 | enabled: true, |
299 | fill: { |
300 | enabled: true, |
301 | color: "#BD240C" |
302 | }, |
303 | border: { |
304 | enabled: false |
305 | }, |
306 | corners: { |
307 | type: "Rounded", |
308 | all: 3 |
309 | }, |
310 | insideMargin: { |
311 | left: 2, |
312 | right: 2, |
313 | top: -2, |
314 | bottom: -2 |
315 | } |
316 | } |
317 | } |
318 | ] |
319 | } |
320 | ] |
321 | } |
322 | } |
323 | }, |
324 | xAxis: { |
325 | majorGrid: { |
326 | line: { |
327 | opacity: 1, |
328 | color: "#D9D9D9" |
329 | } |
330 | }, |
331 | minorGrid: { |
332 | line: { |
333 | dashed: true, |
334 | dashLength: 3, |
335 | dashSpace: 3, |
336 | pixelHinting: true |
337 | } |
338 | }, |
339 | labels: { |
340 | enabled: false |
341 | } |
342 | }, |
343 | technicalIndicators: [ |
344 | { |
345 | type: "RSI", |
346 | dataProvider: "dp1", |
347 | rsiIndicator: { |
348 | period: 14, |
349 | series: { |
350 | color: "#253992", |
351 | name: "RSI(14)" |
352 | } |
353 | } |
354 | } |
355 | ] |
356 | }, |
357 | { |
358 | height: 50, |
359 | legend: { |
360 | title: { |
361 | enabled: false |
362 | }, |
363 | dateTime: { |
364 | enabled: false |
365 | }, |
366 | background: { |
367 | fill: { |
368 | type: "Solid", |
369 | color: "White" |
370 | } |
371 | } |
372 | }, |
373 | valueAxes: { |
374 | primary: { |
375 | position: "Right", |
376 | labels: { |
377 | position: "Outside", |
378 | padding: 3, |
379 | valign: "Center", |
380 | showFirst: true, |
381 | showLast: true, |
382 | font: { |
383 | family: "Verdana", |
384 | color: "#444444", |
385 | bold: true, |
386 | size: 9 |
387 | }, |
388 | format: "{%Value}{numDecimals:2,trailingZeros:false}" |
389 | }, |
390 | scale: { |
391 | minimumMode: "CustomValue", |
392 | minimum: -100, |
393 | maximumMode: "CustomValue", |
394 | maximum: 0, |
395 | intervalMode: "CustomValue", |
396 | interval: 20 |
397 | }, |
398 | grid: { |
399 | line: { |
400 | dashed: true, |
401 | dashLength: 3, |
402 | dashSpace: 3, |
403 | pixelHinting: true |
404 | } |
405 | }, |
406 | tickmarks: { |
407 | enabled: true, |
408 | showFirst: true, |
409 | showLast: true, |
410 | thickness: 1, |
411 | size: 3, |
412 | pixelHinting: true, |
413 | color: "#333333" |
414 | } |
415 | } |
416 | }, |
417 | xAxis: { |
418 | majorGrid: { |
419 | line: { |
420 | opacity: 1, |
421 | color: "#D9D9D9" |
422 | } |
423 | }, |
424 | minorGrid: { |
425 | line: { |
426 | dashed: true, |
427 | dashLength: 3, |
428 | dashSpace: 3, |
429 | pixelHinting: true |
430 | } |
431 | }, |
432 | labels: { |
433 | enabled: false |
434 | } |
435 | }, |
436 | technicalIndicators: [ |
437 | { |
438 | type: "WilliamsR", |
439 | dataProvider: "dp1", |
440 | williamsRIndicator: { |
441 | period: 14, |
442 | series: { |
443 | type: "Line", |
444 | color: "#253992", |
445 | name: "Williams %R(14)", |
446 | legendItem: { |
447 | enabled: true, |
448 | labels: { |
449 | icon: { |
450 | size: 8, |
451 | type: "Square", |
452 | fill: { |
453 | color: "%Color" |
454 | }, |
455 | border: { |
456 | enabled: true, |
457 | thickness: 1, |
458 | color: "DarkColor(%Color)", |
459 | opacity: 0.4 |
460 | } |
461 | }, |
462 | focusSettings: { |
463 | mouseOver: { |
464 | format: "{%SeriesIcon} <b><font color=\"%Color\">{%SeriesName} {%Value.Current}{numDecimals:2,negativeSignStyle:None}</font></b> " |
465 | }, |
466 | mouseOut: { |
467 | format: "{%SeriesIcon} <b><font color=\"%Color\">{%SeriesName} {%Value.LastVisible}{numDecimals:2,negativeSignStyle:None}</font></b> " |
468 | } |
469 | } |
470 | } |
471 | } |
472 | } |
473 | } |
474 | } |
475 | ] |
476 | } |
477 | ], |
478 | timeScale: { |
479 | selectedRange: { |
480 | type: "Unit", |
481 | unit: "Year", |
482 | count: 1 |
483 | } |
484 | } |
485 | } |
486 | } |