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