01 | { |
02 | data: { |
03 | dataSets: [ |
04 | { |
05 | id: "dataSet1", |
06 | sourceUrl: "./../../csv-data/csco_daily_short.csv", |
07 | csvSettings: { |
08 | ignoreFirstRow: true, |
09 | rowsSeparator: "\n" |
10 | }, |
11 | locale: { |
12 | dateTime: { |
13 | format: "%yyyy%MM%dd" |
14 | } |
15 | } |
16 | } |
17 | ], |
18 | dataProviders: { |
19 | generalDataProviders: [ |
20 | { |
21 | dataSet: "dataSet1", |
22 | id: "dp1", |
23 | fields: [ |
24 | { |
25 | type: "High", |
26 | column: 2, |
27 | approximationType: "High" |
28 | }, |
29 | { |
30 | type: "Low", |
31 | column: 3, |
32 | approximationType: "Low" |
33 | }, |
34 | { |
35 | type: "Close", |
36 | column: 4, |
37 | approximationType: "Close" |
38 | } |
39 | ] |
40 | } |
41 | ], |
42 | scrollerDataProviders: [ |
43 | { |
44 | dataSet: "dataSet1", |
45 | column: 4 |
46 | } |
47 | ] |
48 | } |
49 | }, |
50 | settings: { |
51 | insideMargin: { |
52 | right: 35 |
53 | }, |
54 | charts: [ |
55 | { |
56 | height: 100, |
57 | legend: { |
58 | dateTime: { |
59 | enabled: false |
60 | } |
61 | }, |
62 | valueAxes: { |
63 | primary: { |
64 | position: "Right", |
65 | labels: { |
66 | position: "Outside", |
67 | padding: 3, |
68 | valign: "Center", |
69 | showFirst: true, |
70 | showLast: true, |
71 | font: { |
72 | family: "Verdana", |
73 | color: "#444444", |
74 | bold: true, |
75 | size: 9 |
76 | }, |
77 | format: "{%Value}{numDecimals:2,trailingZeros:false}" |
78 | }, |
79 | scale: { |
80 | minimumOffset: 0 |
81 | }, |
82 | grid: { |
83 | line: { |
84 | dashed: true, |
85 | dashLength: 3, |
86 | dashSpace: 3, |
87 | pixelHinting: true |
88 | } |
89 | }, |
90 | tickmarks: { |
91 | enabled: true, |
92 | showFirst: true, |
93 | showLast: true, |
94 | thickness: 1, |
95 | size: 3, |
96 | pixelHinting: true, |
97 | color: "#333333" |
98 | } |
99 | } |
100 | }, |
101 | xAxis: { |
102 | majorGrid: { |
103 | line: { |
104 | opacity: 1, |
105 | color: "#D9D9D9" |
106 | } |
107 | }, |
108 | minorGrid: { |
109 | line: { |
110 | dashed: true, |
111 | dashLength: 3, |
112 | dashSpace: 3, |
113 | pixelHinting: true |
114 | } |
115 | } |
116 | }, |
117 | seriesList: [ |
118 | { |
119 | id: "idCscoSeries", |
120 | type: "Line", |
121 | dataProvider: "dp1", |
122 | color: "#0066DD", |
123 | lineSeries: { |
124 | thickness: 2 |
125 | }, |
126 | name: "CSCO" |
127 | } |
128 | ] |
129 | }, |
130 | { |
131 | id: "idStochasticChart", |
132 | height: 50, |
133 | legend: { |
134 | dateTime: { |
135 | enabled: false |
136 | }, |
137 | title: { |
138 | enabled: false |
139 | }, |
140 | background: { |
141 | fill: { |
142 | type: "Solid", |
143 | color: "White" |
144 | } |
145 | } |
146 | }, |
147 | valueAxes: { |
148 | primary: { |
149 | position: "Right", |
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 | labels: { |
160 | position: "Outside", |
161 | padding: 3, |
162 | valign: "Center", |
163 | showFirst: true, |
164 | showLast: true, |
165 | font: { |
166 | family: "Verdana", |
167 | color: "#444444", |
168 | bold: true, |
169 | size: 9 |
170 | }, |
171 | format: "{%Value}{numDecimals:2,trailingZeros:false}" |
172 | }, |
173 | grid: { |
174 | line: { |
175 | dashed: true, |
176 | dashLength: 3, |
177 | dashSpace: 3, |
178 | pixelHinting: true |
179 | } |
180 | }, |
181 | scale: { |
182 | minimumMode: "CustomValue", |
183 | minimum: 0, |
184 | maximumMode: "CustomValue", |
185 | maximum: 100, |
186 | intervalMode: "CustomValue", |
187 | interval: 20 |
188 | }, |
189 | axisMarkers: { |
190 | rangeMarkers: [ |
191 | { |
192 | lowValue: 0, |
193 | highValue: 20, |
194 | fill: { |
195 | enabled: true, |
196 | type: "Solid", |
197 | color: "#666666", |
198 | opacity: 0.05 |
199 | }, |
200 | highLine: { |
201 | enabled: false |
202 | }, |
203 | lowLine: { |
204 | enabled: false |
205 | }, |
206 | labels: [ |
207 | { |
208 | anchor: "LeftBottom", |
209 | valign: "Top", |
210 | halign: "Right", |
211 | xPadding: 3, |
212 | yPadding: 2, |
213 | format: "Oversold", |
214 | font: { |
215 | family: "Tahoma", |
216 | size: 9, |
217 | color: "#333333" |
218 | }, |
219 | background: { |
220 | enabled: true, |
221 | fill: { |
222 | type: "Solid", |
223 | color: "White" |
224 | }, |
225 | insideMargin: { |
226 | left: 5, |
227 | top: 0, |
228 | right: 5, |
229 | bottom: 0 |
230 | }, |
231 | border: { |
232 | enabled: true, |
233 | color: "#333333", |
234 | opacity: 0.2 |
235 | }, |
236 | corners: { |
237 | type: "Rounded", |
238 | all: 2 |
239 | } |
240 | } |
241 | } |
242 | ] |
243 | }, |
244 | { |
245 | lowValue: 80, |
246 | highValue: 100, |
247 | fill: { |
248 | enabled: true, |
249 | type: "Solid", |
250 | color: "#666666", |
251 | opacity: 0.05 |
252 | }, |
253 | lowLine: { |
254 | enabled: false |
255 | }, |
256 | highLine: { |
257 | enabled: false |
258 | }, |
259 | labels: [ |
260 | { |
261 | anchor: "LeftTop", |
262 | valign: "Bottom", |
263 | halign: "Right", |
264 | xPadding: 3, |
265 | yPadding: 2, |
266 | format: "Overbought", |
267 | font: { |
268 | family: "Tahoma", |
269 | size: 9, |
270 | color: "#333333" |
271 | }, |
272 | background: { |
273 | enabled: true, |
274 | fill: { |
275 | type: "Solid", |
276 | color: "White" |
277 | }, |
278 | insideMargin: { |
279 | left: 5, |
280 | top: 0, |
281 | right: 5, |
282 | bottom: 0 |
283 | }, |
284 | border: { |
285 | enabled: true, |
286 | color: "#333333", |
287 | opacity: 0.2 |
288 | }, |
289 | corners: { |
290 | type: "Rounded", |
291 | all: 2 |
292 | } |
293 | } |
294 | } |
295 | ] |
296 | } |
297 | ] |
298 | } |
299 | } |
300 | }, |
301 | xAxis: { |
302 | majorGrid: { |
303 | line: { |
304 | opacity: 1, |
305 | color: "#D9D9D9" |
306 | } |
307 | }, |
308 | minorGrid: { |
309 | line: { |
310 | dashed: true, |
311 | dashLength: 3, |
312 | dashSpace: 3, |
313 | pixelHinting: true |
314 | } |
315 | }, |
316 | labels: { |
317 | enabled: false |
318 | } |
319 | }, |
320 | technicalIndicators: [ |
321 | { |
322 | type: "StochasticOscillator", |
323 | dataProvider: "dp1", |
325 | kPeriod: 14, |
326 | dPeriod: 3, |
327 | kSeries: { |
328 | id: "idStochasticKSeries", |
329 | name: "Fast Stochastic: %K(14)" |
330 | }, |
331 | dSeries: { |
332 | name: "%D(3)" |
333 | } |
334 | } |
335 | } |
336 | ] |
337 | } |
338 | ], |
339 | timeScale: { |
340 | selectedRange: { |
341 | type: "YTD" |
342 | } |
343 | }, |
344 | rangeSelector: { |
345 | enabled: true |
346 | } |
347 | } |
348 | } |