candle-stick-plnkr.json

{"index.css":"","stock-chart-data":"/**\r\n * Data for technical indicators\r\n */\r\nlet dates: string = '1333324800000,1333584000000,1333843200000,1334102400000,1334361600000,1334620800000,' +\r\n    '1334880000000,1335139200000,1335398400000,1335657600000,1335916800000,1336176000000,1336435200000,' +\r\n    '1336694400000,1336953600000,1337212800000,1337472000000,1337731200000,1337990400000,1338249600000,' +\r\n    '1338508800000,1338768000000,1339027200000,1339286400000,1339545600000,1339804800000,1340064000000,' +\r\n    '1340323200000,1340582400000,1340841600000,1341100800000,1341360000000,1341619200000,1341878400000,' +\r\n    '1342137600000,1342396800000,1342656000000,1342915200000,1343174400000,1343433600000,1343692800000,' +\r\n    '1343952000000,1344211200000,1344470400000,1344729600000,1344988800000,1345248000000,1345507200000,' +\r\n    '1345766400000,1346025600000,1346284800000,1346544000000,1346803200000,1347062400000,1347321600000,' +\r\n    '1347580800000,1347840000000,1348099200000,1348358400000,1348617600000,1348876800000,1349136000000,' +\r\n    '1349395200000,1349654400000,1349913600000,1350172800000,1350432000000,1350691200000,1350950400000,' +\r\n    '1351209600000,1351468800000,1351728000000,1351987200000,1352246400000,1352505600000,1352764800000,' +\r\n    '1353024000000,1353283200000,1353542400000,1353801600000,1354060800000,1354320000000,1354579200000,' +\r\n    '1354838400000,1355097600000,1355356800000,1355616000000,1355875200000,1356134400000,1356393600000,' +\r\n    '1356652800000,1356912000000,1357171200000,1357430400000,1357689600000,1357948800000,1358208000000,' +\r\n    '1358467200000,1358726400000,1358985600000,1359244800000,1359504000000,1359763200000,1360022400000,' +\r\n    '1360281600000,1360540800000,1360800000000,1361059200000,1361318400000,1361577600000,1361836800000,' +\r\n    '1362096000000,1362355200000,1362614400000,1362873600000,1363132800000,1363392000000,1363651200000,' +\r\n    '1363910400000,1364169600000,1364428800000,1364688000000,1364947200000,1365206400000,1365465600000,' +\r\n    '1365724800000,1365984000000,1366243200000,1366502400000,1366761600000,1367020800000,1367280000000,' +\r\n    '1367539200000,1367798400000,1368057600000,1368316800000,1368576000000,1368835200000,1369094400000,' +\r\n    '1369353600000,1369612800000,1369872000000,1370131200000,1370390400000,1370649600000,1370908800000,' +\r\n    '1371168000000,1371427200000,1371686400000,1371945600000,1372204800000,1372464000000,1372723200000,' +\r\n    '1372982400000,1373241600000,1373500800000,1373760000000,1374019200000,1374278400000,1374537600000,' +\r\n    '1374796800000,1375056000000,1375315200000,1375574400000,1375833600000,1376092800000,1376352000000,' +\r\n    '1376611200000,1376870400000,1377129600000,1377388800000,1377648000000,1377907200000,1378166400000,' +\r\n    '1378425600000,1378684800000,1378944000000,1379203200000,1379462400000,1379721600000,1379980800000,' +\r\n    '1380240000000,1380499200000,1380758400000,1381017600000,1381276800000,1381536000000,1381795200000,' +\r\n    '1382054400000,1382313600000,1382572800000,1382832000000,1383091200000,1383350400000,1383609600000,' +\r\n    '1383868800000,1384128000000,1384387200000,1384646400000,1384905600000,1385164800000,1385424000000,' +\r\n    '1385683200000,1385942400000,1386201600000,1386460800000,1386720000000,1386979200000,1387238400000,' +\r\n    '1387497600000,1387756800000,1388016000000,1388275200000,1388534400000,1388793600000,1389052800000,' +\r\n    '1389312000000,1389571200000,1389830400000,1390089600000,1390348800000,1390608000000,1390867200000,' +\r\n    '1391126400000,1391385600000,1391644800000,1391904000000,1392163200000,1392422400000,1392681600000,' +\r\n    '1392940800000,1393200000000,1393459200000,1393718400000,1393977600000,1394236800000,1394496000000,' +\r\n    '1394755200000,1395014400000,1395273600000,1395532800000,1395792000000,1396051200000,1396310400000,' +\r\n    '1396569600000,1396828800000,1397088000000,1397347200000,1397606400000,1397865600000,1398124800000,' +\r\n    '1398384000000,1398643200000,1398902400000,1399161600000,1399420800000,1399680000000,1399939200000,' +\r\n    '1400198400000,1400457600000,1400716800000,1400976000000,1401235200000,1401494400000,1401753600000,' +\r\n    '1402012800000,1402272000000,1402531200000,1402790400000,1403049600000,1403308800000,1403568000000,' +\r\n    '1403827200000,1404086400000,1404345600000,1404604800000,1404864000000,1405123200000,1405382400000,' +\r\n    '1405641600000,1405900800000,1406160000000,1406419200000,1406678400000,1406937600000,1407196800000,' +\r\n    '1407456000000,1407715200000,1407974400000,1408233600000,1408492800000,1408752000000,1409011200000,' +\r\n    '1409270400000,1409529600000,1409788800000,1410048000000,1410307200000,1410566400000,1410825600000,' +\r\n    '1411084800000,1411344000000,1411603200000,1411862400000,1412121600000,1412380800000,1412640000000,' +\r\n    '1412899200000,1413158400000,1413417600000,1413676800000,1413936000000,1414195200000,1414454400000,' +\r\n    '1414713600000,1414972800000,1415232000000,1415491200000,1415750400000,1416009600000,1416268800000,' +\r\n    '1416528000000,1416787200000,1417046400000,1417305600000,1417564800000,1417824000000,1418083200000,' +\r\n    '1418342400000,1418601600000,1418860800000,1419120000000,1419379200000,1419638400000,1419897600000,' +\r\n    '1420156800000,1420416000000,1420675200000,1420934400000,1421193600000,1421452800000,1421712000000,' +\r\n    '1421971200000,1422230400000,1422489600000,1422748800000,1423008000000,1423267200000,1423526400000,' +\r\n    '1423785600000,1424044800000,1424304000000,1424563200000,1424822400000,1425081600000,1425340800000,' +\r\n    '1425600000000,1425859200000,1426118400000,1426377600000,1426636800000,1426896000000,1427155200000,' +\r\n    '1427414400000,1427673600000,1427932800000,1428192000000,1428451200000,1428710400000,1428969600000,' +\r\n    '1429228800000,1429488000000,1429747200000';\r\nlet values: string[] = dates.split(',');\r\nexport let chartData: object[] = [\r\n    {\r\n        x: new Date(+values[0]),\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(+values[1]),\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(+values[2]),\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(+values[3]),\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(+values[4]),\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(+values[5]),\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(+values[6]),\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(+values[7]),\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(+values[8]),\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(+values[9]),\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(+values[10]),\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(+values[11]),\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(+values[12]),\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(+values[13]),\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(+values[14]),\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(+values[15]),\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(+values[16]),\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(+values[17]),\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(+values[18]),\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(+values[19]),\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(+values[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(+values[21]),\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(+values[22]),\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(+values[23]),\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(+values[24]),\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(+values[25]),\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(+values[26]),\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(+values[27]),\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(+values[28]),\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(+values[29]),\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(+values[30]),\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(+values[31]),\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(+values[32]),\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(+values[33]),\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(+values[34]),\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(+values[35]),\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(+values[36]),\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(+values[37]),\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(+values[38]),\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(+values[39]),\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(+values[40]),\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(+values[41]),\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(+values[42]),\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(+values[43]),\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(+values[44]),\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(+values[45]),\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(+values[46]),\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(+values[47]),\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(+values[48]),\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(+values[49]),\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(+values[50]),\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(+values[51]),\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(+values[52]),\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(+values[53]),\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(+values[54]),\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(+values[55]),\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(+values[56]),\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(+values[57]),\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(+values[58]),\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(+values[59]),\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(+values[60]),\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(+values[61]),\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(+values[62]),\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(+values[63]),\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(+values[64]),\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(+values[65]),\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(+values[66]),\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(+values[67]),\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(+values[68]),\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(+values[69]),\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(+values[70]),\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(+values[71]),\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(+values[72]),\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(+values[73]),\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(+values[74]),\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(+values[75]),\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(+values[76]),\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(+values[77]),\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(+values[78]),\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(+values[79]),\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(+values[80]),\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(+values[81]),\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(+values[82]),\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(+values[83]),\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(+values[84]),\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        x: new Date(+values[85]),\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(+values[86]),\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(+values[87]),\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(+values[88]),\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(+values[89]),\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(+values[90]),\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(+values[91]),\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(+values[92]),\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(+values[93]),\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    {\r\n        x: new Date(+values[94]),\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(+values[95]),\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(+values[96]),\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(+values[97]),\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(+values[98]),\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(+values[99]),\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(+values[100]),\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(+values[101]),\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(+values[102]),\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(+values[103]),\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(+values[104]),\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(+values[105]),\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(+values[106]),\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(+values[107]),\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(+values[108]),\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(+values[109]),\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(+values[110]),\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(+values[111]),\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(+values[112]),\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(+values[113]),\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(+values[114]),\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(+values[115]),\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(+values[116]),\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(+values[117]),\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(+values[118]),\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(+values[119]),\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(+values[120]),\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(+values[121]),\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(+values[122]),\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(+values[123]),\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(+values[124]),\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(+values[125]),\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(+values[126]),\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(+values[127]),\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(+values[128]),\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(+values[129]),\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(+values[130]),\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(+values[131]),\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(+values[132]),\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(+values[133]),\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(+values[134]),\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(+values[135]),\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(+values[136]),\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(+values[137]),\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(+values[138]),\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(+values[139]),\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(+values[140]),\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(+values[141]),\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(+values[142]),\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(+values[143]),\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(+values[144]),\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(+values[145]),\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(+values[146]),\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(+values[147]),\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(+values[148]),\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(+values[149]),\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(+values[150]),\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(+values[151]),\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(+values[152]),\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(+values[153]),\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(+values[154]),\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(+values[155]),\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(+values[156]),\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(+values[157]),\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(+values[158]),\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(+values[159]),\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(+values[160]),\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(+values[161]),\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(+values[162]),\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(+values[163]),\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(+values[164]),\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(+values[165]),\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(+values[166]),\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(+values[167]),\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(+values[168]),\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(+values[169]),\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(+values[170]),\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(+values[171]),\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(+values[172]),\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(+values[173]),\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(+values[174]),\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(+values[175]),\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(+values[176]),\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(+values[177]),\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(+values[178]),\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(+values[179]),\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(+values[180]),\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(+values[181]),\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(+values[182]),\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(+values[183]),\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(+values[184]),\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(+values[185]),\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(+values[186]),\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(+values[187]),\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(+values[188]),\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(+values[189]),\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(+values[190]),\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(+values[191]),\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(+values[192]),\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(+values[193]),\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(+values[194]),\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(+values[195]),\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(+values[196]),\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(+values[197]),\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(+values[198]),\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(+values[199]),\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(+values[200]),\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(+values[201]),\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(+values[202]),\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(+values[203]),\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(+values[204]),\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(+values[205]),\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(+values[206]),\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(+values[207]),\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        x: new Date(+values[208]),\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(+values[209]),\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(+values[210]),\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(+values[211]),\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(+values[212]),\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(+values[213]),\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(+values[214]),\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(+values[215]),\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(+values[216]),\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(+values[217]),\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(+values[218]),\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(+values[219]),\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(+values[220]),\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(+values[221]),\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(+values[222]),\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(+values[223]),\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(+values[224]),\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(+values[225]),\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(+values[226]),\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(+values[227]),\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(+values[228]),\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(+values[229]),\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(+values[230]),\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(+values[231]),\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(+values[232]),\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(+values[233]),\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(+values[234]),\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(+values[235]),\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(+values[236]),\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(+values[237]),\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(+values[238]),\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(+values[239]),\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(+values[240]),\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(+values[241]),\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(+values[242]),\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(+values[243]),\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(+values[244]),\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(+values[245]),\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(+values[246]),\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(+values[247]),\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(+values[248]),\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(+values[249]),\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(+values[250]),\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(+values[251]),\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(+values[252]),\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(+values[253]),\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(+values[254]),\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(+values[256]),\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(+values[257]),\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(+values[258]),\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(+values[259]),\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(+values[260]),\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(+values[261]),\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(+values[262]),\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(+values[263]),\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(+values[264]),\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(+values[265]),\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(+values[266]),\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(+values[267]),\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(+values[268]),\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(+values[269]),\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(+values[270]),\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(+values[271]),\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(+values[272]),\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(+values[273]),\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(+values[274]),\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(+values[275]),\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(+values[276]),\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(+values[277]),\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(+values[278]),\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(+values[279]),\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(+values[280]),\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(+values[281]),\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(+values[282]),\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(+values[283]),\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(+values[284]),\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(+values[285]),\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(+values[286]),\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(+values[287]),\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(+values[288]),\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(+values[289]),\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(+values[290]),\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(+values[291]),\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(+values[292]),\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(+values[293]),\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(+values[294]),\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(+values[295]),\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(+values[296]),\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(+values[297]),\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(+values[298]),\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(+values[299]),\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(+values[300]),\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(+values[301]),\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(+values[302]),\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(+values[303]),\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(+values[304]),\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(+values[305]),\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(+values[306]),\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(+values[307]),\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(+values[308]),\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(+values[309]),\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        x: new Date(+values[310]),\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(+values[311]),\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(+values[312]),\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(+values[313]),\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(+values[314]),\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(+values[315]),\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(+values[316]),\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(+values[317]),\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(+values[318]),\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(+values[319]),\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(+values[320]),\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(+values[321]),\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(+values[322]),\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(+values[323]),\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(+values[324]),\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(+values[325]),\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(+values[326]),\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(+values[327]),\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(+values[328]),\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(+values[329]),\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(+values[330]),\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(+values[331]),\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(+values[332]),\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(+values[333]),\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(+values[334]),\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(+values[335]),\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(+values[336]),\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(+values[337]),\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(+values[338]),\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(+values[339]),\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(+values[340]),\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(+values[341]),\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(+values[342]),\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(+values[343]),\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(+values[344]),\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(+values[345]),\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(+values[346]),\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(+values[347]),\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(+values[348]),\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(+values[349]),\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(+values[350]),\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(+values[351]),\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(+values[352]),\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(+values[353]),\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(+values[354]),\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(+values[355]),\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(+values[356]),\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(+values[357]),\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(+values[358]),\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(+values[359]),\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(+values[360]),\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(+values[361]),\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(+values[362]),\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(+values[363]),\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(+values[364]),\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(+values[365]),\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(+values[366]),\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(+values[367]),\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(+values[368]),\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(+values[369]),\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(+values[370]),\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(+values[371]),\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(+values[372]),\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];","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 · Candle · 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\">Candle</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 visualizes the AAPL historical data with default candle series in the chart. Tooltip and crosshair shows the information about the data and period.\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 Candle type charts. Candle type chart is used to represent the price movements in stock.\n                       You can use <code>border</code>, <code>fill</code> properties to customize the vertical rect.\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 Candle series, we need to inject\n                       <code>CandleSeries</code> module into <code>services</code>.\n                  </p>\n                    <p>\n                        More information on the Candle series 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 Candle Series\r\n */\r\nimport * as React from \"react\";\r\nimport * as ReactDOM from \"react-dom\";\r\nimport {\r\n    RangeNavigatorComponent, ChartComponent, SeriesCollectionDirective, AxesDirective, AxisDirective, \r\n    CandleSeries, Category, Tooltip, ILoadedEventArgs, DateTime, Zoom, Logarithmic, ColumnSeries, IPointRenderEventArgs,\r\n    Crosshair, StripLine, IAxisLabelRenderEventArgs, ITooltipRenderEventArgs, ChartTheme, PeriodSelector, \r\n    IRangeLoadedEventArgs, IChangedEventArgs, RowDirective, RowsDirective, SeriesDirective, Inject\r\n} from '@syncfusion/ej2-react-charts';\r\nimport { SampleBase } from './sample-base';\r\nimport { chartData } from '../stock-chart-data';\r\nimport { Browser } from '@syncfusion/ej2-base';\r\nimport { getElement } from \"@syncfusion/ej2-svg-base/src/tooltip/helper\";\r\n\r\nexport let zoomFactor : number;\r\nexport let zoomPosition :number;\r\nexport let pointColors: string[] = [];\r\n\r\nconst SAMPLE_CSS = `\r\n    .control-fluid {\r\n\t\tpadding: 0px !important;\r\n    }\r\n    #title{\r\n        font-size: 15px;\r\n        font-style: normal;\r\n        font-family: \"Segoe UI\";\r\n        font-weight: 500;\r\n        text-anchor: middle;\r\n        transform: none;\r\n        opacity: 1;\r\n    }\r\n    `;\r\n    /**\r\n     * Candle sample\r\n     */\r\n  \r\nexport class Candle extends SampleBase<{}, {}> {\r\n    private chart1: ChartComponent;\r\n    private rangenavigator1: RangeNavigatorComponent;\r\n    private isChart: boolean;\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                <div className=\"row\" style={{ textAlign: \"center\" }}>\r\n                        <div id=\"title\"> AAPL Historical</div>\r\n                </div>\r\n                <div className=\"row\">\r\n                <RangeNavigatorComponent id='rangenavigator' \r\n                        ref={rangenavigator => this.rangenavigator1 = rangenavigator}\r\n                        style={{ textAlign: \"center\" }}\r\n                        valueType='DateTime'\r\n                        width={Browser.isDevice ? '100%' : '80%'}\r\n                        xName='x' yName='Close'\r\n                        disableRangeSelector={true}\r\n                        dataSource={chartData}\r\n                        periodSelectorSettings={{\r\n                            position:'Top',\r\n                            periods: [\r\n                                { text: '1M', interval: 1, intervalType: 'Months' },\r\n                                { text: '3M', interval: 2, intervalType: 'Months' },\r\n                                { text: '2Q', interval: 2, intervalType: 'Quarter' },\r\n                                { text: '1Y', interval: 1, intervalType: 'Years' },\r\n                                { text: '2Y', interval: 2, intervalType: 'Years', selected: true },\r\n                                { text: 'YTD' },\r\n                                { text: 'All' }\r\n                                            ]\r\n                        }}\r\n                        load={this.rangeLoad.bind(this)}\r\n                        loaded={this.rangeLoaded.bind(this)}\r\n                        changed={this.changed.bind(this)}>\r\n                    <Inject services={[DateTime, PeriodSelector]}/>\r\n                    </RangeNavigatorComponent>\r\n                </div>\r\n                <div className=\"row\">\r\n                    <ChartComponent id='charts' style={{textAlign:\"center\"}}\r\n                        ref={chart => this.chart1 = chart}\r\n                        load={this.load.bind(this)}\r\n                        primaryXAxis={{\r\n                            valueType: 'DateTime',\r\n                           crosshairTooltip: { enable: true },\r\n                            majorGridLines: { width: 0 }\r\n                        }}\r\n                        primaryYAxis={{\r\n                            title: 'Volume',\r\n\t\t\t\t\t\t\trangePadding: 'None',\r\n                            valueType: 'Logarithmic',\r\n                            opposedPosition: true,\r\n                            majorGridLines: { width: 1 },\r\n                            lineStyle: { width: 0 },\r\n                            stripLines: [\r\n                                {\r\n                                    end: 1300000000, startFromAxis: true, text: '', color: 'black', visible: true,\r\n                                    opacity: 0.03, zIndex: 'Behind'\r\n                                }]\r\n                        }}\r\n                        tooltip={{\r\n                            enable: true, shared: true\r\n                        }}\r\n                        width= { Browser.isDevice ? '100%' : '80%'}\r\n                        crosshair={{ enable: true, lineType: 'Vertical' }}\r\n                        pointRender={this.renderPoint.bind(this)}\r\n                        axisLabelRender={this.axisLabelRender.bind(this)}\r\n                        tooltipRender={this.tooltipLabelRender.bind(this)}\r\n                        chartArea={{ border: { width: 0 } }}>\r\n                        <Inject services={[CandleSeries, StripLine, Category, Tooltip, DateTime, Zoom, ColumnSeries, Logarithmic, Crosshair]} />\r\n                        <RowsDirective>\r\n                            <RowDirective height={'30%'}>\r\n                            </RowDirective>\r\n                            <RowDirective height={'70%'}>\r\n                            </RowDirective>\r\n                        </RowsDirective>\r\n                        <AxesDirective>\r\n                            <AxisDirective name='secondary' opposedPosition={true} rowIndex={1} majorGridLines={{ width: 1 }}\r\n                                labelFormat='n0' title='Price' plotOffset={30} lineStyle={{ width: 0 }}>\r\n                            </AxisDirective>\r\n                        </AxesDirective>\r\n                        <SeriesCollectionDirective>\r\n                        <SeriesDirective type='Candle' yAxisName='secondary' bearFillColor='#2ecd71' bullFillColor='#e74c3d'\r\n                                dataSource={chartData} animation={{ enable: true }}\r\n                                xName='x' low='low' high='high' open='open' close='close' name='Apple Inc'\r\n                                volume='volume'>\r\n                            </SeriesDirective>\r\n                            <SeriesDirective type='Column'\r\n                                dataSource={chartData} animation={{ enable: true }} xName='x' yName='volume'\r\n                                name='Volume'>\r\n                            </SeriesDirective>\r\n                        </SeriesCollectionDirective>\r\n                    </ChartComponent>\r\n                    </div>\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        args.chart.primaryXAxis.zoomFactor = zoomFactor;\r\n        args.chart.primaryXAxis.zoomPosition = zoomPosition;\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        this.isChart = true;\r\n    };\r\n    public axisLabelRender(args: IAxisLabelRenderEventArgs): void {\r\n        if (args.axis.name === 'primaryYAxis') {\r\n            args.text = this.getLabelText(+args.text);\r\n        }\r\n        if (args.axis.name === 'secondary') {\r\n            args.text = '$' + args.text;\r\n        }\r\n\r\n    }\r\n    public tooltipLabelRender(args: ITooltipRenderEventArgs): void {\r\n        if (!args.series.index) {\r\n            args.text = 'Volume : <b>' +\r\n                this.getLabelText(args.text.split('<b>')[1].split('</b>')[0]) + '</b>';\r\n        }\r\n    }\r\n    public getLabelText: Function = (value: number): string => {\r\n        return (((value) / 1000000000)).toFixed(1) + 'bn';\r\n    };\r\n    public renderPoint(args:IPointRenderEventArgs):void{\r\n        if (args.series.type === 'Candle') { \r\n            pointColors.push(args.fill);\r\n        } else {\r\n            args.fill = pointColors[args.point.index];\r\n        }\r\n    };\r\n    public rangeLoaded(args: IRangeLoadedEventArgs): void {\r\n        let element: Element = getElement('rangenavigator_Secondary_Element');\r\n        if (!Browser.isDevice) {\r\n            (element as HTMLElement).style.transform = 'translate(13%)';\r\n        }\r\n    }\r\n    public rangeLoad(args: IRangeLoadedEventArgs): void {\r\n        let selectedTheme: string = location.hash.split('/')[1];\r\n        selectedTheme = selectedTheme ? selectedTheme : 'Material';\r\n        args.rangeNavigator.theme = (selectedTheme.charAt(0).toUpperCase() + selectedTheme.slice(1)) as ChartTheme;\r\n        args.rangeNavigator.periodSelectorSettings.height = document.body.className.indexOf('e-bigger') > -1 ? 56 : 42;\r\n    };\r\n    public changed(args: IChangedEventArgs): void {\r\n        if(this.chart1 && this.isChart){\r\n        this.chart1.primaryXAxis.zoomFactor = 1;\r\n        this.chart1.primaryXAxis.zoomPosition = 0;\r\n            let filterData: Object[] = chartData.filter((data: object) => {\r\n                /* tslint:disable:no-string-literal */\r\n                return (((data as any).x).getTime() >= (args.start) && ((data as any).x).getTime() <= (args.end));\r\n            });\r\n            pointColors = [];\r\n            this.chart1.series[0].animation.enable = false; \r\n            this.chart1.series[0].dataSource = filterData;\r\n            this.chart1.series[1].animation.enable = false; \r\n            this.chart1.series[1].dataSource = filterData; \r\n            this.chart1.refresh();\r\n        }\r\n    };\r\n}\r\n\nReactDOM.render(<Candle />, 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}"}