| 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 |         } | 
| 47 |       ], | 
| 48 |       scrollerDataProviders: [ | 
| 49 |         { | 
| 50 |           dataSet: "dataSet1", | 
| 51 |           column: 4 | 
| 52 |         } | 
| 53 |       ] | 
| 54 |     } | 
| 55 |   }, | 
| 56 |   settings: { | 
| 57 |     dataGrouping: { | 
| 58 |       enabled: true, | 
| 59 |       maxVisiblePoints: 720 | 
| 60 |     }, | 
| 61 |     insideMargin: { | 
| 62 |       right: 35 | 
| 63 |     }, | 
| 64 |     rangeSelector: { | 
| 65 |       enabled: true | 
| 66 |     }, | 
| 67 |     charts: [ | 
| 68 |       { | 
| 69 |         height: 100, | 
| 70 |         legend: { | 
| 71 |           dateTime: { | 
| 72 |             enabled: false | 
| 73 |           } | 
| 74 |         }, | 
| 75 |         seriesList: [ | 
| 76 |           { | 
| 77 |             type: "Candlestick", | 
| 78 |             dataProvider: "dp1", | 
| 79 |             color: "#253992", | 
| 80 |             name: "CSCO" | 
| 81 |           } | 
| 82 |         ], | 
| 83 |         valueAxes: { | 
| 84 |           primary: { | 
| 85 |             position: "Right", | 
| 86 |             labels: { | 
| 87 |               position: "Outside", | 
| 88 |               padding: 3, | 
| 89 |               valign: "Center", | 
| 90 |               showFirst: true, | 
| 91 |               showLast: true, | 
| 92 |               font: { | 
| 93 |                 family: "Verdana", | 
| 94 |                 color: "#444444", | 
| 95 |                 bold: true, | 
| 96 |                 size: 9 | 
| 97 |               }, | 
| 98 |               format: "{%Value}{numDecimals:2,trailingZeros:false}" | 
| 99 |             }, | 
| 100 |             scale: { | 
| 101 |               minimumOffset: 0 | 
| 102 |             }, | 
| 103 |             grid: { | 
| 104 |               line: { | 
| 105 |                 dashed: true, | 
| 106 |                 dashLength: 3, | 
| 107 |                 dashSpace: 3, | 
| 108 |                 pixelHinting: true | 
| 109 |               } | 
| 110 |             }, | 
| 111 |             tickmarks: { | 
| 112 |               enabled: true, | 
| 113 |               showFirst: true, | 
| 114 |               showLast: true, | 
| 115 |               thickness: 1, | 
| 116 |               size: 3, | 
| 117 |               pixelHinting: true, | 
| 118 |               color: "#333333" | 
| 119 |             } | 
| 120 |           } | 
| 121 |         }, | 
| 122 |         xAxis: { | 
| 123 |           majorGrid: { | 
| 124 |             line: { | 
| 125 |               opacity: 1, | 
| 126 |               color: "#D9D9D9" | 
| 127 |             } | 
| 128 |           }, | 
| 129 |           minorGrid: { | 
| 130 |             line: { | 
| 131 |               dashed: true, | 
| 132 |               dashLength: 3, | 
| 133 |               dashSpace: 3, | 
| 134 |               pixelHinting: true | 
| 135 |             } | 
| 136 |           } | 
| 137 |         } | 
| 138 |       }, | 
| 139 |       { | 
| 140 |         height: 50, | 
| 141 |         legend: { | 
| 142 |           title: { | 
| 143 |             enabled: false | 
| 144 |           }, | 
| 145 |           dateTime: { | 
| 146 |             enabled: false | 
| 147 |           } | 
| 148 |         }, | 
| 149 |         valueAxes: { | 
| 150 |           primary: { | 
| 151 |             position: "Right", | 
| 152 |             labels: { | 
| 153 |               position: "Outside", | 
| 154 |               padding: 3, | 
| 155 |               valign: "Center", | 
| 156 |               showFirst: true, | 
| 157 |               showLast: true, | 
| 158 |               font: { | 
| 159 |                 family: "Verdana", | 
| 160 |                 color: "#444444", | 
| 161 |                 bold: true, | 
| 162 |                 size: 9 | 
| 163 |               }, | 
| 164 |               format: "{%Value}{numDecimals:2,trailingZeros:false}" | 
| 165 |             }, | 
| 166 |             scale: { | 
| 167 |               minimumMode: "CustomValue", | 
| 168 |               minimum: 0, | 
| 169 |               maximumMode: "CustomValue", | 
| 170 |               maximum: 100, | 
| 171 |               intervalMode: "CustomValue", | 
| 172 |               interval: 50 | 
| 173 |             }, | 
| 174 |             grid: { | 
| 175 |               line: { | 
| 176 |                 dashed: true, | 
| 177 |                 dashLength: 3, | 
| 178 |                 dashSpace: 3, | 
| 179 |                 pixelHinting: true | 
| 180 |               } | 
| 181 |             }, | 
| 182 |             tickmarks: { | 
| 183 |               enabled: true, | 
| 184 |               showFirst: true, | 
| 185 |               showLast: true, | 
| 186 |               thickness: 1, | 
| 187 |               size: 3, | 
| 188 |               pixelHinting: true, | 
| 189 |               color: "#333333" | 
| 190 |             }, | 
| 191 |             axisMarkers: { | 
| 192 |               lineMarkers: [ | 
| 193 |                 { | 
| 194 |                   value: 30, | 
| 195 |                   line: { | 
| 196 |                     dashed: true, | 
| 197 |                     color: "#009933" | 
| 198 |                   }, | 
| 199 |                   labels: [ | 
| 200 |                     { | 
| 201 |                       anchor: "Right", | 
| 202 |                       halign: "Right", | 
| 203 |                       xPadding: 3, | 
| 204 |                       format: "30", | 
| 205 |                       font: { | 
| 206 |                         family: "Verdana", | 
| 207 |                         color: "#FFFFFF", | 
| 208 |                         bold: true, | 
| 209 |                         size: 8 | 
| 210 |                       }, | 
| 211 |                       background: { | 
| 212 |                         enabled: true, | 
| 213 |                         fill: { | 
| 214 |                           enabled: true, | 
| 215 |                           color: "#009933" | 
| 216 |                         }, | 
| 217 |                         border: { | 
| 218 |                           enabled: false | 
| 219 |                         }, | 
| 220 |                         corners: { | 
| 221 |                           type: "Rounded", | 
| 222 |                           all: 3 | 
| 223 |                         }, | 
| 224 |                         insideMargin: { | 
| 225 |                           left: 2, | 
| 226 |                           right: 2, | 
| 227 |                           top: -2, | 
| 228 |                           bottom: -2 | 
| 229 |                         } | 
| 230 |                       } | 
| 231 |                     } | 
| 232 |                   ] | 
| 233 |                 }, | 
| 234 |                 { | 
| 235 |                   value: 70, | 
| 236 |                   line: { | 
| 237 |                     dashed: true, | 
| 238 |                     color: "#BD240C" | 
| 239 |                   }, | 
| 240 |                   labels: [ | 
| 241 |                     { | 
| 242 |                       anchor: "Right", | 
| 243 |                       halign: "Right", | 
| 244 |                       xPadding: 3, | 
| 245 |                       format: "70", | 
| 246 |                       font: { | 
| 247 |                         family: "Verdana", | 
| 248 |                         color: "#FFFFFF", | 
| 249 |                         bold: true, | 
| 250 |                         size: 8 | 
| 251 |                       }, | 
| 252 |                       background: { | 
| 253 |                         enabled: true, | 
| 254 |                         fill: { | 
| 255 |                           enabled: true, | 
| 256 |                           color: "#BD240C" | 
| 257 |                         }, | 
| 258 |                         border: { | 
| 259 |                           enabled: false | 
| 260 |                         }, | 
| 261 |                         corners: { | 
| 262 |                           type: "Rounded", | 
| 263 |                           all: 3 | 
| 264 |                         }, | 
| 265 |                         insideMargin: { | 
| 266 |                           left: 2, | 
| 267 |                           right: 2, | 
| 268 |                           top: -2, | 
| 269 |                           bottom: -2 | 
| 270 |                         } | 
| 271 |                       } | 
| 272 |                     } | 
| 273 |                   ] | 
| 274 |                 } | 
| 275 |               ] | 
| 276 |             } | 
| 277 |           } | 
| 278 |         }, | 
| 279 |         xAxis: { | 
| 280 |           majorGrid: { | 
| 281 |             line: { | 
| 282 |               opacity: 1, | 
| 283 |               color: "#D9D9D9" | 
| 284 |             } | 
| 285 |           }, | 
| 286 |           minorGrid: { | 
| 287 |             line: { | 
| 288 |               dashed: true, | 
| 289 |               dashLength: 3, | 
| 290 |               dashSpace: 3, | 
| 291 |               pixelHinting: true | 
| 292 |             } | 
| 293 |           }, | 
| 294 |           labels: { | 
| 295 |             enabled: false | 
| 296 |           } | 
| 297 |         }, | 
| 298 |         technicalIndicators: [ | 
| 299 |           { | 
| 300 |             type: "RSI", | 
| 301 |             dataProvider: "dp1", | 
| 302 |             rsiIndicator: { | 
| 303 |               period: 14, | 
| 304 |               series: { | 
| 305 |                 color: "#253992", | 
| 306 |                 name: "RSI(14)" | 
| 307 |               } | 
| 308 |             } | 
| 309 |           } | 
| 310 |         ] | 
| 311 |       } | 
| 312 |     ], | 
| 313 |     timeScale: { | 
| 314 |       selectedRange: { | 
| 315 |         type: "Unit", | 
| 316 |         unit: "Year", | 
| 317 |         count: 3 | 
| 318 |       } | 
| 319 |     } | 
| 320 |   } | 
| 321 | } | 
