| 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: "EMA", | 
| 100 |             dataProvider: "dp1", | 
| 101 |             emaIndicator: { | 
| 102 |               period: 50, | 
| 103 |               series: { | 
| 104 |                 type: "Spline", | 
| 105 |                 color: "#0066DD", | 
| 106 |                 name: "EMA(50)" | 
| 107 |               } | 
| 108 |             } | 
| 109 |           }, | 
| 110 |           { | 
| 111 |             type: "PSAR", | 
| 112 |             dataProvider: "dp1", | 
| 113 |             psarIndicator: { | 
| 114 |               stepPeriod: 0.02, | 
| 115 |               maxStepPeriod: 0.2, | 
| 116 |               series: { | 
| 117 |                 name: "Parabolic SAR(0.02,0.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 |           dateTime: { | 
| 182 |             enabled: false | 
| 183 |           }, | 
| 184 |           title: { | 
| 185 |             enabled: false | 
| 186 |           }, | 
| 187 |           background: { | 
| 188 |             fill: { | 
| 189 |               type: "Solid", | 
| 190 |               color: "White" | 
| 191 |             } | 
| 192 |           } | 
| 193 |         }, | 
| 194 |         technicalIndicators: [ | 
| 195 |           { | 
| 196 |             type: "MACD", | 
| 197 |             dataProvider: "dp1", | 
| 198 |             macdIndicator: { | 
| 199 |               slowPeriod: 26, | 
| 200 |               fastPeriod: 12, | 
| 201 |               signalPeriod: 9, | 
| 202 |               macdSeries: { | 
| 203 |                 name: "MACD(26,12)" | 
| 204 |               }, | 
| 205 |               signalSeries: { | 
| 206 |                 name: "EMA(9)" | 
| 207 |               } | 
| 208 |             } | 
| 209 |           } | 
| 210 |         ], | 
| 211 |         valueAxes: { | 
| 212 |           primary: { | 
| 213 |             position: "Right", | 
| 214 |             labels: { | 
| 215 |               position: "Outside", | 
| 216 |               padding: 3, | 
| 217 |               valign: "Center", | 
| 218 |               showFirst: true, | 
| 219 |               showLast: true, | 
| 220 |               font: { | 
| 221 |                 family: "Verdana", | 
| 222 |                 color: "#444444", | 
| 223 |                 bold: true, | 
| 224 |                 size: 9 | 
| 225 |               }, | 
| 226 |               format: "{%Value}{numDecimals:3,trailingZeros:false}" | 
| 227 |             }, | 
| 228 |             grid: { | 
| 229 |               line: { | 
| 230 |                 dashed: true, | 
| 231 |                 dashLength: 3, | 
| 232 |                 dashSpace: 3, | 
| 233 |                 pixelHinting: true | 
| 234 |               } | 
| 235 |             }, | 
| 236 |             tickmarks: { | 
| 237 |               enabled: true, | 
| 238 |               showFirst: true, | 
| 239 |               showLast: true, | 
| 240 |               thickness: 1, | 
| 241 |               size: 3, | 
| 242 |               pixelHinting: true, | 
| 243 |               color: "#333333" | 
| 244 |             } | 
| 245 |           } | 
| 246 |         }, | 
| 247 |         xAxis: { | 
| 248 |           labels: { | 
| 249 |             enabled: false | 
| 250 |           }, | 
| 251 |           majorGrid: { | 
| 252 |             line: { | 
| 253 |               opacity: 1, | 
| 254 |               color: "#D9D9D9" | 
| 255 |             } | 
| 256 |           }, | 
| 257 |           minorGrid: { | 
| 258 |             line: { | 
| 259 |               dashed: true, | 
| 260 |               dashLength: 3, | 
| 261 |               dashSpace: 3, | 
| 262 |               pixelHinting: true | 
| 263 |             } | 
| 264 |           } | 
| 265 |         } | 
| 266 |       }, | 
| 267 |       { | 
| 268 |         height: 50, | 
| 269 |         legend: { | 
| 270 |           title: { | 
| 271 |             enabled: false | 
| 272 |           }, | 
| 273 |           dateTime: { | 
| 274 |             enabled: false | 
| 275 |           }, | 
| 276 |           background: { | 
| 277 |             fill: { | 
| 278 |               type: "Solid", | 
| 279 |               color: "White" | 
| 280 |             } | 
| 281 |           } | 
| 282 |         }, | 
| 283 |         xAxis: { | 
| 284 |           majorGrid: { | 
| 285 |             line: { | 
| 286 |               opacity: 1, | 
| 287 |               color: "#D9D9D9" | 
| 288 |             } | 
| 289 |           }, | 
| 290 |           minorGrid: { | 
| 291 |             line: { | 
| 292 |               dashed: true, | 
| 293 |               dashLength: 3, | 
| 294 |               dashSpace: 3, | 
| 295 |               pixelHinting: true | 
| 296 |             } | 
| 297 |           }, | 
| 298 |           labels: { | 
| 299 |             enabled: false | 
| 300 |           } | 
| 301 |         }, | 
| 302 |         valueAxes: { | 
| 303 |           primary: { | 
| 304 |             position: "Right", | 
| 305 |             labels: { | 
| 306 |               position: "Outside", | 
| 307 |               padding: 3, | 
| 308 |               valign: "Center", | 
| 309 |               showFirst: true, | 
| 310 |               showLast: true, | 
| 311 |               font: { | 
| 312 |                 family: "Verdana", | 
| 313 |                 color: "#444444", | 
| 314 |                 bold: true, | 
| 315 |                 size: 9 | 
| 316 |               }, | 
| 317 |               format: "{%Value}{scale:(1000)(1000)(1000)|( K)( M)( B),numDecimals:2,trailingZeros:false}" | 
| 318 |             }, | 
| 319 |             grid: { | 
| 320 |               line: { | 
| 321 |                 dashed: true, | 
| 322 |                 dashLength: 3, | 
| 323 |                 dashSpace: 3, | 
| 324 |                 pixelHinting: true | 
| 325 |               } | 
| 326 |             }, | 
| 327 |             tickmarks: { | 
| 328 |               enabled: true, | 
| 329 |               showFirst: true, | 
| 330 |               showLast: true, | 
| 331 |               thickness: 1, | 
| 332 |               size: 3, | 
| 333 |               pixelHinting: true, | 
| 334 |               color: "#333333" | 
| 335 |             }, | 
| 336 |             scale: { | 
| 337 |               minimumMode: "CustomValue", | 
| 338 |               minimum: 0 | 
| 339 |             } | 
| 340 |           } | 
| 341 |         }, | 
| 342 |         technicalIndicators: [ | 
| 343 |           { | 
| 344 |             type: "Volume", | 
| 345 |             dataProvider: "dp1", | 
| 346 |             volumeIndicator: { | 
| 347 |               series: { | 
| 348 |                 legendItem: { | 
| 349 |                   labels: { | 
| 350 |                     focusSettings: { | 
| 351 |                       mouseOver: { | 
| 352 |                         format: "{%SeriesIcon} <b><font color=\"%Color\">Volume: {%Value.Current}{scale:(1000)(1000)(1000)|( K)( M)( B),numDecimals:2}</font></b>  " | 
| 353 |                       }, | 
| 354 |                       mouseOut: { | 
| 355 |                         format: "{%SeriesIcon} <b><font color=\"%Color\">Volume: {%Value.LastVisible}{scale:(1000)(1000)(1000)|( K)( M)( B),numDecimals:2}</font></b>  " | 
| 356 |                       } | 
| 357 |                     } | 
| 358 |                   } | 
| 359 |                 } | 
| 360 |               } | 
| 361 |             } | 
| 362 |           } | 
| 363 |         ] | 
| 364 |       } | 
| 365 |     ], | 
| 366 |     timeScale: { | 
| 367 |       selectedRange: { | 
| 368 |         type: "Unit", | 
| 369 |         unit: "Year", | 
| 370 |         count: 1 | 
| 371 |       } | 
| 372 |     } | 
| 373 |   } | 
| 374 | } | 
