bollinger-plnkr.json

{"index.css":"","financial-data":"/**\r\n * Data for technical indicators\r\n */\r\nexport let chartData: object[] = [\r\n  {\r\n      x: new Date('2012-04-02'),\r\n      open: 85.9757,\r\n      high: 90.6657,\r\n      low: 85.7685,\r\n      close: 90.5257,\r\n      volume: 660187068\r\n  },\r\n  {\r\n      x: new Date('2012-04-09'),\r\n      open: 89.4471,\r\n      high: 92,\r\n      low: 86.2157,\r\n      close: 86.4614,\r\n      volume: 912634864 \r\n  },\r\n  {\r\n      x: new Date('2012-04-16'),\r\n      open: 87.1514,\r\n      high: 88.6071,\r\n      low: 81.4885,\r\n      close: 81.8543,\r\n      volume: 1221746066\r\n  },\r\n  {\r\n      x: new Date('2012-04-23'),\r\n      open: 81.5157,\r\n      high: 88.2857,\r\n      low: 79.2857,\r\n      close: 86.1428,\r\n      volume: 965935749\r\n  },\r\n  {\r\n      x: new Date('2012-04-30'),\r\n      open: 85.4,\r\n      high: 85.4857,\r\n      low: 80.7385,\r\n      close: 80.75,\r\n      volume: 615249365\r\n  },\r\n  {\r\n      x: new Date('2012-05-07'),\r\n      open: 80.2143,\r\n      high: 82.2685,\r\n      low: 79.8185,\r\n      close: 80.9585,\r\n      volume: 541742692\r\n  },\r\n  {\r\n      x: new Date('2012-05-14'),\r\n      open: 80.3671,\r\n      high: 81.0728,\r\n      low: 74.5971,\r\n      close: 75.7685,\r\n      volume: 708126233\r\n  },\r\n  {\r\n      x: new Date('2012-05-21'),\r\n      open: 76.3571,\r\n      high: 82.3571,\r\n      low: 76.2928,\r\n      close: 80.3271,\r\n      volume: 682076215\r\n  },\r\n  {\r\n      x: new Date('2012-05-28'),\r\n      open: 81.5571,\r\n      high: 83.0714,\r\n      low: 80.0743,\r\n      close: 80.1414,\r\n      volume: 480059584\r\n  },\r\n  {\r\n      x: new Date('2012-06-04'),\r\n      open: 80.2143,\r\n      high: 82.9405,\r\n      low: 78.3571,\r\n      close: 82.9028,\r\n      volume: 517577005\r\n  },\r\n  {\r\n      x: new Date('2012-06-11'),\r\n      open: 83.96,\r\n      high: 84.0714,\r\n      low: 80.9571,\r\n      close: 82.0185,\r\n      volume: 499693120\r\n  },\r\n  {\r\n      x: new Date('2012-06-18'),\r\n      open: 81.5657,\r\n      high: 84.2857,\r\n      low: 81.4814,\r\n      close: 83.1571,\r\n      volume: 442172142\r\n  },\r\n  {\r\n      x: new Date('2012-06-25'),\r\n      open: 82.4714,\r\n      high: 83.4285,\r\n      low: 80.8014,\r\n      close: 83.4285,\r\n      volume: 371529102\r\n  },\r\n  {\r\n      x: new Date('2012-07-02'),\r\n      open: 83.5328,\r\n      high: 87.7628,\r\n      low: 83.3714,\r\n      close: 86.5543,\r\n      volume: 385906790\r\n  },\r\n  {\r\n      x: new Date('2012-07-09'),\r\n      open: 86.4714,\r\n      high: 88.5528,\r\n      low: 84.6685,\r\n      close: 86.4243,\r\n      volume: 524235196\r\n  },\r\n  {\r\n      x: new Date('2012-07-16'),\r\n      open: 86.4457,\r\n      high: 87.9071,\r\n      low: 86.1643,\r\n      close: 86.3285,\r\n      volume: 419537217\r\n  },\r\n  {\r\n      x: new Date('2012-07-23'),\r\n      open: 84.9143,\r\n      high: 87.0971,\r\n      low: 81.4285,\r\n      close: 83.5943,\r\n      volume: 680773023\r\n  },\r\n  {\r\n      x: new Date('2012-07-30'),\r\n      open: 84.4171,\r\n      high: 88.2828,\r\n      low: 83.9743,\r\n      close: 87.9571,\r\n      volume: 475109323\r\n  },\r\n  {\r\n      x: new Date('2012-08-06'),\r\n      open: 88.1843,\r\n      high: 89.2857,\r\n      low: 87.8943,\r\n      close: 88.8143,\r\n      volume: 312826308\r\n  },\r\n  {\r\n      x: new Date('2012-08-13'),\r\n      open: 89.0557,\r\n      high: 92.5985,\r\n      low: 89.0357,\r\n      close: 92.5871,\r\n      volume: 392867193\r\n  },\r\n  {\r\n      x: new Date('2012-08-20'),\r\n      open: 92.8585,\r\n      high: 96.4114,\r\n      low: 92.5871,\r\n      close: 94.746,\r\n      volume: 708614692\r\n  },\r\n  {\r\n      x: new Date('2012-08-27'),\r\n      open: 97.1414,\r\n      high: 97.2671,\r\n      low: 93.8928,\r\n      close: 95.0343,\r\n      volume: 383807217\r\n  },\r\n  {\r\n      x: new Date('2012-09-03'),\r\n      open: 95.1085,\r\n      high: 97.4971,\r\n      low: 94.9285,\r\n      close: 97.2057,\r\n      volume: 355722047\r\n  },\r\n  {\r\n      x: new Date('2012-09-10'),\r\n      open: 97.2071,\r\n      high: 99.5685,\r\n      low: 93.7143,\r\n      close: 98.7543,\r\n      volume: 724042207\r\n  },\r\n  {\r\n      x: new Date('2012-09-17'),\r\n      open: 99.9071,\r\n      high: 100.7243,\r\n      low: 99.0885,\r\n      close: 100.0135,\r\n      volume: 500166040\r\n  },\r\n  {\r\n      x: new Date('2012-09-24'),\r\n      open: 98.1228,\r\n      high: 99.3028,\r\n      low: 94.3357,\r\n      close: 95.3007,\r\n      volume: 714507994\r\n  },\r\n  {\r\n      x: new Date('2012-10-01'),\r\n      open: 95.88,\r\n      high: 96.6785,\r\n      low: 92.95,\r\n      close: 93.2271,\r\n      volume: 638543622\r\n  },\r\n  {\r\n      x: new Date('2012-10-08'),\r\n      open: 92.4114,\r\n      high: 92.5085,\r\n      low: 89.0785,\r\n      close: 89.9591,\r\n      volume: 747127724\r\n  },\r\n  {\r\n      x: new Date('2012-10-15'),\r\n      open: 90.3357,\r\n      high: 93.2557,\r\n      low: 87.0885,\r\n      close: 87.12,\r\n      volume: 646996264\r\n  },\r\n  {\r\n      x: new Date('2012-10-22'),\r\n      open: 87.4885,\r\n      high: 90.7685,\r\n      low: 84.4285,\r\n      close: 86.2857,\r\n      volume: 866040680\r\n  },\r\n  {\r\n      x: new Date('2012-10-29'),\r\n      open: 84.9828,\r\n      high: 86.1428,\r\n      low: 82.1071,\r\n      close: 82.4,\r\n      volume: 367371310\r\n  },\r\n  {\r\n      x: new Date('2012-11-05'),\r\n      open: 83.3593,\r\n      high: 84.3914,\r\n      low: 76.2457,\r\n      close: 78.1514,\r\n      volume: 919719846\r\n  },\r\n  {\r\n      x: new Date('2012-11-12'),\r\n      open: 79.1643,\r\n      high: 79.2143,\r\n      low: 72.25,\r\n      close: 75.3825,\r\n      volume: 894382149\r\n  },\r\n  {\r\n      x: new Date('2012-11-19'),\r\n      open: 77.2443,\r\n      high: 81.7143,\r\n      low: 77.1257,\r\n      close: 81.6428,\r\n      volume: 527416747\r\n  },\r\n  {\r\n      x: new Date('2012-11-26'),\r\n      open: 82.2714,\r\n      high: 84.8928,\r\n      low: 81.7514,\r\n      close: 83.6114,\r\n      volume: 646467974\r\n  },\r\n  {\r\n      x: new Date('2012-12-03'),\r\n      open: 84.8071,\r\n      high: 84.9414,\r\n      low: 74.09,\r\n      close: 76.1785,\r\n      volume: 980096264\r\n  },\r\n  {\r\n      x: new Date('2012-12-10'),\r\n      open: 75,\r\n      high: 78.5085,\r\n      low: 72.2257,\r\n      close: 72.8277,\r\n      volume: 835016110\r\n  },\r\n  {\r\n      x: new Date('2012-12-17'),\r\n      open: 72.7043,\r\n      high: 76.4143,\r\n      low: 71.6043,\r\n      close: 74.19,\r\n      volume: 726150329\r\n  },\r\n  {\r\n      x: new Date('2012-12-24'),\r\n      open: 74.3357,\r\n      high: 74.8928,\r\n      low: 72.0943,\r\n      close: 72.7984,\r\n      volume: 321104733\r\n  },\r\n  {\r\n      x: new Date('2012-12-31'),\r\n      open: 72.9328,\r\n      high: 79.2857,\r\n      low: 72.7143,\r\n      close: 75.2857,\r\n      volume: 540854882\r\n  },\r\n  {\r\n      x: new Date('2013-01-07'),\r\n      open: 74.5714,\r\n      high: 75.9843,\r\n      low: 73.6,\r\n      close: 74.3285,\r\n      volume: 574594262\r\n  },\r\n  {\r\n      x: new Date('2013-01-14'),\r\n      open: 71.8114,\r\n      high: 72.9643,\r\n      low: 69.0543,\r\n      close: 71.4285,\r\n      volume: 803105621\r\n  },\r\n  {\r\n      x: new Date('2013-01-21'),\r\n      open: 72.08,\r\n      high: 73.57,\r\n      low: 62.1428,\r\n      close: 62.84,\r\n      volume: 971912560\r\n  },\r\n  {\r\n      x: new Date('2013-01-28'),\r\n      open: 62.5464,\r\n      high: 66.0857,\r\n      low: 62.2657,\r\n      close: 64.8028,\r\n      volume: 656549587\r\n  },\r\n  {\r\n      x: new Date('2013-02-04'),\r\n      open: 64.8443,\r\n      high: 68.4014,\r\n      low: 63.1428,\r\n      close: 67.8543,\r\n      volume: 743778993\r\n  },\r\n  {\r\n      x: new Date('2013-02-11'),\r\n      open: 68.0714,\r\n      high: 69.2771,\r\n      low: 65.7028,\r\n      close: 65.7371,\r\n      volume: 585292366\r\n  },\r\n  {\r\n      x: new Date('2013-02-18'),\r\n      open: 65.8714,\r\n      high: 66.1043,\r\n      low: 63.26,\r\n      close: 64.4014,\r\n      volume: 421766997\r\n  },\r\n  {\r\n      x: new Date('2013-02-25'),\r\n      open: 64.8357,\r\n      high: 65.0171,\r\n      low: 61.4257,\r\n      close: 61.4957,\r\n      volume: 582741215\r\n  },\r\n  {\r\n      x: new Date('2013-03-04'),\r\n      open: 61.1143,\r\n      high: 62.2043,\r\n      low: 59.8571,\r\n      close: 61.6743,\r\n      volume: 632856539\r\n  },\r\n  {\r\n      x: new Date('2013-03-11'),\r\n      open: 61.3928,\r\n      high: 63.4614,\r\n      low: 60.7343,\r\n      close: 63.38,\r\n      volume: 572066981\r\n  },\r\n  {\r\n      x: new Date('2013-03-18'),\r\n      open: 63.0643,\r\n      high: 66.0143,\r\n      low: 63.0286,\r\n      close: 65.9871,\r\n      volume: 552156035\r\n  },\r\n  {\r\n      x: new Date('2013-03-25'),\r\n      open: 66.3843,\r\n      high: 67.1357,\r\n      low: 63.0886,\r\n      close: 63.2371,\r\n      volume: 390762517\r\n  },\r\n  {\r\n      x: new Date('2013-04-01'),\r\n      open: 63.1286,\r\n      high: 63.3854,\r\n      low: 59.9543,\r\n      close: 60.4571,\r\n      volume: 505273732\r\n  },\r\n  {\r\n      x: new Date('2013-04-08'),\r\n      open: 60.6928,\r\n      high: 62.57,\r\n      low: 60.3557,\r\n      close: 61.4,\r\n      volume: 387323550\r\n  },\r\n  {\r\n      x: new Date('2013-04-15'),\r\n      open: 61,\r\n      high: 61.1271,\r\n      low: 55.0143,\r\n      close: 55.79,\r\n      volume: 709945604\r\n  },\r\n  {\r\n      x: new Date('2013-04-22'),\r\n      open: 56.0914,\r\n      high: 59.8241,\r\n      low: 55.8964,\r\n      close: 59.6007,\r\n      volume: 787007506\r\n  },\r\n  {\r\n      x: new Date('2013-04-29'),\r\n      open: 60.0643,\r\n      high: 64.7471,\r\n      low: 60,\r\n      close: 64.2828,\r\n      volume: 655020017\r\n  },\r\n  {\r\n      x: new Date('2013-05-06'),\r\n      open: 65.1014,\r\n      high: 66.5357,\r\n      low: 64.3543,\r\n      close: 64.71,\r\n      volume: 545488533\r\n  },\r\n  {\r\n      x: new Date('2013-05-13'),\r\n      open: 64.5014,\r\n      high: 65.4143,\r\n      low: 59.8428,\r\n      close: 61.8943,\r\n      volume: 633706550\r\n  },\r\n  {\r\n      x: new Date('2013-05-20'),\r\n      open: 61.7014,\r\n      high: 64.05,\r\n      low: 61.4428,\r\n      close: 63.5928,\r\n      volume: 494379068\r\n  },\r\n  {\r\n      x: new Date('2013-05-27'),\r\n      open: 64.2714,\r\n      high: 65.3,\r\n      low: 62.7714,\r\n      close: 64.2478,\r\n      volume: 362907830\r\n  },\r\n  {\r\n      x: new Date('2013-06-03'),\r\n      open: 64.39,\r\n      high: 64.9186,\r\n      low: 61.8243,\r\n      close: 63.1158,\r\n      volume: 443249793\r\n  },\r\n  {\r\n      x: new Date('2013-06-10'),\r\n      open: 63.5328,\r\n      high: 64.1541,\r\n      low: 61.2143,\r\n      close: 61.4357,\r\n      volume: 389680092\r\n  },\r\n  {\r\n      x: new Date('2013-06-17'),\r\n      open: 61.6343,\r\n      high: 62.2428,\r\n      low: 58.3,\r\n      close: 59.0714,\r\n      volume: 400384818\r\n  },\r\n  {\r\n      x: new Date('2013-06-24'),\r\n      open: 58.2,\r\n      high: 58.38,\r\n      low: 55.5528,\r\n      close: 56.6471,\r\n      volume: 519314826\r\n  },\r\n  {\r\n      x: new Date('2013-07-01'),\r\n      open: 57.5271,\r\n      high: 60.47,\r\n      low: 57.3171,\r\n      close: 59.6314,\r\n      volume: 343878841\r\n  },\r\n  {\r\n      x: new Date('2013-07-08'),\r\n      open: 60.0157,\r\n      high: 61.3986,\r\n      low: 58.6257,\r\n      close: 60.93,\r\n      volume: 384106977\r\n  },\r\n  {\r\n      x: new Date('2013-07-15'),\r\n      open: 60.7157,\r\n      high: 62.1243,\r\n      low: 60.5957,\r\n      close: 60.7071,\r\n      volume: 286035513\r\n  },\r\n  {\r\n      x: new Date('2013-07-22'),\r\n      open: 61.3514,\r\n      high: 63.5128,\r\n      low: 59.8157,\r\n      close: 62.9986,\r\n      volume: 395816827\r\n  },\r\n  {\r\n      x: new Date('2013-07-29'),\r\n      open: 62.9714,\r\n      high: 66.1214,\r\n      low: 62.8857,\r\n      close: 66.0771,\r\n      volume: 339668858\r\n  },\r\n  {\r\n      x: new Date('2013-08-05'),\r\n      open: 66.3843,\r\n      high: 67.4128,\r\n      low: 64.8071,\r\n      close: 64.9214,\r\n      volume: 368486781\r\n  },\r\n  {\r\n      x: new Date('2013-08-12'),\r\n      open: 65.2657,\r\n      high: 72.0357,\r\n      low: 65.2328,\r\n      close: 71.7614,\r\n      volume: 711563584\r\n  },\r\n  {\r\n      x: new Date('2013-08-19'),\r\n      open: 72.0485,\r\n      high: 73.3914,\r\n      low: 71.1714,\r\n      close: 71.5743,\r\n      volume: 417119660\r\n  },\r\n  {\r\n      x: new Date('2013-08-26'),\r\n      open: 71.5357,\r\n      high: 72.8857,\r\n      low: 69.4286,\r\n      close: 69.6023,\r\n      volume: 392805888\r\n  },\r\n  {\r\n      x: new Date('2013-09-02'),\r\n      open: 70.4428,\r\n      high: 71.7485,\r\n      low: 69.6214,\r\n      close: 71.1743,\r\n      volume: 317244380\r\n  },\r\n  {\r\n      x: new Date('2013-09-09'),\r\n      open: 72.1428,\r\n      high: 72.56,\r\n      low: 66.3857,\r\n      close: 66.4143,\r\n      volume: 669376320\r\n  },\r\n  {\r\n      x: new Date('2013-09-16'),\r\n      open: 65.8571,\r\n      high: 68.3643,\r\n      low: 63.8886,\r\n      close: 66.7728,\r\n      volume: 625142677\r\n  },\r\n  {\r\n      x: new Date('2013-09-23'),\r\n      open: 70.8714,\r\n      high: 70.9871,\r\n      low: 68.6743,\r\n      close: 68.9643,\r\n      volume: 475274537\r\n  },\r\n  {\r\n      x: new Date('2013-09-30'),\r\n      open: 68.1786,\r\n      high: 70.3357,\r\n      low: 67.773,\r\n      close: 69.0043,\r\n      volume: 368198906\r\n  },\r\n  {\r\n      x: new Date('2013-10-07'),\r\n      open: 69.5086,\r\n      high: 70.5486,\r\n      low: 68.3257,\r\n      close: 70.4017,\r\n      volume: 361437661\r\n  },\r\n  {\r\n      x: new Date('2013-10-14'),\r\n      open: 69.9757,\r\n      high: 72.7514,\r\n      low: 69.9071,\r\n      close: 72.6985,\r\n      volume: 342694379\r\n  },\r\n  {\r\n      x: new Date('2013-10-21'),\r\n      open: 73.11,\r\n      high: 76.1757,\r\n      low: 72.5757,\r\n      close: 75.1368,\r\n      volume: 490458997\r\n  },\r\n  {\r\n      x: new Date('2013-10-28'),\r\n      open: 75.5771,\r\n      high: 77.0357,\r\n      low: 73.5057,\r\n      close: 74.29,\r\n      volume: 508130174\r\n  },\r\n  {\r\n      x: new Date('2013-11-04'),\r\n      open: 74.4428,\r\n      high: 75.555,\r\n      low: 73.1971,\r\n      close: 74.3657,\r\n      volume: 318132218\r\n  },\r\n  {\r\n      x: new Date('2013-11-11'),\r\n      open: 74.2843,\r\n      high: 75.6114,\r\n      low: 73.4871,\r\n      close: 74.9987,\r\n      volume: 306711021\r\n  },\r\n  {\r\n      x: new Date('2013-11-18'),\r\n      open: 74.9985,\r\n      high: 75.3128,\r\n      low: 73.3814,\r\n      close: 74.2571,\r\n      volume: 282778778\r\n  },\r\n  {\r\n      x: new Date('2013-11-25'),\r\n      open: 74.4314,\r\n      high: 79.7614,\r\n      low: 74.4285,\r\n      close: 79.4385,\r\n      volume: 327405302\r\n  },\r\n  {\r\n      x: new Date('2013-12-02'),\r\n      open: 79.7143,\r\n      high: 82.1622,\r\n      low: 78.6885,\r\n      close: 80.0028,\r\n      volume: 522055676\r\n  },\r\n  {\r\n      x: new Date('2013-12-09'),\r\n      open: 80.1286,\r\n      high: 81.5671,\r\n      low: 79.0957,\r\n      close: 79.2043,\r\n      volume: 387271099\r\n  },\r\n  {\r\n      x: new Date('2013-12-16'),\r\n      open: 79.2885,\r\n      high: 80.377,\r\n      low: 76.9714,\r\n      close: 78.4314,\r\n      volume: 457580848\r\n  },\r\n  {\r\n      x: new Date('2013-12-23'),\r\n      open: 81.1428,\r\n      high: 81.6971,\r\n      low: 79.9285,\r\n      close: 80.0128,\r\n      volume: 274253503\r\n  },\r\n  {\r\n      x: new Date('2013-12-30'),\r\n      open: 79.6371,\r\n      high: 80.1828,\r\n      low: 77.2043,\r\n      close: 77.2828,\r\n      volume: 275734934\r\n  },\r\n  {\r\n      x: new Date('2014-01-06'),\r\n      open: 76.7785,\r\n      high: 78.1228,\r\n      low: 75.8728,\r\n      close: 76.1343,\r\n      volume: 393462075\r\n  },\r\n  {\r\n      x: new Date('2014-01-13'),\r\n      open: 75.7014,\r\n      high: 80.0285,\r\n      low: 75.6971,\r\n      close: 77.2385,\r\n      volume: 439557459\r\n  },\r\n  {\r\n      x: new Date('2014-01-20'),\r\n      open: 77.2843,\r\n      high: 79.6128,\r\n      low: 77.2028,\r\n      close: 78.01,\r\n      volume: 385585525\r\n  },\r\n  {\r\n      x: new Date('2014-01-27'),\r\n      open: 78.5814,\r\n      high: 79.2571,\r\n      low: 70.5071,\r\n      close: 71.5143,\r\n      volume: 813702575\r\n  },\r\n  {\r\n      x: new Date('2014-02-03'),\r\n      open: 71.8014,\r\n      high: 74.7042,\r\n      low: 71.3286,\r\n      close: 74.24,\r\n      volume: 434447570\r\n  },\r\n  {\r\n      x: new Date('2014-02-10'),\r\n      open: 74.0943,\r\n      high: 77.9971,\r\n      low: 74,\r\n      close: 77.7128,\r\n      volume: 379011880\r\n  },\r\n  {\r\n      x: new Date('2014-02-17'),\r\n      open: 78,\r\n      high: 78.7414,\r\n      low: 74.9428,\r\n      close: 75.0357,\r\n      volume: 289609443\r\n  },\r\n  {\r\n      x: new Date('2014-02-24'),\r\n      open: 74.7357,\r\n      high: 76.1071,\r\n      low: 73.6571,\r\n      close: 75.1771,\r\n      volume: 367569649\r\n  },\r\n  {\r\n      x: new Date('2014-03-03'),\r\n      open: 74.7743,\r\n      high: 76.3928,\r\n      low: 74.6871,\r\n      close: 75.7771,\r\n      volume: 275972640\r\n  },\r\n  {\r\n      x: new Date('2014-03-10'),\r\n      open: 75.48,\r\n      high: 77.0943,\r\n      low: 74.7143,\r\n      close: 74.9557,\r\n      volume: 287729528\r\n  },\r\n  {\r\n      x: new Date('2014-03-17'),\r\n      open: 75.3857,\r\n      high: 76.6057,\r\n      low: 75.0286,\r\n      close: 76.1243,\r\n      volume: 303531061\r\n  },\r\n  {\r\n      x: new Date('2014-03-24'),\r\n      open: 76.9171,\r\n      high: 78.4285,\r\n      low: 76.3214,\r\n      close: 76.6943,\r\n      volume: 338387221\r\n  },\r\n  {\r\n      x: new Date('2014-03-31'),\r\n      open: 77.0328,\r\n      high: 77.64,\r\n      low: 75.7971,\r\n      close: 75.9743,\r\n      volume: 245749459\r\n  },\r\n  {\r\n      x: new Date('2014-04-07'),\r\n      open: 75.4314,\r\n      high: 76.0343,\r\n      low: 73.8771,\r\n      close: 74.23,\r\n      volume: 312008139\r\n  },\r\n  {\r\n      x: new Date('2014-04-14'),\r\n      open: 74.5571,\r\n      high: 75.3943,\r\n      low: 73.0471,\r\n      close: 74.9914,\r\n      volume: 241209047\r\n  },\r\n  {\r\n      x: new Date('2014-04-21'),\r\n      open: 75.0485,\r\n      high: 81.7128,\r\n      low: 74.8514,\r\n      close: 81.7057,\r\n      volume: 476651465\r\n  },\r\n  {\r\n      x: new Date('2014-04-28'),\r\n      open: 81.8285,\r\n      high: 85.6328,\r\n      low: 81.7928,\r\n      close: 84.6543,\r\n      volume: 473712709\r\n  },\r\n  {\r\n      x: new Date('2014-05-05'),\r\n      open: 84.3057,\r\n      high: 86.3442,\r\n      low: 82.9043,\r\n      close: 83.6489,\r\n      volume: 365535013\r\n  },\r\n  {\r\n      x: new Date('2014-05-12'),\r\n      open: 83.9271,\r\n      high: 85.3614,\r\n      low: 83.6285,\r\n      close: 85.3585,\r\n      volume: 260931637\r\n  },\r\n  {\r\n      x: new Date('2014-05-19'),\r\n      open: 85.4071,\r\n      high: 87.8184,\r\n      low: 85.3328,\r\n      close: 87.7328,\r\n      volume: 294298274\r\n  },\r\n  {\r\n      x: new Date('2014-05-26'),\r\n      open: 87.9828,\r\n      high: 92.0243,\r\n      low: 87.9471,\r\n      close: 90.4285,\r\n      volume: 400232120\r\n  },\r\n  {\r\n      x: new Date('2014-06-02'),\r\n      open: 90.5657,\r\n      high: 93.0371,\r\n      low: 88.9285,\r\n      close: 92.2243,\r\n      volume: 412158024\r\n  },\r\n  {\r\n      x: new Date('2014-06-09'),\r\n      open: 92.7,\r\n      high: 95.05,\r\n      low: 90.88,\r\n      close: 91.28,\r\n      volume: 292422550\r\n  },\r\n  {\r\n      x: new Date('2014-06-16'),\r\n      open: 91.51,\r\n      high: 92.75,\r\n      low: 90.9,\r\n      close: 90.91,\r\n      volume: 234325480\r\n  },\r\n  {\r\n      x: new Date('2014-06-23'),\r\n      open: 91.32,\r\n      high: 92,\r\n      low: 89.65,\r\n      close: 91.98,\r\n      volume: 213712160\r\n  },\r\n  {\r\n      x: new Date('2014-06-30'),\r\n      open: 92.1,\r\n      high: 94.1,\r\n      low: 92.09,\r\n      close: 94.03,\r\n      volume: 138936570\r\n  },\r\n  {\r\n      x: new Date('2014-07-07'),\r\n      open: 94.14,\r\n      high: 96.8,\r\n      low: 93.52,\r\n      close: 95.22,\r\n      volume: 229782440\r\n  },\r\n  {\r\n      x: new Date('2014-07-14'),\r\n      open: 95.86,\r\n      high: 97.1,\r\n      low: 92.57,\r\n      close: 94.43,\r\n      volume: 248104390\r\n  },\r\n  {\r\n      x: new Date('2014-07-21'),\r\n      open: 94.99,\r\n      high: 97.88,\r\n      low: 93.72,\r\n      close: 97.671,\r\n      volume: 273021350\r\n  },\r\n  {\r\n      x: new Date('2014-07-28'),\r\n      open: 97.82,\r\n      high: 99.44,\r\n      low: 94.81,\r\n      close: 96.13,\r\n      volume: 235868530\r\n  },\r\n  {\r\n      x: new Date('2014-08-04'),\r\n      open: 96.37,\r\n      high: 96.58,\r\n      low: 93.28,\r\n      close: 94.74,\r\n      volume: 222522120\r\n  },\r\n  {\r\n      x: new Date('2014-08-11'),\r\n      open: 95.27,\r\n      high: 98.19,\r\n      low: 94.8355,\r\n      close: 97.98,\r\n      volume: 178806580\r\n  },\r\n  {\r\n      x: new Date('2014-08-18'),\r\n      open: 98.49,\r\n      high: 101.47,\r\n      low: 97.98,\r\n      close: 101.32,\r\n      volume: 246446280\r\n  },\r\n  {\r\n      x: new Date('2014-08-25'),\r\n      open: 101.79,\r\n      high: 102.9,\r\n      low: 100.7,\r\n      close: 102.5,\r\n      volume: 232858250\r\n  },\r\n  {\r\n      x: new Date('2014-09-01'),\r\n      open: 103.06,\r\n      high: 103.74,\r\n      low: 97.79,\r\n      close: 98.97,\r\n      volume: 322045910\r\n  },\r\n  {\r\n      x: new Date('2014-09-08'),\r\n      open: 99.3,\r\n      high: 103.08,\r\n      low: 96.14,\r\n      close: 101.66,\r\n      volume: 460851840\r\n  },\r\n  {\r\n      x: new Date('2014-09-15'),\r\n      open: 102.81,\r\n      high: 103.05,\r\n      low: 98.89,\r\n      close: 100.96,\r\n      volume: 296425730\r\n  },\r\n  {\r\n      x: new Date('2014-09-22'),\r\n      open: 101.8,\r\n      high: 102.94,\r\n      low: 97.72,\r\n      close: 100.75,\r\n      volume: 337617850\r\n  },\r\n  {\r\n      x: new Date('2014-09-29'),\r\n      open: 98.65,\r\n      high: 101.54,\r\n      low: 98.04,\r\n      close: 99.62,\r\n      volume: 246900230\r\n  },\r\n  {\r\n      x: new Date('2014-10-06'),\r\n      open: 99.95,\r\n      high: 102.38,\r\n      low: 98.31,\r\n      close: 100.73,\r\n      volume: 279646740\r\n  },\r\n  {\r\n      x: new Date('2014-10-13'),\r\n      open: 101.33,\r\n      high: 101.78,\r\n      low: 95.18,\r\n      close: 97.67,\r\n      volume: 356408760\r\n  },\r\n  {\r\n      x: new Date('2014-10-20'),\r\n      open: 98.315,\r\n      high: 105.49,\r\n      low: 98.22,\r\n      close: 105.22,\r\n      volume: 355329760\r\n  },\r\n  {\r\n      x: new Date('2014-10-27'),\r\n      open: 104.85,\r\n      high: 108.04,\r\n      low: 104.7,\r\n      close: 108,\r\n      volume: 219443560\r\n  },\r\n  {\r\n      x: new Date('2014-11-03'),\r\n      open: 108.22,\r\n      high: 110.3,\r\n      low: 107.72,\r\n      close: 109.01,\r\n      volume: 199332700\r\n  },\r\n  {\r\n      x: new Date('2014-11-10'),\r\n      open: 109.02,\r\n      high: 114.19,\r\n      low: 108.4,\r\n      close: 114.18,\r\n      volume: 203976340\r\n  },\r\n  {\r\n      x: new Date('2014-11-17'),\r\n      open: 114.27,\r\n      high: 117.57,\r\n      low: 113.3,\r\n      close: 116.47,\r\n      volume: 232574480\r\n  },\r\n  {\r\n      x: new Date('2014-11-24'),\r\n      open: 116.85,\r\n      high: 119.75,\r\n      low: 116.62,\r\n      close: 118.93,\r\n      volume: 181158620\r\n  },\r\n  {\r\n      x: new Date('2014-12-01'),\r\n      open: 118.81,\r\n      high: 119.25,\r\n      low: 111.27,\r\n      close: 115,\r\n      volume: 266118290\r\n  },\r\n  {\r\n      x: new Date('2014-12-08'),\r\n      open: 114.1,\r\n      high: 114.85,\r\n      low: 109.35,\r\n      close: 109.73,\r\n      volume: 259311140\r\n  },\r\n  {\r\n      x: new Date('2014-12-15'),\r\n      open: 110.7,\r\n      high: 113.24,\r\n      low: 106.26,\r\n      close: 111.78,\r\n      volume: 326382400\r\n  },\r\n  {\r\n      x: new Date('2014-12-22'),\r\n      open: 112.16,\r\n      high: 114.52,\r\n      low: 111.97,\r\n      close: 113.99,\r\n      volume: 119248900\r\n  },\r\n  {\r\n      x: new Date('2014-12-29'),\r\n      open: 113.79,\r\n      high: 114.77,\r\n      low: 107.35,\r\n      close: 109.33,\r\n      volume: 151780640\r\n  },\r\n  {\r\n      x: new Date('2015-01-05'),\r\n      open: 108.29,\r\n      high: 113.25,\r\n      low: 104.63,\r\n      close: 112.01,\r\n      volume: 282690970\r\n  },\r\n  {\r\n      x: new Date('2015-01-12'),\r\n      open: 112.6,\r\n      high: 112.8,\r\n      low: 105.2,\r\n      close: 105.99,\r\n      volume: 303531140\r\n  },\r\n  {\r\n      x: new Date('2015-01-19'),\r\n      open: 107.84,\r\n      high: 113.75,\r\n      low: 106.5,\r\n      close: 112.98,\r\n      volume: 198362640\r\n  },\r\n  {\r\n      x: new Date('2015-01-26'),\r\n      open: 113.74,\r\n      high: 120,\r\n      low: 109.03,\r\n      close: 117.16,\r\n      volume: 461747290\r\n  },\r\n  {\r\n      x: new Date('2015-02-02'),\r\n      open: 118.05,\r\n      high: 120.51,\r\n      low: 116.08,\r\n      close: 118.93,\r\n      volume: 270190470\r\n  },\r\n  {\r\n      x: new Date('2015-02-09'),\r\n      open: 118.55,\r\n      high: 127.48,\r\n      low: 118.43,\r\n      close: 127.08,\r\n      volume: 301354470\r\n  },\r\n  {\r\n      x: new Date('2015-02-16'),\r\n      open: 127.49,\r\n      high: 129.5,\r\n      low: 126.92,\r\n      close: 129.495,\r\n      volume: 193883960\r\n  },\r\n  {\r\n      x: new Date('2015-02-23'),\r\n      open: 130.02,\r\n      high: 133.6,\r\n      low: 126.61,\r\n      close: 128.46,\r\n      volume: 369856960\r\n  },\r\n  {\r\n      x: new Date('2015-03-02'),\r\n      open: 129.25,\r\n      high: 130.28,\r\n      low: 125.76,\r\n      close: 126.6,\r\n      volume: 246472020\r\n  },\r\n  {\r\n      x: new Date('2015-03-09'),\r\n      open: 127.96,\r\n      high: 129.57,\r\n      low: 121.63,\r\n      close: 123.59,\r\n      volume: 325921230\r\n  },\r\n  {\r\n      x: new Date('2015-03-16'),\r\n      open: 123.88,\r\n      high: 129.2451,\r\n      low: 122.87,\r\n      close: 125.9,\r\n      volume: 266016400\r\n  },\r\n  {\r\n      x: new Date('2015-03-23'),\r\n      open: 127.12,\r\n      high: 128.04,\r\n      low: 122.6,\r\n      close: 123.25,\r\n      volume: 208731730\r\n  },\r\n  {\r\n      x: new Date('2015-03-30'),\r\n      open: 124.05,\r\n      high: 126.49,\r\n      low: 123.1,\r\n      close: 125.32,\r\n      volume: 161628950\r\n  },\r\n  {\r\n      x: new Date('2015-04-06'),\r\n      open: 124.47,\r\n      high: 128.1218,\r\n      low: 124.33,\r\n      close: 127.1,\r\n      volume: 181454510\r\n  },\r\n  {\r\n      x: new Date('2015-04-13'),\r\n      open: 128.37,\r\n      high: 128.57,\r\n      low: 124.46,\r\n      close: 124.75,\r\n      volume: 170090870\r\n  },\r\n  {\r\n      x: new Date('2015-04-20'),\r\n      open: 125.57,\r\n      high: 130.63,\r\n      low: 125.17,\r\n      close: 130.28,\r\n      volume: 206698310\r\n  },\r\n  {\r\n      x: new Date('2015-04-27'),\r\n      open: 132.31,\r\n      high: 134.54,\r\n      low: 124.58,\r\n      close: 128.95,\r\n      volume: 417115180\r\n  },\r\n  {\r\n      x: new Date('2015-05-04'),\r\n      open: 129.5,\r\n      high: 130.57,\r\n      low: 123.36,\r\n      close: 127.62,\r\n      volume: 270197900\r\n  },\r\n  {\r\n      x: new Date('2015-05-11'),\r\n      open: 127.39,\r\n      high: 129.49,\r\n      low: 124.82,\r\n      close: 128.77,\r\n      volume: 207858180\r\n  },\r\n  {\r\n      x: new Date('2015-05-18'),\r\n      open: 128.38,\r\n      high: 132.97,\r\n      low: 128.36,\r\n      close: 132.54,\r\n      volume: 216438970\r\n  },\r\n  {\r\n      x: new Date('2015-05-25'),\r\n      open: 132.6,\r\n      high: 132.91,\r\n      low: 129.12,\r\n      close: 130.28,\r\n      volume: 197468800\r\n  },\r\n  {\r\n      x: new Date('2015-06-01'),\r\n      open: 131.2,\r\n      high: 131.39,\r\n      low: 128.36,\r\n      close: 128.65,\r\n      volume: 170465550\r\n  },\r\n  {\r\n      x: new Date('2015-06-08'),\r\n      open: 128.9,\r\n      high: 130.18,\r\n      low: 125.62,\r\n      close: 127.17,\r\n      volume: 219812710\r\n  },\r\n  {\r\n      x: new Date('2015-06-15'),\r\n      open: 126.1,\r\n      high: 128.31,\r\n      low: 125.71,\r\n      close: 126.6,\r\n      volume: 197925030\r\n  },\r\n  {\r\n      x: new Date('2015-06-22'),\r\n      open: 127.49,\r\n      high: 129.8,\r\n      low: 126.51,\r\n      close: 126.75,\r\n      volume: 195104520\r\n  },\r\n  {\r\n      x: new Date('2015-06-29'),\r\n      open: 125.46,\r\n      high: 126.94,\r\n      low: 124.48,\r\n      close: 126.44,\r\n      volume: 150747530\r\n  },\r\n  {\r\n      x: new Date('2015-07-06'),\r\n      open: 124.94,\r\n      high: 126.23,\r\n      low: 119.22,\r\n      close: 123.28,\r\n      volume: 274904180\r\n  },\r\n  {\r\n      x: new Date('2015-07-13'),\r\n      open: 125.03,\r\n      high: 129.62,\r\n      low: 124.32,\r\n      close: 129.62,\r\n      volume: 188579340\r\n  },\r\n  {\r\n      x: new Date('2015-07-20'),\r\n      open: 130.97,\r\n      high: 132.97,\r\n      low: 121.99,\r\n      close: 124.5,\r\n      volume: 336423370\r\n  },\r\n  {\r\n      x: new Date('2015-07-27'),\r\n      open: 123.09,\r\n      high: 123.91,\r\n      low: 120.91,\r\n      close: 121.3,\r\n      volume: 191087840\r\n  },\r\n  {\r\n      x: new Date('2015-08-03'),\r\n      open: 121.5,\r\n      high: 122.57,\r\n      low: 112.1,\r\n      close: 115.52,\r\n      volume: 383883210\r\n  },\r\n  {\r\n      x: new Date('2015-08-10'),\r\n      open: 116.53,\r\n      high: 119.99,\r\n      low: 109.63,\r\n      close: 115.96,\r\n      volume: 344549090\r\n  },\r\n  {\r\n      x: new Date('2015-08-17'),\r\n      open: 116.04,\r\n      high: 117.65,\r\n      low: 105.645,\r\n      close: 105.76,\r\n      volume: 318855760\r\n  },\r\n  {\r\n        x: new Date('2015-08-24'),\r\n        open: 110.87,\r\n        high: 113.31,\r\n        low: 102.6,\r\n        close: 113.29,\r\n        volume: 498047270\r\n  },\r\n  {\r\n      x: new Date('2015-08-31'),\r\n      open: 112.03,\r\n      high: 114.53,\r\n      low: 107.36,\r\n      close: 109.27,\r\n      volume: 297402060\r\n  },\r\n  {\r\n      x: new Date('2015-09-07'),\r\n      open: 111.65,\r\n      high: 114.21,\r\n      low: 109.77,\r\n      close: 114.21,\r\n      volume: 251859600\r\n  },\r\n  {\r\n      x: new Date('2015-09-14'),\r\n      open: 116.58,\r\n      high: 116.89,\r\n      low: 111.87,\r\n      close: 113.45,\r\n      volume: 276281980\r\n  },\r\n  {\r\n      x: new Date('2015-09-21'),\r\n      open: 113.67,\r\n      high: 116.69,\r\n      low: 112.37,\r\n      close: 114.71,\r\n      volume: 238617740\r\n  },\r\n  {\r\n      x: new Date('2015-09-28'),\r\n      open: 113.85,\r\n      high: 114.57,\r\n      low: 107.31,\r\n      close: 110.38,\r\n      volume: 313017610\r\n  },\r\n  {\r\n      x: new Date('2015-10-05'),\r\n      open: 109.88,\r\n      high: 112.28,\r\n      low: 108.21,\r\n      close: 112.12,\r\n      volume: 261920950\r\n  },\r\n  {\r\n      x: new Date('2015-10-12'),\r\n      open: 112.73,\r\n      high: 112.75,\r\n      low: 109.56,\r\n      close: 111.04,\r\n      volume: 184208970\r\n  },\r\n  {\r\n      x: new Date('2015-10-19'),\r\n      open: 110.8,\r\n      high: 119.228,\r\n      low: 110.11,\r\n      close: 119.08,\r\n      volume: 221612230\r\n  },\r\n  {\r\n      x: new Date('2015-10-26'),\r\n      open: 118.08,\r\n      high: 121.22,\r\n      low: 113.99,\r\n      close: 119.5,\r\n      volume: 319660750\r\n  },\r\n  {\r\n      x: new Date('2015-11-02'),\r\n      open: 119.87,\r\n      high: 123.82,\r\n      low: 119.61,\r\n      close: 121.06,\r\n      volume: 194953700\r\n  },\r\n  {\r\n      x: new Date('2015-11-09'),\r\n      open: 120.96,\r\n      high: 121.81,\r\n      low: 112.27,\r\n      close: 112.34,\r\n      volume: 216054740\r\n  },\r\n  {\r\n      x: new Date('2015-11-16'),\r\n      open: 111.38,\r\n      high: 119.92,\r\n      low: 111,\r\n      close: 119.3,\r\n      volume: 189492500\r\n  },\r\n  {\r\n      x: new Date('2015-11-23'),\r\n      open: 119.27,\r\n      high: 119.73,\r\n      low: 117.12,\r\n      close: 117.81,\r\n      volume: 109582040\r\n  },\r\n  {\r\n      x: new Date('2015-11-30'),\r\n      open: 117.99,\r\n      high: 119.41,\r\n      low: 114.22,\r\n      close: 119.03,\r\n      volume: 205415620\r\n  },\r\n  {\r\n      x: new Date('2015-12-07'),\r\n      open: 118.98,\r\n      high: 119.86,\r\n      low: 112.851,\r\n      close: 113.18,\r\n      volume: 188609110\r\n  },\r\n  {\r\n      x: new Date('2015-12-14'),\r\n      open: 112.18,\r\n      high: 112.8,\r\n      low: 105.81,\r\n      close: 106.03,\r\n      volume: 314856190\r\n  },\r\n  {\r\n      x: new Date('2015-12-21'),\r\n      open: 107.28,\r\n      high: 109,\r\n      low: 105.57,\r\n      close: 108.03,\r\n      volume: 126450510\r\n  },\r\n  {\r\n      x: new Date('2015-12-28'),\r\n      open: 107.59,\r\n      high: 109.43,\r\n      low: 104.82,\r\n      close: 105.26,\r\n      volume: 123621760\r\n  },\r\n  {\r\n      x: new Date('2016-01-04'),\r\n      open: 102.61,\r\n      high: 105.85,\r\n      low: 96.43,\r\n      close: 96.96,\r\n      volume: 343000960\r\n  },\r\n  {\r\n      x: new Date('2016-01-11'),\r\n      open: 98.97,\r\n      high: 101.19,\r\n      low: 95.36,\r\n      close: 97.13,\r\n      volume: 303375940\r\n  },\r\n  {\r\n      x: new Date('2016-01-18'),\r\n      open: 98.41,\r\n      high: 101.46,\r\n      low: 93.42,\r\n      close: 101.42,\r\n      volume: 242982970\r\n  },\r\n  {\r\n      x: new Date('2016-01-25'),\r\n      open: 101.52,\r\n      high: 101.53,\r\n      low: 92.39,\r\n      close: 97.34,\r\n      volume: 376481100\r\n  },\r\n  {\r\n      x: new Date('2016-02-01'),\r\n      open: 96.47,\r\n      high: 97.33,\r\n      low: 93.69,\r\n      close: 94.02,\r\n      volume: 216608840\r\n  },\r\n  {\r\n      x: new Date('2016-02-08'),\r\n      open: 93.13,\r\n      high: 96.35,\r\n      low: 92.59,\r\n      close: 93.99,\r\n      volume: 230794620\r\n  },\r\n  {\r\n      x: new Date('2016-02-15'),\r\n      open: 95.02,\r\n      high: 98.89,\r\n      low: 94.61,\r\n      close: 96.04,\r\n      volume: 167001070\r\n  },\r\n  {\r\n      x: new Date('2016-02-22'),\r\n      open: 96.31,\r\n      high: 98.0237,\r\n      low: 93.32,\r\n      close: 96.91,\r\n      volume: 158759600\r\n  },\r\n  {\r\n      x: new Date('2016-02-29'),\r\n      open: 96.86,\r\n      high: 103.75,\r\n      low: 96.65,\r\n      close: 103.01,\r\n      volume: 201482180\r\n  },\r\n  {\r\n      x: new Date('2016-03-07'),\r\n      open: 102.39,\r\n      high: 102.83,\r\n      low: 100.15,\r\n      close: 102.26,\r\n      volume: 155437450\r\n  },\r\n  {\r\n      x: new Date('2016-03-14'),\r\n      open: 101.91,\r\n      high: 106.5,\r\n      low: 101.78,\r\n      close: 105.92,\r\n      volume: 181323210\r\n  },\r\n  {\r\n      x: new Date('2016-03-21'),\r\n      open: 105.93,\r\n      high: 107.65,\r\n      low: 104.89,\r\n      close: 105.67,\r\n      volume: 119054360\r\n  },\r\n  {\r\n      x: new Date('2016-03-28'),\r\n      open: 106,\r\n      high: 110.42,\r\n      low: 104.88,\r\n      close: 109.99,\r\n      volume: 147641240\r\n  },\r\n  {\r\n      x: new Date('2016-04-04'),\r\n      open: 110.42,\r\n      high: 112.19,\r\n      low: 108.121,\r\n      close: 108.66,\r\n      volume: 145351790\r\n  },\r\n  {\r\n      x: new Date('2016-04-11'),\r\n      open: 108.97,\r\n      high: 112.39,\r\n      low: 108.66,\r\n      close: 109.85,\r\n      volume: 161518860\r\n  },\r\n  {\r\n      x: new Date('2016-04-18'),\r\n      open: 108.89,\r\n      high: 108.95,\r\n      low: 104.62,\r\n      close: 105.68,\r\n      volume: 188775240\r\n  },\r\n  {\r\n      x: new Date('2016-04-25'),\r\n      open: 105,\r\n      high: 105.65,\r\n      low: 92.51,\r\n      close: 93.74,\r\n      volume: 345910030\r\n  },\r\n  {\r\n      x: new Date('2016-05-02'),\r\n      open: 93.965,\r\n      high: 95.9,\r\n      low: 91.85,\r\n      close: 92.72,\r\n      volume: 225114110\r\n  },\r\n  {\r\n      x: new Date('2016-05-09'),\r\n      open: 93,\r\n      high: 93.77,\r\n      low: 89.47,\r\n      close: 90.52,\r\n      volume: 215596350\r\n  },\r\n  {\r\n      x: new Date('2016-05-16'),\r\n      open: 92.39,\r\n      high: 95.43,\r\n      low: 91.65,\r\n      close: 95.22,\r\n      volume: 212312980\r\n  },\r\n  {\r\n      x: new Date('2016-05-23'),\r\n      open: 95.87,\r\n      high: 100.73,\r\n      low: 95.67,\r\n      close: 100.35,\r\n      volume: 203902650\r\n  },\r\n  {\r\n      x: new Date('2016-05-30'),\r\n      open: 99.6,\r\n      high: 100.4,\r\n      low: 96.63,\r\n      close: 97.92,\r\n      volume: 140064910\r\n  },\r\n  {\r\n      x: new Date('2016-06-06'),\r\n      open: 97.99,\r\n      high: 101.89,\r\n      low: 97.55,\r\n      close: 98.83,\r\n      volume: 124731320\r\n  },\r\n  {\r\n      x: new Date('2016-06-13'),\r\n      open: 98.69,\r\n      high: 99.12,\r\n      low: 95.3,\r\n      close: 95.33,\r\n      volume: 191017280\r\n  },\r\n  {\r\n      x: new Date('2016-06-20'),\r\n      open: 96,\r\n      high: 96.89,\r\n      low: 92.65,\r\n      close: 93.4,\r\n      volume: 206149160\r\n  },\r\n  {\r\n      x: new Date('2016-06-27'),\r\n      open: 93,\r\n      high: 96.465,\r\n      low: 91.5,\r\n      close: 95.89,\r\n      volume: 184254460\r\n  },\r\n  {\r\n      x: new Date('2016-07-04'),\r\n      open: 95.39,\r\n      high: 96.89,\r\n      low: 94.37,\r\n      close: 96.68,\r\n      volume: 111769640\r\n  },\r\n  {\r\n      x: new Date('2016-07-11'),\r\n      open: 96.75,\r\n      high: 99.3,\r\n      low: 96.73,\r\n      close: 98.78,\r\n      volume: 142244590\r\n  },\r\n  {\r\n      x: new Date('2016-07-18'),\r\n      open: 98.7,\r\n      high: 101,\r\n      low: 98.31,\r\n      close: 98.66,\r\n      volume: 147358320\r\n  },\r\n  {\r\n      x: new Date('2016-07-25'),\r\n      open: 98.25,\r\n      high: 104.55,\r\n      low: 96.42,\r\n      close: 104.21,\r\n      volume: 252358930\r\n  },\r\n  {\r\n      x: new Date('2016-08-01'),\r\n      open: 104.41,\r\n      high: 107.65,\r\n      low: 104,\r\n      close: 107.48,\r\n      volume: 168265830\r\n  },\r\n  {\r\n      x: new Date('2016-08-08'),\r\n      open: 107.52,\r\n      high: 108.94,\r\n      low: 107.16,\r\n      close: 108.18,\r\n      volume: 124255340\r\n  },\r\n  {\r\n      x: new Date('2016-08-15'),\r\n      open: 108.14,\r\n      high: 110.23,\r\n      low: 108.08,\r\n      close: 109.36,\r\n      volume: 131814920\r\n  },\r\n  {\r\n      x: new Date('2016-08-22'),\r\n      open: 108.86,\r\n      high: 109.32,\r\n      low: 106.31,\r\n      close: 106.94,\r\n      volume: 123373540\r\n  },\r\n  {\r\n      x: new Date('2016-08-29'),\r\n      open: 106.62,\r\n      high: 108,\r\n      low: 105.5,\r\n      close: 107.73,\r\n      volume: 134426100\r\n  },\r\n  {\r\n      x: new Date('2016-09-05'),\r\n      open: 107.9,\r\n      high: 108.76,\r\n      low: 103.13,\r\n      close: 103.13,\r\n      volume: 168312530\r\n  },\r\n  {\r\n      x: new Date('2016-09-12'),\r\n      open: 102.65,\r\n      high: 116.13,\r\n      low: 102.53,\r\n      close: 114.92,\r\n      volume: 388543710\r\n  },\r\n  {\r\n      x: new Date('2016-09-19'),\r\n      open: 115.19,\r\n      high: 116.18,\r\n      low: 111.55,\r\n      close: 112.71,\r\n      volume: 200842480\r\n  },\r\n  {\r\n      x: new Date('2016-09-26'),\r\n      open: 111.64,\r\n      high: 114.64,\r\n      low: 111.55,\r\n      close: 113.05,\r\n      volume: 156186800\r\n  },\r\n  {\r\n      x: new Date('2016-10-03'),\r\n      open: 112.71,\r\n      high: 114.56,\r\n      low: 112.28,\r\n      close: 114.06,\r\n      volume: 125587350\r\n  },\r\n  {\r\n      x: new Date('2016-10-10'),\r\n      open: 115.02,\r\n      high: 118.69,\r\n      low: 114.72,\r\n      close: 117.63,\r\n      volume: 208231690\r\n  },\r\n  {\r\n      x: new Date('2016-10-17'),\r\n      open: 117.33,\r\n      high: 118.21,\r\n      low: 113.8,\r\n      close: 116.6,\r\n      volume: 114497020\r\n  },\r\n  {\r\n      x: new Date('2016-10-24'),\r\n      open: 117.1,\r\n      high: 118.36,\r\n      low: 113.31,\r\n      close: 113.72,\r\n      volume: 204530120\r\n  },\r\n  {\r\n      x: new Date('2016-10-31'),\r\n      open: 113.65,\r\n      high: 114.23,\r\n      low: 108.11,\r\n      close: 108.84,\r\n      volume: 155287280\r\n  },\r\n  {\r\n      x: new Date('2016-11-07'),\r\n      open: 110.08,\r\n      high: 111.72,\r\n      low: 105.83,\r\n      close: 108.43,\r\n      volume: 206825070\r\n  },\r\n  {\r\n      x: new Date('2016-11-14'),\r\n      open: 107.71,\r\n      high: 110.54,\r\n      low: 104.08,\r\n      close: 110.06,\r\n      volume: 197790040\r\n  },\r\n  {\r\n      x: new Date('2016-11-21'),\r\n      open: 110.12,\r\n      high: 112.42,\r\n      low: 110.01,\r\n      close: 111.79,\r\n      volume: 93992370\r\n  },\r\n  {\r\n      x: new Date('2016-11-28'),\r\n      open: 111.43,\r\n      high: 112.465,\r\n      low: 108.85,\r\n      close: 109.9,\r\n      volume: 155229390\r\n  },\r\n  {\r\n      x: new Date('2016-12-05'),\r\n      open: 110,\r\n      high: 114.7,\r\n      low: 108.25,\r\n      close: 113.95,\r\n      volume: 151624650\r\n  },\r\n  {\r\n      x: new Date('2016-12-12'),\r\n      open: 113.29,\r\n      high: 116.73,\r\n      low: 112.49,\r\n      close: 115.97,\r\n      volume: 194003220\r\n  },\r\n  {\r\n      x: new Date('2016-12-19'),\r\n      open: 115.8,\r\n      high: 117.5,\r\n      low: 115.59,\r\n      close: 116.52,\r\n      volume: 113106370\r\n  },\r\n  {\r\n      x: new Date('2016-12-26'),\r\n      open: 116.52,\r\n      high: 118.0166,\r\n      low: 115.43,\r\n      close: 115.82,\r\n      volume: 84354060\r\n  },\r\n  {\r\n      x: new Date('2017-01-02'),\r\n      open: 115.8,\r\n      high: 118.16,\r\n      low: 114.76,\r\n      close: 117.91,\r\n      volume: 103680760\r\n  },\r\n  {\r\n      x: new Date('2017-01-09'),\r\n      open: 117.95,\r\n      high: 119.93,\r\n      low: 117.94,\r\n      close: 119.04,\r\n      volume: 138446660\r\n  },\r\n  {\r\n      x: new Date('2017-01-16'),\r\n      open: 118.34,\r\n      high: 120.5,\r\n      low: 118.22,\r\n      close: 120,\r\n      volume: 113576380\r\n  },\r\n  {\r\n      x: new Date('2017-01-23'),\r\n      open: 120,\r\n      high: 122.44,\r\n      low: 119.5,\r\n      close: 121.95,\r\n      volume: 124406640\r\n  },\r\n  {\r\n      x: new Date('2017-01-30'),\r\n      open: 120.93,\r\n      high: 130.49,\r\n      low: 120.62,\r\n      close: 129.08,\r\n      volume: 248063580\r\n  },\r\n  {\r\n      x: new Date('2017-02-06'),\r\n      open: 129.13,\r\n      high: 132.94,\r\n      low: 128.9,\r\n      close: 132.12,\r\n      volume: 136252280\r\n  },\r\n  {\r\n      x: new Date('2017-02-13'),\r\n      open: 133.08,\r\n      high: 136.27,\r\n      low: 132.75,\r\n      close: 135.72,\r\n      volume: 136326260\r\n  },\r\n  {\r\n      x: new Date('2017-02-20'),\r\n      open: 136.23,\r\n      high: 137.48,\r\n      low: 135.28,\r\n      close: 136.66,\r\n      volume: 87773190\r\n  },\r\n  {\r\n      x: new Date('2017-02-27'),\r\n      open: 137.14,\r\n      high: 140.2786,\r\n      low: 136.28,\r\n      close: 139.78,\r\n      volume: 127757050\r\n  },\r\n  {\r\n      x: new Date('2017-03-06'),\r\n      open: 139.365,\r\n      high: 139.98,\r\n      low: 137.05,\r\n      close: 139.14,\r\n      volume: 99061270\r\n  },\r\n  {\r\n      x: new Date('2017-03-13'),\r\n      open: 138.85,\r\n      high: 141.02,\r\n      low: 138.82,\r\n      close: 139.99,\r\n      volume: 120881720\r\n  },\r\n  {\r\n      x: new Date('2017-03-20'),\r\n      open: 140.4,\r\n      high: 142.8,\r\n      low: 139.73,\r\n      close: 140.64,\r\n      volume: 129178500\r\n  },\r\n  {\r\n      x: new Date('2017-03-27'),\r\n      open: 139.39,\r\n      high: 144.5,\r\n      low: 138.62,\r\n      close: 143.66,\r\n      volume: 126819590\r\n  },\r\n  {\r\n      x: new Date('2017-04-03'),\r\n      open: 143.71,\r\n      high: 145.46,\r\n      low: 143.05,\r\n      close: 143.34,\r\n      volume: 105274540\r\n  },\r\n  {\r\n      x: new Date('2017-04-10'),\r\n      open: 143.6,\r\n      high: 143.8792,\r\n      low: 140.06,\r\n      close: 141.05,\r\n      volume: 87342130\r\n  },\r\n  {\r\n      x: new Date('2017-04-17'),\r\n      open: 141.48,\r\n      high: 142.92,\r\n      low: 140.45,\r\n      close: 142.27,\r\n      volume: 89092650\r\n  },\r\n  {\r\n      x: new Date('2017-04-24'),\r\n      open: 143.5,\r\n      high: 144.9,\r\n      low: 143.18,\r\n      close: 143.65,\r\n      volume: 90423600\r\n  },\r\n  {\r\n      x: new Date('2017-05-01'),\r\n      open: 145.1,\r\n      high: 148.98,\r\n      low: 144.27,\r\n      close: 148.96,\r\n      volume: 173861760\r\n  },\r\n  {\r\n      x: new Date('2017-05-08'),\r\n      open: 149.03,\r\n      high: 156.42,\r\n      low: 149.03,\r\n      close: 156.1,\r\n      volume: 173087500\r\n  },\r\n  {\r\n      x: new Date('2017-05-15'),\r\n      open: 156.01,\r\n      high: 156.65,\r\n      low: 149.71,\r\n      close: 153.06,\r\n      volume: 156993820\r\n  },\r\n  {\r\n      x: new Date('2017-05-22'),\r\n      open: 154,\r\n      high: 154.9,\r\n      low: 152.67,\r\n      close: 153.61,\r\n      volume: 103151450\r\n  },\r\n  {\r\n      x: new Date('2017-05-29'),\r\n      open: 153.42,\r\n      high: 155.45,\r\n      low: 152.22,\r\n      close: 155.45,\r\n      volume: 88670120\r\n  },\r\n  {\r\n      x: new Date('2017-06-05'),\r\n      open: 154.34,\r\n      high: 155.98,\r\n      low: 146.02,\r\n      close: 148.98,\r\n      volume: 158814040\r\n  },\r\n  {\r\n      x: new Date('2017-06-12'),\r\n      open: 145.74,\r\n      high: 147.5,\r\n      low: 142.2,\r\n      close: 142.27,\r\n      volume: 219638930\r\n  },\r\n  {\r\n      x: new Date('2017-06-19'),\r\n      open: 143.66,\r\n      high: 147.16,\r\n      low: 143.66,\r\n      close: 146.28,\r\n      volume: 132832660\r\n  },\r\n  {\r\n      x: new Date('2017-06-26'),\r\n      open: 147.17,\r\n      high: 148.28,\r\n      low: 142.28,\r\n      close: 144.02,\r\n      volume: 126890110\r\n  },\r\n  {\r\n      x: new Date('2017-07-03'),\r\n      open: 144.88,\r\n      high: 145.3001,\r\n      low: 142.41,\r\n      close: 144.18,\r\n      volume: 78465450\r\n  },\r\n  {\r\n      x: new Date('2017-07-10'),\r\n      open: 144.11,\r\n      high: 149.33,\r\n      low: 143.37,\r\n      close: 149.04,\r\n      volume: 109759170\r\n  },\r\n  {\r\n      x: new Date('2017-07-17'),\r\n      open: 148.82,\r\n      high: 151.74,\r\n      low: 148.57,\r\n      close: 150.27,\r\n      volume: 104744470\r\n  },\r\n  {\r\n      x: new Date('2017-07-24'),\r\n      open: 150.58,\r\n      high: 153.99,\r\n      low: 147.3,\r\n      close: 149.5,\r\n      volume: 105536280\r\n  },\r\n  {\r\n      x: new Date('2017-07-31'),\r\n      open: 149.9,\r\n      high: 159.75,\r\n      low: 148.13,\r\n      close: 156.39,\r\n      volume: 170204830\r\n  },\r\n  {\r\n      x: new Date('2017-08-07'),\r\n      open: 157.06,\r\n      high: 161.83,\r\n      low: 154.63,\r\n      close: 157.48,\r\n      volume: 149860480\r\n  },\r\n  {\r\n      x: new Date('2017-08-14'),\r\n      open: 159.32,\r\n      high: 162.51,\r\n      low: 156.72,\r\n      close: 157.5,\r\n      volume: 133829670\r\n  },\r\n  {\r\n      x: new Date('2017-08-21'),\r\n      open: 157.5,\r\n      high: 160.74,\r\n      low: 155.1101,\r\n      close: 159.86,\r\n      volume: 112238670\r\n  },\r\n  {\r\n      x: new Date('2017-08-28'),\r\n      open: 160.14,\r\n      high: 164.94,\r\n      low: 159.93,\r\n      close: 164.05,\r\n      volume: 125610990\r\n  },\r\n  {\r\n      x: new Date('2017-09-04'),\r\n      open: 163.75,\r\n      high: 164.25,\r\n      low: 158.53,\r\n      close: 158.63,\r\n      volume: 101419110\r\n  },\r\n  {\r\n      x: new Date('2017-09-11'),\r\n      open: 160.5,\r\n      high: 163.96,\r\n      low: 157.91,\r\n      close: 159.88,\r\n      volume: 220431100\r\n  },\r\n  {\r\n      x: new Date('2017-09-18'),\r\n      open: 160.11,\r\n      high: 160.5,\r\n      low: 157.995,\r\n      close: 158.67,\r\n      volume: 27939544\r\n  }\r\n];\r\nexport let axesData: object[] = [\r\n    { xDate: new Date('2013-03-27'), Open: 85.97, High: 86.37, Low: 85.96, Close: 86.33 },\r\n    { xDate: new Date('2013-03-29'), Open: 85.97, High: 86.37, Low: 85.96, Close: 86.33 },\r\n    { xDate: new Date('2013-04-01'), Open: 86.1, High: 86.15, Low: 85.9, Close: 86.03 },\r\n    { xDate: new Date('2013-04-03'), Open: 85.93, High: 86.17, Low: 85.84, Close: 86.02 },\r\n    { xDate: new Date('2013-04-05'), Open: 85.74, High: 86, Low: 85.66, Close: 86 },\r\n    { xDate: new Date('2013-04-07'), Open: 85.71, High: 85.71, Low: 85.36, Close: 85.62 },\r\n    { xDate: new Date('2013-04-09'), Open: 85.3, High: 85.92, Low: 85.16, Close: 85.8 },\r\n    { xDate: new Date('2013-04-11'), Open: 84.23, High: 85.46, Low: 84.23, Close: 85.2 },\r\n    { xDate: new Date('2013-04-13'), Open: 84.51, High: 84.54, Low: 84.19, Close: 84.3 },\r\n    { xDate: new Date('2013-04-15'), Open: 84.44, High: 84.65, Low: 84.2, Close: 84.63 },\r\n    { xDate: new Date('2013-04-17'), Open: 84.6, High: 84.81, Low: 84.59, Close: 84.65 },\r\n    { xDate: new Date('2013-04-19'), Open: 84.52, High: 84.86, Low: 84.4, Close: 84.76 },\r\n    { xDate: new Date('2013-04-21'), Open: 84.17, High: 84.66, Low: 84.16, Close: 84.47 },\r\n    { xDate: new Date('2013-04-23'), Open: 84.22, High: 84.3, Low: 83.98, Close: 84.26 },\r\n    { xDate: new Date('2013-04-25'), Open: 83.75, High: 84.1, Low: 83.65, Close: 84 },\r\n    { xDate: new Date('2013-04-27'), Open: 84, High: 84.01, Low: 83.67, Close: 83.74 },\r\n    { xDate: new Date('2013-04-29'), Open: 84, High: 84.01, Low: 83.67, Close: 83.74 },\r\n    { xDate: new Date('2013-05-01'), Open: 84.3, High: 84.45, Low: 84.19, Close: 84.22 },\r\n    { xDate: new Date('2013-05-03'), Open: 83.79, High: 84.19, Low: 83.7, Close: 84.04 },\r\n    { xDate: new Date('2013-05-05'), Open: 84.02, High: 84.02, Low: 83.69, Close: 83.71 },\r\n    { xDate: new Date('2013-05-07'), Open: 84.01, High: 84.04, Low: 83.82, Close: 83.96 },\r\n    { xDate: new Date('2013-05-09'), Open: 83.9, High: 84.02, Low: 83.86, Close: 83.94 },\r\n    { xDate: new Date('2013-05-11'), Open: 84.09, High: 84.17, Low: 83.9, Close: 84.06 },\r\n    { xDate: new Date('2013-05-13'), Open: 83.89, High: 84.25, Low: 83.77, Close: 84.01 },\r\n    { xDate: new Date('2013-05-15'), Open: 84.05, High: 84.14, Low: 83.84, Close: 83.91 },\r\n    { xDate: new Date('2013-05-17'), Open: 84.49, High: 84.65, Low: 84.18, Close: 84.22 },\r\n    { xDate: new Date('2013-05-19'), Open: 84.99, High: 85.1, Low: 84.37, Close: 84.43 },\r\n    { xDate: new Date('2013-05-21'), Open: 84.96, High: 85.06, Low: 84.7, Close: 85.01 },\r\n    { xDate: new Date('2013-05-23'), Open: 84.68, High: 84.9, Low: 84.65, Close: 84.76 },\r\n    { xDate: new Date('2013-05-25'), Open: 84.35, High: 85.03, Low: 84.32, Close: 84.67 },\r\n    { xDate: new Date('2013-05-27'), Open: 84.19, High: 84.31, Low: 84.16, Close: 84.19 },\r\n    { xDate: new Date('2013-05-29'), Open: 84.19, High: 84.31, Low: 84.16, Close: 84.19 },\r\n    { xDate: new Date('2013-06-01'), Open: 84.2, High: 84.29, Low: 84.04, Close: 84.15 },\r\n    { xDate: new Date('2013-06-03'), Open: 84.21, High: 84.25, Low: 84.03, Close: 84.17 },\r\n    { xDate: new Date('2013-06-05'), Open: 84.72, High: 84.87, Low: 84.44, Close: 84.49 },\r\n    { xDate: new Date('2013-06-07'), Open: 84.85, High: 84.88, Low: 84.5, Close: 84.72 },\r\n    { xDate: new Date('2013-06-09'), Open: 84.53, High: 84.74, Low: 84.25, Close: 84.69 },\r\n    { xDate: new Date('2013-06-11'), Open: 84.4, High: 84.7, Low: 84.27, Close: 84.52 },\r\n    { xDate: new Date('2013-06-13'), Open: 84.96, High: 85.07, Low: 84.5, Close: 84.57 },\r\n    { xDate: new Date('2013-06-15'), Open: 85.28, High: 85.32, Low: 84.95, Close: 85.03 },\r\n    { xDate: new Date('2013-06-17'), Open: 85.35, High: 85.39, Low: 85.1, Close: 85.32 },\r\n    { xDate: new Date('2013-06-19'), Open: 85.65, High: 85.66, Low: 85.21, Close: 85.36 },\r\n    { xDate: new Date('2013-06-21'), Open: 85.38, High: 85.85, Low: 85.25, Close: 85.67 },\r\n    { xDate: new Date('2013-06-23'), Open: 85.8, High: 85.96, Low: 85.67, Close: 85.83 },\r\n    { xDate: new Date('2013-06-25'), Open: 86.07, High: 86.22, Low: 85.75, Close: 85.87 },\r\n    { xDate: new Date('2013-06-27'), Open: 86.05, High: 86.08, Low: 85.68, Close: 85.79 },\r\n    { xDate: new Date('2013-06-29'), Open: 86.05, High: 86.08, Low: 85.68, Close: 85.79 },\r\n    { xDate: new Date('2013-07-01'), Open: 85.85, High: 86.25, Low: 85.79, Close: 86.06 },\r\n    { xDate: new Date('2013-07-03'), Open: 85.6, High: 85.85, Low: 85.49, Close: 85.81 },\r\n    { xDate: new Date('2013-07-05'), Open: 85.94, High: 86, Low: 85.48, Close: 85.66 },\r\n    { xDate: new Date('2013-07-07'), Open: 86.55, High: 86.64, Low: 85.36, Close: 85.92 },\r\n    { xDate: new Date('2013-07-09'), Open: 86.46, High: 86.87, Low: 86.4, Close: 86.71 },\r\n    { xDate: new Date('2013-07-11'), Open: 86.3, High: 86.39, Low: 86.13, Close: 86.38 },\r\n    { xDate: new Date('2013-07-13'), Open: 85.74, High: 86.44, Low: 85.67, Close: 86.19 },\r\n    { xDate: new Date('2013-07-15'), Open: 85.56, High: 85.62, Low: 85.34, Close: 85.61 },\r\n    { xDate: new Date('2013-07-17'), Open: 85.79, High: 85.89, Low: 85.36, Close: 85.52 },\r\n    { xDate: new Date('2013-07-19'), Open: 85.54, High: 86, Low: 85.51, Close: 85.76 },\r\n    { xDate: new Date('2013-07-21'), Open: 85, High: 85.17, Low: 84.87, Close: 85.15 },\r\n    { xDate: new Date('2013-07-23'), Open: 85.1, High: 85.28, Low: 84.72, Close: 85.08 },\r\n    { xDate: new Date('2013-07-25'), Open: 85.46, High: 85.56, Low: 85.18, Close: 85.37 },\r\n    { xDate: new Date('2013-07-27'), Open: 85.42, High: 85.44, Low: 85.09, Close: 85.42 },\r\n    { xDate: new Date('2013-07-29'), Open: 85.42, High: 85.44, Low: 85.09, Close: 85.42 },\r\n    { xDate: new Date('2013-08-01'), Open: 85.79, High: 85.89, Low: 85.36, Close: 85.54 },\r\n    { xDate: new Date('2013-08-03'), Open: 85.83, High: 85.85, Low: 85.55, Close: 85.64 },\r\n    { xDate: new Date('2013-08-05'), Open: 86.19, High: 86.25, Low: 85.8, Close: 85.98 },\r\n    { xDate: new Date('2013-08-07'), Open: 86.17, High: 86.28, Low: 85.96, Close: 86.07 },\r\n    { xDate: new Date('2013-08-09'), Open: 86.19, High: 86.26, Low: 85.97, Close: 86.2 },\r\n    { xDate: new Date('2013-08-11'), Open: 85.98, High: 86.31, Low: 85.86, Close: 86.15 },\r\n    { xDate: new Date('2013-08-13'), Open: 85.82, High: 86.18, Low: 85.74, Close: 85.78 },\r\n    { xDate: new Date('2013-08-15'), Open: 85.45, High: 85.66, Low: 85.41, Close: 85.55 },\r\n    { xDate: new Date('2013-08-17'), Open: 85.53, High: 85.53, Low: 85.31, Close: 85.48 },\r\n    { xDate: new Date('2013-08-19'), Open: 85.6, High: 85.68, Low: 85.34, Close: 85.39 },\r\n    { xDate: new Date('2013-08-21'), Open: 85.6, High: 85.72, Low: 85.5, Close: 85.61 },\r\n    { xDate: new Date('2013-08-23'), Open: 85.34, High: 85.52, Low: 85.3, Close: 85.49 },\r\n    { xDate: new Date('2013-08-25'), Open: 85.66, High: 85.72, Low: 85.38, Close: 85.41 },\r\n    { xDate: new Date('2013-08-27'), Open: 85.93, High: 85.95, Low: 85.59, Close: 85.62 },\r\n    { xDate: new Date('2013-08-29'), Open: 85.91, High: 85.93, Low: 85.63, Close: 85.58 },\r\n    { xDate: new Date('2013-09-01'), Open: 85.6, High: 85.87, Low: 85.5, Close: 85.81 }\r\n];\r\n\r\nexport let rainFallData: number[] = [\r\n    6.279319488350383, 6.44063341316797, 6.2369215935932125, 5.502712120699334, 8.36727387645628,\r\n    6.8763936909119145, 7.539107641248687, 7.168106790298325, 5.088973211088473, 7.3611443626521975,\r\n    6.262482500009694, 7.066946128264099, 7.919136663279815, 6.048770230229623, 6.635693738128687,\r\n    6.914314060997675, 7.3558393638632245, 7.446799394011705, 6.573065012367965, 7.199248800046284,\r\n    7.2478392502172255, 5.841749916549048, 6.2875032915742555, 7.780344597533645, 7.476252964940152,\r\n    7.31130789349302, 6.9795490749342735, 5.25771395445122, 5.209178065323029, 7.253001207479784,\r\n    7.735630771065614, 7.867579691619466, 6.498505124379967, 7.520182796274494, 6.8849552121955355,\r\n    8.409548532300903, 7.280962677695648, 5.90472258083289, 5.493050947663577, 8.049930030095826,\r\n    7.312239096474201, 6.648881892334176, 8.20778156490454, 7.760450642162979, 7.16896788902378,\r\n    6.464002823190773, 6.744274412468741, 7.608063016119123, 8.28437415597541, 6.0686292110951,\r\n    6.903464462707268, 6.21583898264024, 6.593313193313992, 8.173631463364867, 6.2071625059658535,\r\n    6.418795393716696, 6.564866596674945, 7.762970761208759, 6.69332473846462, 6.1351463701281865,\r\n    7.022493415476658, 5.6249468419041895, 7.874458629000931, 5.990122152134347, 6.813180297026457,\r\n    6.193695064120531, 5.296018389402549, 5.17260081829393, 8.408367813193978, 5.021357760833318,\r\n    5.459118447495531, 8.323738731410392, 5.260751854138992, 7.7013503613788545, 7.161869425083509,\r\n    6.4418768926289145, 5.7231475724513015, 5.364349621131238, 6.773111815759874, 8.306374671332607,\r\n    6.165757722561587, 8.011545688002819, 5.701686949133615, 5.811580507651204, 7.948649630117358,\r\n    8.048489436166571, 6.786435040503838, 7.1266629301054945, 7.091275551544603, 8.413378363384973,\r\n    7.589335230735911, 5.5681611987571165, 5.176557932530318, 6.890754293090578, 7.924184435766012,\r\n    7.671728565183779, 6.534081554237517, 6.078696508169291, 6.722649936820086, 8.13565939847763,\r\n    5.322671901142255, 5.876995219513782, 6.5405777428501555, 8.127136324134698, 6.843787638022269,\r\n    8.214383813349539, 7.091099148563872, 5.573444163129094, 6.1157593307379905, 5.363258884106331,\r\n    6.637800048423518, 5.027116944840255, 6.431401722513312, 7.926967677322131, 7.065957313808207,\r\n    8.301185233917279, 6.143757399153787, 6.607680399250383, 7.938494833444157, 6.365288215185968,\r\n    6.184127061001217, 6.260665337126789, 6.372079016740581, 5.376093226995872, 8.299463466935178,\r\n    5.269678124030882, 6.976824154487483, 6.5820865112357545, 6.724430571963181, 8.26091246496553,\r\n    7.401497200117249, 7.386153557663212, 7.963447373445464, 5.337687146800787, 8.286285086593121,\r\n    8.222978426452293, 7.846639766826911, 8.069351366527062, 7.513260268839259, 6.296995869336903,\r\n    8.3590956573818, 7.34430352413543, 5.527911754495014, 7.770708367719198, 8.266752140439358,\r\n    5.2647621706579635, 6.101003552437883, 5.589774929752683, 7.839799629506524, 7.41897730190976\r\n];","systemjs.config.js":"System.config({\r\n    transpiler: \"ts\",\r\n    typescriptOptions: {\r\n            target: \"es5\",\r\n            module: \"commonjs\",\r\n            moduleResolution: \"node\",\r\n            emitDecoratorMetadata: true,\r\n            experimentalDecorators: true,\r\n            \"jsx\": \"react\"\r\n    },\r\n     meta: {\r\n      'typescript': {\r\n        \"exports\": \"ts\"\r\n      },\r\n      '*.json': { loader: 'plugin-json' }\r\n    },\r\n    paths: {\r\n        \"syncfusion:\": \"http://cdn.syncfusion.com/ej2/\"},\r\n    map: {\r\n        app: 'app',\r\n        ts: \"https://unpkg.com/plugin-typescript@4.0.10/lib/plugin.js\",\r\n        typescript: \"https://unpkg.com/typescript@2.2.2/lib/typescript.js\",\r\n        \"plugin-json\":\"https://cdnjs.cloudflare.com/ajax/libs/systemjs-plugin-json/0.3.0/json.min.js\",\r\n        \"@syncfusion/ej2-base\": \"syncfusion:ej2-base/dist/ej2-base.umd.min.js\",\r\n        \"@syncfusion/ej2-buttons\": \"syncfusion:ej2-buttons/dist/ej2-buttons.umd.min.js\",\r\n        \"@syncfusion/ej2-splitbuttons\": \"syncfusion:ej2-splitbuttons/dist/ej2-splitbuttons.umd.min.js\",\r\n        \"@syncfusion/ej2-charts\": \"syncfusion:ej2-charts/dist/ej2-charts.umd.min.js\",\r\n        \"@syncfusion/ej2-maps\": \"syncfusion:ej2-maps/dist/ej2-maps.umd.min.js\",\r\n        \"@syncfusion/ej2-treemap\": \"syncfusion:ej2-treemap/dist/ej2-treemap.umd.min.js\",\r\n        \"@syncfusion/ej2-circulargauge\": \"syncfusion:ej2-circulargauge/dist/ej2-circulargauge.umd.min.js\",\r\n        \"@syncfusion/ej2-lineargauge\": \"syncfusion:ej2-lineargauge/dist/ej2-lineargauge.umd.min.js\",\r\n        \"@syncfusion/ej2-calendars\": \"syncfusion:ej2-calendars/dist/ej2-calendars.umd.min.js\",\r\n        \"@syncfusion/ej2-data\": \"syncfusion:ej2-data/dist/ej2-data.umd.min.js\",\r\n        \"@syncfusion/ej2-dropdowns\": \"syncfusion:ej2-dropdowns/dist/ej2-dropdowns.umd.min.js\",\r\n        \"@syncfusion/ej2-grids\": \"syncfusion:ej2-grids/dist/ej2-grids.umd.min.js\",\r\n        \"@syncfusion/ej2-lists\": \"syncfusion:ej2-lists/dist/ej2-lists.umd.min.js\",\r\n        \"@syncfusion/ej2-inputs\": \"syncfusion:ej2-inputs/dist/ej2-inputs.umd.min.js\",\r\n        \"@syncfusion/ej2-navigations\": \"syncfusion:ej2-navigations/dist/ej2-navigations.umd.min.js\",\r\n        \"@syncfusion/ej2-popups\": \"syncfusion:ej2-popups/dist/ej2-popups.umd.min.js\",\r\n        \"@syncfusion/ej2-schedule\": \"syncfusion:ej2-schedule/dist/ej2-schedule.umd.min.js\",\r\n        \"@syncfusion/ej2-pdf-export\": \"syncfusion:ej2-pdf-export/dist/ej2-pdf-export.umd.min.js\",        \r\n        \"@syncfusion/ej2-compression\": \"syncfusion:ej2-compression/dist/ej2-compression.umd.min.js\",\r\n        \"@syncfusion/ej2-excel-export\": \"syncfusion:ej2-excel-export/dist/ej2-excel-export.umd.min.js\",        \r\n        \"@syncfusion/ej2-file-utils\": \"syncfusion:ej2-file-utils/dist/ej2-file-utils.umd.min.js\",\r\n        \"@syncfusion/ej2-documenteditor\": \"syncfusion:ej2-documenteditor/dist/ej2-documenteditor.umd.min.js\",\r\n        \"@syncfusion/ej2-notifications\": \"syncfusion:ej2-notifications/dist/ej2-notifications.umd.min.js\",\r\n        \"@syncfusion/ej2-richtexteditor\": \"syncfusion:ej2-richtexteditor/dist/ej2-richtexteditor.umd.min.js\",\r\n\t\t\"@syncfusion/ej2-svg-base\": \"syncfusion:ej2-svg-base/dist/ej2-svg-base.umd.min.js\",\r\n        \"@syncfusion/ej2-pivotview\": \"syncfusion:ej2-pivotview/dist/ej2-pivotview.umd.min.js\",\r\n        \"@syncfusion/ej2-heatmap\": \"syncfusion:ej2-heatmap/dist/ej2-heatmap.umd.min.js\",\r\n        \"@syncfusion/ej2-react-base\": \"syncfusion:ej2-react-base/dist/ej2-react-base.umd.min.js\",\r\n        \"@syncfusion/ej2-react-buttons\": \"syncfusion:ej2-react-buttons/dist/ej2-react-buttons.umd.min.js\",\r\n        \"@syncfusion/ej2-react-splitbuttons\": \"syncfusion:ej2-react-splitbuttons/dist/ej2-react-splitbuttons.umd.min.js\",\r\n        \"@syncfusion/ej2-react-charts\": \"syncfusion:ej2-react-charts/dist/ej2-react-charts.umd.min.js\",\r\n        \"@syncfusion/ej2-react-maps\": \"syncfusion:ej2-react-maps/dist/ej2-react-maps.umd.min.js\",\r\n        \"@syncfusion/ej2-react-treemap\": \"syncfusion:ej2-react-treemap/dist/ej2-react-treemap.umd.min.js\",\r\n        \"@syncfusion/ej2-react-circulargauge\": \"syncfusion:ej2-react-circulargauge/dist/ej2-react-circulargauge.umd.min.js\",\r\n        \"@syncfusion/ej2-react-lineargauge\": \"syncfusion:ej2-react-lineargauge/dist/ej2-react-lineargauge.umd.min.js\",\r\n        \"@syncfusion/ej2-react-calendars\": \"syncfusion:ej2-react-calendars/dist/ej2-react-calendars.umd.min.js\",\r\n        \"@syncfusion/ej2-react-dropdowns\": \"syncfusion:ej2-react-dropdowns/dist/ej2-react-dropdowns.umd.min.js\",\r\n        \"@syncfusion/ej2-react-grids\": \"syncfusion:ej2-react-grids/dist/ej2-react-grids.umd.min.js\",\r\n        \"@syncfusion/ej2-react-inputs\": \"syncfusion:ej2-react-inputs/dist/ej2-react-inputs.umd.min.js\",\r\n        \"@syncfusion/ej2-react-lists\": \"syncfusion:ej2-react-lists/dist/ej2-react-lists.umd.min.js\",\r\n        \"@syncfusion/ej2-react-navigations\": \"syncfusion:ej2-react-navigations/dist/ej2-react-navigations.umd.min.js\",\r\n        \"@syncfusion/ej2-react-popups\": \"syncfusion:ej2-react-popups/dist/ej2-react-popups.umd.min.js\",\r\n        \"@syncfusion/ej2-react-schedule\": \"syncfusion:ej2-react-schedule/dist/ej2-react-schedule.umd.min.js\",\r\n        \"@syncfusion/ej2-react-documenteditor\": \"syncfusion:ej2-react-documenteditor/dist/ej2-react-documenteditor.umd.min.js\",\r\n        \"@syncfusion/ej2-react-notifications\": \"syncfusion:ej2-react-notifications/dist/ej2-react-notifications.umd.min.js\",\r\n        \"@syncfusion/ej2-react-richtexteditor\": \"syncfusion:ej2-react-richtexteditor/dist/ej2-react-richtexteditor.umd.min.js\",\r\n        \"@syncfusion/ej2-react-pivotview\": \"syncfusion:ej2-react-pivotview/dist/ej2-react-pivotview.umd.min.js\",\r\n        \"@syncfusion/ej2-react-heatmap\": \"syncfusion:ej2-react-heatmap/dist/ej2-react-heatmap.umd.min.js\",\r\n        \"react-dom\":\"https://unpkg.com/react-dom@15.5.4/dist/react-dom.min.js\",\r\n        \"react\":\"https://unpkg.com/react@15.5.4/dist/react.min.js\",\r\n    },\r\n    packages: {\r\n        'app': { main: 'index', defaultExtension: 'tsx' },\r\n    }\r\n});\r\n\r\nSystem.import('app');","index.html":"<!DOCTYPE html>\r\n<html>\r\n<head>\r\n    <title>Chart · Bollinger · Essential JS 2 for React · Syncfusion</title>\r\n    <meta charset=\"utf-8\" />\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, user-scalable=no\" />\r\n    <meta http-equiv=\"x-ua-compatible\" content=\"ie=edge\">\r\n    <!-- {{:meta}} -->\r\n    <meta name=\"author\" content=\"Syncfusion\" />\r\n    <script type=\"text/javascript\">\r\n        var themeName = location.hash || 'material';\r\n        themeName = themeName.replace('#','');\r\n        window.ripple = (themeName === \"material\")\r\n        document.write('<link href=\"http://cdn.syncfusion.com/ej2/' + themeName + '.css\" rel=\"stylesheet\">');\r\n    </script>\r\n    <link href=\"https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css\" rel=\"stylesheet\" />\r\n    <script src=\"https://cdnjs.cloudflare.com/ajax/libs/systemjs/0.19.38/system.js\"></script>\r\n    <script src=\"systemjs.config.js\"></script>\r\n    <link href=\"index.css\" rel=\"stylesheet\" />\r\n     <style>\r\n        #loader {\r\n            color: #008cff;\r\n            height: 40px;\r\n            left: 45%;\r\n            position: absolute;\r\n            top: 45%;\r\n            width: 30%;\r\n        }\r\n        body {\r\n            touch-action:none;\r\n        }\r\n        .body {\r\n            font-family: \"Roboto\", \"Segoe UI\", \"GeezaPro\", \"DejaVu Serif\", \"sans-serif\";\r\n        }\r\n\r\n        .e-view {\r\n            bottom: 0;\r\n            left: 0;\r\n            overflow: hidden;\r\n            position: absolute;\r\n            right: 0;\r\n            top: 0;\r\n        }\r\n\r\n        .sb-left {\r\n            float: left;\r\n        }\r\n\r\n        .sb-right {\r\n            float: right;\r\n        }\r\n\r\n        .sb-block {\r\n            display: block;\r\n        }\r\n\r\n        .sb-table {\r\n            display: table;\r\n        }\r\n\r\n        .sb-table-cell {\r\n            display: table-cell;\r\n            vertical-align: middle;\r\n        }\r\n\r\n        /*sample header*/\r\n\r\n\r\n        .sb-header {\r\n            height: 48px;\r\n            background: #FFFFFF;\r\n            box-shadow: 0 2px 4px 0 rgba(0,0,0,0.12);\r\n            z-index: 1001;\r\n            opacity: 100;\r\n        }\r\n\r\n\r\n        .sb-header-left, .sb-header-right {\r\n            height: 100%;\r\n        }\r\n\r\n        #sb-header-text {\r\n            padding-left: 22px;\r\n            opacity: 0.87;\r\n            font-family: Roboto;\r\n            font-weight: 500;\r\n            font-size: 15px;\r\n            color: #000000;\r\n            text-align: left;\r\n        }\r\n\r\n        .header-logo {\r\n            float: left;\r\n            padding-left: 8px;\r\n            padding-right: 22px;\r\n        }\r\n\r\n        .footer-logo {\r\n            background: url(https://ej2.syncfusion.com/home/images/footer-logo.svg) no-repeat right;\r\n            height: 40px;\r\n            width: 140px;\r\n        }\r\n\r\n        .sb-header-splitter {\r\n            float: left;\r\n            border-left: 1px solid rgb(196, 196, 196);\r\n            height: 32px;\r\n            margin-top: 8px;\r\n            padding-left: 22 px;\r\n        }\r\n\r\n        .sb-header-settings {\r\n            display: none;\r\n        }\r\n\r\n        .product-style a{\r\n        padding-right: 15px;\r\n        font-family:Roboto;\r\n        font-weight: 500;\r\n        font-size: 13px;\r\n        color: #363636;\r\n        text-align: center;\r\n        text-decoration: none;\r\n        }\r\n        .product-style a:hover {\r\n            color:#3C78EF;\r\n        }\r\n\r\n        .sb-download-btn a {\r\n            text-decoration: none;\r\n        }\r\n\r\n        .sb-download-text {\r\n            color: #FFFFFF;\r\n        }\r\n\r\n        .sb-download-wrapper {\r\n            padding-right: 27px;\r\n        }\r\n\r\n        .sb-download-btn:hover .sb-download-btn:focus .sb-download-btn.active {\r\n            border-radius: 2px;\r\n            font-family: \"Roboto\";\r\n            font-weight: bold;\r\n            color: #FFFFFF;\r\n        }\r\n\r\n        .sb-download-btn:hover {\r\n            background: #006CE6;\r\n        }\r\n\r\n        .sb-download-btn:focus {\r\n            background: #0051CB;\r\n        }\r\n\r\n        .sb-download-btn.active {\r\n            background: #0036B1;\r\n        }\r\n\r\n        .sb-download-btn {\r\n            background-color: #3C78EF;\r\n            opacity: 100;\r\n            border-radius: 2px;\r\n            font-family: \"Roboto\", \"Segoe UI\", \"GeezaPro\", \"DejaVu Serif\", \"sans-serif\";\r\n            font-weight: 500;\r\n            line-height: 18px;\r\n            height: 32px;\r\n            border-color: transparent;\r\n        }\r\n\r\n        .sb-bread-crumb {\r\n            padding-left: 20px;\r\n            padding-top: 24px;\r\n            padding-bottom: 10px;\r\n        }\r\n\r\n        .category-allcontrols a, .category-text a, .crumb-sample {\r\n            display: table;\r\n            opacity: 0.87;\r\n            font-family: Roboto;\r\n            font-weight: 500;\r\n            font-size: 15px;\r\n            color: #3C78EF;\r\n            text-align: left;\r\n            text-decoration: none;\r\n        }\r\n\r\n        .sb-bread-crumb .sb-bread-crumb-text>div {\r\n            font-size: 15px;\r\n            font-weight: 500;\r\n            padding-right: 8px;\r\n            cursor: default;\r\n            display: table-cell;\r\n        }\r\n\r\n        .sb-bread-crumb-text>div.seperator {\r\n            font-weight: 700;\r\n            font-size: 15px;\r\n            vertical-align: bottom;\r\n        } \r\n\r\n        .content {\r\n        overflow: auto;\r\n        height: calc(100% - 50px);\r\n        top: 50px;\r\n        }\r\n\r\n\r\n        .sample-content {\r\n            top: 48px;\r\n            background: #FFFFFF;\r\n        }\r\n\r\n        .div {\r\n        display: block;\r\n        }\r\n\r\n        .control-section {\r\n            padding-left: 4px;\r\n        }\r\n\r\n        .crumb-sample {\r\n            color: #000000;\r\n            line-height: 18px;\r\n        }\r\n\r\n        #description {\r\n            padding-bottom: 16px;\r\n            padding-left: 20px;\r\n            opacity: 0.75;\r\n            font-family: Roboto;\r\n            font-size: 13px;\r\n            color: #000000;\r\n            text-align: left;\r\n            padding-top: 14px;\r\n        }\r\n\r\n        #action-description {\r\n            padding-left: 20px;\r\n            padding-bottom: 15px;\r\n            opacity: 0.75;\r\n            font-family: Roboto;\r\n            font-size: 13px;\r\n            color: #000000;\r\n            text-align: left;\r\n        }\r\n\r\n        #description-section {\r\n            padding-left: 20px;\r\n            padding-top: 30px;\r\n            opacity: 0.87;\r\n            font-family:Roboto;\r\n            font-weight: 700;\r\n            font-size: 15px;\r\n            color: #000000;\r\n            text-align: left;\r\n        }\r\n\r\n\r\n\r\n    </style>\r\n</head>\r\n\r\n<body class='e-view ej2-new' aria-busy=\"true\">\r\n        <div class=\"sample-browser\">\r\n            <div id='sample-header' class=\"sb-header\" role=\"banner\">\r\n                <div class='sb-header-left sb-left sb-table'>\r\n                    <div class='sb-header-item sb-table-cell'>\r\n                        <div class=\"header-logo\">\r\n                            <a href=\"https://ej2.syncfusion.com/home/react.html\" target=\"\" rel=\"noopener noreferrer\">\r\n                                <div class=\"footer-logo\"> </div>\r\n                            </a>\r\n                        </div>\r\n    \r\n                    </div>\r\n                    <div class=\"sb-header-splitter sb-download-splitter\"></div>\r\n                    <div class='sb-header-item sb-table-cell'>\r\n                        <div id='sb-header-text' class='e-sb-header-text'>\r\n    \r\n                            <span class='sb-header-text-left'>Essential JS 2 for React</span>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                <div class='sb-header-right sb-right sb-table'>\r\n                    <div class='sb-header-item sb-table-cell'>\r\n                        <div class='product-style'>\r\n                            <div><a href=\"https://www.syncfusion.com/products/react/chart\">PRODUCT DETAILS</a></div>\r\n                        </div>\r\n                    </div>\r\n                    <div class='sb-header-item sb-table-cell'>\r\n                        <div class=\"sb-header-item sb-table-cell sb-download-wrapper\">\r\n                            <a href=\"https://www.syncfusion.com/downloads/essential-js2\" target=\"_blank\">\r\n                                <button id=\"download-now\" class=\"sb-download-btn\">\r\n                                    <span class=\"sb-download-text\">DOWNLOAD</span>\r\n                                </button>\r\n                            </a>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n    \r\n            </div>\r\n            <div class ='content e-view'>\r\n            <div class='sample-content'>\r\n                <div id=\"sample-bread-crumb\" class=\"sb-bread-crumb\">\r\n                    <div class=\"sb-bread-crumb-text\">\r\n                        <div class=\"category-allcontrols\"><a href=\"https://ej2.syncfusion.com/react/demos\"><span>All Controls</span></a></div>\r\n                        <div class=\"category-seperator sb-icons\"> / </div>\r\n                        <div class=\"category-text bread-ctext\"><a href=\"https://ej2.syncfusion.com/react/demos/#/material/chart/default.html\"><span>Chart</span></a></div>\r\n                        <div class=\"category-seperator sb-icons\"> / </div>\r\n                        <div class=\"crumb-sample\">Bollinger</div>\r\n                    </div>\r\n                </div>\r\n                <div class=\"control-content\">\r\n                <div id=\"action-description\">\r\n                        <p>\r\n                            \n                    <p>\n                        This sample illustrates a stock chart with candle series and a Bollinger band indicator.\n                Trackball shows the information about the stock, signalline, upperline, and lowerline value of a day.\n           </p>\n                \r\n                        </p>\r\n                    </div>\r\n                    <div class=\"container-fluid\">\r\n                        <div class=\"control-section\">\r\n                            <div id='sample'>\r\n                                <div id='loader'>Loading....</div>\r\n                            </div>\r\n                    \r\n                        </div>\r\n                    </div>\r\n                    <div id=\"description-section\">Description</div>    \r\n                    <div id=\"description\">\r\n                        <p>\r\n                           \n                    <p>\n                        In this example, you can see how to render and configure the Bollingear Bands Indicator.\n                   </p>\n                    <p>\n                        Tooltip is enabled in this example, to see the tooltip in action, hover a point or tap on a point in touch enabled devices.\n                   </p>\n                    <br><br>\n                    <p><b>Injecting Module</b></p>\n                    <p>\n                        Chart component features are segregated into individual feature-wise modules. To use Bollingear Bands Indicator, we need to inject\n                       <code>BollingerBands</code> module into <code>services</code>.\n                  </p>\n                    <p>\n                        More information on the Bollingear Bands Indicator can be found in this &#xA0;\n                      <a target=\"_blank\" href=\"http://ej2.syncfusion.com/react/documentation/chart/api-series.html#type-chartseriestype\">documentation section</a>.\n                  </p>\n                \r\n                         </p>     \r\n                    </div>    \r\n                </div>             \r\n            </div>\r\n                \r\n            </div>\r\n        </div>\r\n          \r\n</body>\r\n</html>\r\n","app/index.tsx":"/**\r\n * Sample for Bollinger Band Indicator\r\n */\r\nimport * as React from \"react\";\r\nimport * as ReactDOM from \"react-dom\";\r\nimport {\r\n    ChartComponent, SeriesCollectionDirective, AxesDirective, AxisDirective, RowDirective, RowsDirective, SeriesDirective, Inject,\r\n    CandleSeries, Category, Tooltip, ILoadedEventArgs, DateTime, Zoom, Logarithmic,\r\n    Crosshair, LineSeries, BollingerBands, ChartTheme, IndicatorsDirective, IndicatorDirective, RangeAreaSeries\r\n} from '@syncfusion/ej2-react-charts';\r\nimport { chartData } from '../financial-data';\r\nimport { Browser } from '@syncfusion/ej2-base';\r\nimport { SampleBase } from './sample-base';\r\n\r\nconst SAMPLE_CSS = `\r\n    .control-fluid {\r\n\t\tpadding: 0px !important;\r\n    }`;\r\n/**\r\n * Bollinger sample\r\n */\r\nexport class Bollinger extends SampleBase<{}, {}> {\r\n\r\n    render() {\r\n        return (\r\n            <div className='control-pane'>\r\n                <style>\r\n                    {SAMPLE_CSS}\r\n                </style>\r\n                <div className='control-section'>\r\n                    <ChartComponent id='charts' load={this.load.bind(this)} style={{ textAlign: \"center\" }}\r\n                        primaryXAxis={{\r\n                            valueType: 'DateTime',\r\n                            majorGridLines: { width: 0 },\r\n                            zoomFactor: 0.2, zoomPosition: 0.6,\r\n                            crosshairTooltip: { enable: true }\r\n                        }}\r\n                        primaryYAxis={{\r\n                            title: 'Price',\r\n                            labelFormat: '${value}M',\r\n                            minimum: 50, maximum: 170, interval: 30,\r\n                            majorGridLines: { width: 1 },\r\n                            lineStyle: { width: 0 }\r\n                        }}\r\n                        chartArea={{ border: { width: 0 } }}\r\n                        tooltip={{\r\n                            enable: true, shared: true\r\n                        }}\r\n                        legendSettings={{ visible: false }}\r\n                        width={Browser.isDevice ? '100%' : '80%'}\r\n                        crosshair={{ enable: true, lineType: 'Vertical' }}\r\n                        zoomSettings={{ enableSelectionZooming: true, mode: 'X', enablePan : true }}\r\n                        title='AAPL 2012-2017' loaded={this.onChartLoad.bind(this)}>\r\n                        <Inject services={[CandleSeries, Category, Tooltip, DateTime, Zoom, Logarithmic, Crosshair, LineSeries, RangeAreaSeries,\r\n                            BollingerBands]} />\r\n                        <SeriesCollectionDirective>\r\n                            <SeriesDirective dataSource={chartData} width={2}\r\n                                xName='x' yName='y' low='low' high='high' close='close' volume='volume' open='open'\r\n                                name='Apple Inc' bearFillColor='#2ecd71' bullFillColor='#e74c3d'\r\n                                type='Candle' animation={{ enable: false }}>\r\n                            </SeriesDirective>\r\n                        </SeriesCollectionDirective>\r\n                        <IndicatorsDirective>\r\n                            <IndicatorDirective type='BollingerBands' field='Close' seriesName='Apple Inc' fill='#606eff'\r\n                                period={14} animation={{ enable: true }} upperLine={{ color: '#ffb735', width: 1 }} lowerLine={{ color: '#f2ec2f', width: 1 }}>\r\n                            </IndicatorDirective>\r\n                        </IndicatorsDirective>\r\n                    </ChartComponent>\r\n                </div>\r\n            </div >\r\n        )\r\n    }\r\n    public onChartLoad(args: ILoadedEventArgs): void {\r\n        let chart: Element = document.getElementById('charts');\r\n        chart.setAttribute('title', '');\r\n    };\r\n    public load(args: ILoadedEventArgs): void {\r\n        let selectedTheme: string = location.hash.split('/')[1];\r\n        selectedTheme = selectedTheme ? selectedTheme : 'Material';\r\n        args.chart.theme = (selectedTheme.charAt(0).toUpperCase() + selectedTheme.slice(1)) as ChartTheme;\r\n    };\r\n}\r\n\nReactDOM.render(<Bollinger />, document.getElementById('sample'));","app/sample-base.tsx":"import * as ReactDOM from 'react-dom';\r\nimport * as React from 'react';\r\nimport { RouteComponentProps } from 'react-router-dom';\r\nimport { enableRipple } from '@syncfusion/ej2-base';\r\n\r\nenableRipple((window as any).ripple);\r\nexport class SampleBase<P, S> extends React.PureComponent<RouteComponentProps<any> & P, S>{\r\n    public rendereComplete(): void {\r\n        /**custom render complete function */\r\n    }\r\n    componentDidMount(): void {\r\n        setTimeout(() => {\r\n            this.rendereComplete();\r\n        }\r\n        );\r\n    }\r\n}"}