Added Viewer

public/ThirdParty/apexcharts-bundle/samples/assets/irregular-data-series.js

+var dataSeries = [
+  [{
+      "date": "2014-01-01",
+      "value": 20000000
+    },
+    {
+      "date": "2014-01-02",
+      "value": 10379978
+    },
+    {
+      "date": "2014-01-03",
+      "value": 30493749
+    },
+    {
+      "date": "2014-01-04",
+      "value": 10785250
+    },
+    {
+      "date": "2014-01-05",
+      "value": 33901904
+    },
+    {
+      "date": "2014-01-06",
+      "value": 11576838
+    },
+    {
+      "date": "2014-01-07",
+      "value": 14413854
+    },
+    {
+      "date": "2014-01-08",
+      "value": 15177211
+    },
+    {
+      "date": "2014-01-09",
+      "value": 16622100
+    },
+    {
+      "date": "2014-01-10",
+      "value": 17381072
+    },
+    {
+      "date": "2014-01-11",
+      "value": 18802310
+    },
+    {
+      "date": "2014-01-12",
+      "value": 15531790
+    },
+    {
+      "date": "2014-01-13",
+      "value": 15748881
+    },
+    {
+      "date": "2014-01-14",
+      "value": 18706437
+    },
+    {
+      "date": "2014-01-15",
+      "value": 19752685
+    },
+    {
+      "date": "2014-01-16",
+      "value": 21016418
+    },
+    {
+      "date": "2014-01-17",
+      "value": 25622924
+    },
+    {
+      "date": "2014-01-18",
+      "value": 25337480
+    },
+    {
+      "date": "2014-01-19",
+      "value": 22258882
+    },
+    {
+      "date": "2014-01-20",
+      "value": 23829538
+    },
+    {
+      "date": "2014-01-21",
+      "value": 24245689
+    },
+    {
+      "date": "2014-01-22",
+      "value": 26429711
+    },
+    {
+      "date": "2014-01-23",
+      "value": 26259017
+    },
+    {
+      "date": "2014-01-24",
+      "value": 25396183
+    },
+    {
+      "date": "2014-01-25",
+      "value": 23107346
+    },
+    {
+      "date": "2014-01-26",
+      "value": 28659852
+    },
+    {
+      "date": "2014-01-27",
+      "value": 25270783
+    },
+    {
+      "date": "2014-01-28",
+      "value": 26270783
+    },
+    {
+      "date": "2014-01-29",
+      "value": 27270783
+    },
+    {
+      "date": "2014-01-30",
+      "value": 28270783
+    },
+    {
+      "date": "2014-01-31",
+      "value": 29270783
+    },
+    {
+      "date": "2014-02-01",
+      "value": 30270783
+    },
+    {
+      "date": "2014-02-02",
+      "value": 31270783
+    },
+    {
+      "date": "2014-02-03",
+      "value": 32270783
+    },
+    {
+      "date": "2014-02-04",
+      "value": 33270783
+    },
+    {
+      "date": "2014-02-05",
+      "value": 28270783
+    },
+    {
+      "date": "2014-02-06",
+      "value": 27270783
+    },
+    {
+      "date": "2014-02-07",
+      "value": 35270783
+    },
+    {
+      "date": "2014-02-08",
+      "value": 34270783
+    },
+    {
+      "date": "2014-02-09",
+      "value": 28270783
+    },
+    {
+      "date": "2014-02-10",
+      "value": 35270783
+    },
+    {
+      "date": "2014-02-11",
+      "value": 36270783
+    },
+    {
+      "date": "2014-02-12",
+      "value": 34127078
+    },
+    {
+      "date": "2014-02-13",
+      "value": 33124078
+    },
+    {
+      "date": "2014-02-14",
+      "value": 36227078
+    },
+    {
+      "date": "2014-02-15",
+      "value": 37827078
+    },
+    {
+      "date": "2014-02-16",
+      "value": 36427073
+    },
+    {
+      "date": "2014-02-17",
+      "value": 37570783
+    },
+    {
+      "date": "2014-02-18",
+      "value": 38627073
+    },
+    {
+      "date": "2014-02-19",
+      "value": 37727078
+    },
+    {
+      "date": "2014-02-20",
+      "value": 38827073
+    },
+    {
+      "date": "2014-02-21",
+      "value": 40927078
+    },
+    {
+      "date": "2014-02-22",
+      "value": 41027078
+    },
+    {
+      "date": "2014-02-23",
+      "value": 42127073
+    },
+    {
+      "date": "2014-02-24",
+      "value": 43220783
+    },
+    {
+      "date": "2014-02-25",
+      "value": 44327078
+    },
+    {
+      "date": "2014-02-26",
+      "value": 40427078
+    },
+    {
+      "date": "2014-02-27",
+      "value": 41027078
+    },
+    {
+      "date": "2014-02-28",
+      "value": 45627078
+    },
+    {
+      "date": "2014-03-01",
+      "value": 44727078
+    },
+    {
+      "date": "2014-03-02",
+      "value": 44227078
+    },
+    {
+      "date": "2014-03-03",
+      "value": 45227078
+    },
+    {
+      "date": "2014-03-04",
+      "value": 46027078
+    },
+    {
+      "date": "2014-03-05",
+      "value": 46927078
+    },
+    {
+      "date": "2014-03-06",
+      "value": 47027078
+    },
+    {
+      "date": "2014-03-07",
+      "value": 46227078
+    },
+    {
+      "date": "2014-03-08",
+      "value": 47027078
+    },
+    {
+      "date": "2014-03-09",
+      "value": 48027078
+    },
+    {
+      "date": "2014-03-10",
+      "value": 47027078
+    },
+    {
+      "date": "2014-03-11",
+      "value": 47027078
+    },
+    {
+      "date": "2014-03-12",
+      "value": 48017078
+    },
+    {
+      "date": "2014-03-13",
+      "value": 48077078
+    },
+    {
+      "date": "2014-03-14",
+      "value": 48087078
+    },
+    {
+      "date": "2014-03-15",
+      "value": 48017078
+    },
+    {
+      "date": "2014-03-16",
+      "value": 48047078
+    },
+    {
+      "date": "2014-03-17",
+      "value": 48067078
+    },
+    {
+      "date": "2014-03-18",
+      "value": 48077078
+    },
+    {
+      "date": "2014-03-19",
+      "value": 48027074
+    },
+    {
+      "date": "2014-03-20",
+      "value": 48927079
+    },
+    {
+      "date": "2014-03-21",
+      "value": 48727071
+    },
+    {
+      "date": "2014-03-22",
+      "value": 48127072
+    },
+    {
+      "date": "2014-03-23",
+      "value": 48527072
+    },
+    {
+      "date": "2014-03-24",
+      "value": 48627027
+    },
+    {
+      "date": "2014-03-25",
+      "value": 48027040
+    },
+    {
+      "date": "2014-03-26",
+      "value": 48027043
+    },
+    {
+      "date": "2014-03-27",
+      "value": 48057022
+    },
+    {
+      "date": "2014-03-28",
+      "value": 49057022
+    },
+    {
+      "date": "2014-03-29",
+      "value": 50057022
+    },
+    {
+      "date": "2014-03-30",
+      "value": 51057022
+    },
+    {
+      "date": "2014-03-31",
+      "value": 52057022
+    },
+    {
+      "date": "2014-04-01",
+      "value": 53057022
+    },
+    {
+      "date": "2014-04-02",
+      "value": 54057022
+    },
+    {
+      "date": "2014-04-03",
+      "value": 52057022
+    },
+    {
+      "date": "2014-04-04",
+      "value": 55057022
+    },
+    {
+      "date": "2014-04-05",
+      "value": 58270783
+    },
+    {
+      "date": "2014-04-06",
+      "value": 56270783
+    },
+    {
+      "date": "2014-04-07",
+      "value": 55270783
+    },
+    {
+      "date": "2014-04-08",
+      "value": 58270783
+    },
+    {
+      "date": "2014-04-09",
+      "value": 59270783
+    },
+    {
+      "date": "2014-04-10",
+      "value": 60270783
+    },
+    {
+      "date": "2014-04-11",
+      "value": 61270783
+    },
+    {
+      "date": "2014-04-12",
+      "value": 62270783
+    },
+    {
+      "date": "2014-04-13",
+      "value": 63270783
+    },
+    {
+      "date": "2014-04-14",
+      "value": 64270783
+    },
+    {
+      "date": "2014-04-15",
+      "value": 65270783
+    },
+    {
+      "date": "2014-04-16",
+      "value": 66270783
+    },
+    {
+      "date": "2014-04-17",
+      "value": 67270783
+    },
+    {
+      "date": "2014-04-18",
+      "value": 68270783
+    },
+    {
+      "date": "2014-04-19",
+      "value": 69270783
+    },
+    {
+      "date": "2014-04-20",
+      "value": 70270783
+    },
+    {
+      "date": "2014-04-21",
+      "value": 71270783
+    },
+    {
+      "date": "2014-04-22",
+      "value": 72270783
+    },
+    {
+      "date": "2014-04-23",
+      "value": 73270783
+    },
+    {
+      "date": "2014-04-24",
+      "value": 74270783
+    },
+    {
+      "date": "2014-04-25",
+      "value": 75270783
+    },
+    {
+      "date": "2014-04-26",
+      "value": 76660783
+    },
+    {
+      "date": "2014-04-27",
+      "value": 77270783
+    },
+    {
+      "date": "2014-04-28",
+      "value": 78370783
+    },
+    {
+      "date": "2014-04-29",
+      "value": 79470783
+    },
+    {
+      "date": "2014-04-30",
+      "value": 80170783
+    }
+  ],
+  [{
+      "date": "2014-01-01",
+      "value": 150000000
+    },
+    {
+      "date": "2014-01-02",
+      "value": 160379978
+    },
+    {
+      "date": "2014-01-03",
+      "value": 170493749
+    },
+    {
+      "date": "2014-01-04",
+      "value": 160785250
+    },
+    {
+      "date": "2014-01-05",
+      "value": 167391904
+    },
+    {
+      "date": "2014-01-06",
+      "value": 161576838
+    },
+    {
+      "date": "2014-01-07",
+      "value": 161413854
+    },
+    {
+      "date": "2014-01-08",
+      "value": 152177211
+    },
+    {
+      "date": "2014-01-09",
+      "value": 140762210
+    },
+    {
+      "date": "2014-01-10",
+      "value": 144381072
+    },
+    {
+      "date": "2014-01-11",
+      "value": 154352310
+    },
+    {
+      "date": "2014-01-12",
+      "value": 165531790
+    },
+    {
+      "date": "2014-01-13",
+      "value": 175748881
+    },
+    {
+      "date": "2014-01-14",
+      "value": 187064037
+    },
+    {
+      "date": "2014-01-15",
+      "value": 197520685
+    },
+    {
+      "date": "2014-01-16",
+      "value": 210176418
+    },
+    {
+      "date": "2014-01-17",
+      "value": 196122924
+    },
+    {
+      "date": "2014-01-18",
+      "value": 207337480
+    },
+    {
+      "date": "2014-01-19",
+      "value": 200258882
+    },
+    {
+      "date": "2014-01-20",
+      "value": 186829538
+    },
+    {
+      "date": "2014-01-21",
+      "value": 192456897
+    },
+    {
+      "date": "2014-01-22",
+      "value": 204299711
+    },
+    {
+      "date": "2014-01-23",
+      "value": 192759017
+    },
+    {
+      "date": "2014-01-24",
+      "value": 203596183
+    },
+    {
+      "date": "2014-01-25",
+      "value": 208107346
+    },
+    {
+      "date": "2014-01-26",
+      "value": 196359852
+    },
+    {
+      "date": "2014-01-27",
+      "value": 192570783
+    },
+    {
+      "date": "2014-01-28",
+      "value": 177967768
+    },
+    {
+      "date": "2014-01-29",
+      "value": 190632803
+    },
+    {
+      "date": "2014-01-30",
+      "value": 203725316
+    },
+    {
+      "date": "2014-01-31",
+      "value": 218226177
+    },
+    {
+      "date": "2014-02-01",
+      "value": 210698669
+    },
+    {
+      "date": "2014-02-02",
+      "value": 217640656
+    },
+    {
+      "date": "2014-02-03",
+      "value": 216142362
+    },
+    {
+      "date": "2014-02-04",
+      "value": 201410971
+    },
+    {
+      "date": "2014-02-05",
+      "value": 196704289
+    },
+    {
+      "date": "2014-02-06",
+      "value": 190436945
+    },
+    {
+      "date": "2014-02-07",
+      "value": 178891686
+    },
+    {
+      "date": "2014-02-08",
+      "value": 171613962
+    },
+    {
+      "date": "2014-02-09",
+      "value": 157579773
+    },
+    {
+      "date": "2014-02-10",
+      "value": 158677098
+    },
+    {
+      "date": "2014-02-11",
+      "value": 147129977
+    },
+    {
+      "date": "2014-02-12",
+      "value": 151561876
+    },
+    {
+      "date": "2014-02-13",
+      "value": 151627421
+    },
+    {
+      "date": "2014-02-14",
+      "value": 143543872
+    },
+    {
+      "date": "2014-02-15",
+      "value": 136581057
+    },
+    {
+      "date": "2014-02-16",
+      "value": 135560715
+    },
+    {
+      "date": "2014-02-17",
+      "value": 122625263
+    },
+    {
+      "date": "2014-02-18",
+      "value": 112091484
+    },
+    {
+      "date": "2014-02-19",
+      "value": 98810329
+    },
+    {
+      "date": "2014-02-20",
+      "value": 99882912
+    },
+    {
+      "date": "2014-02-21",
+      "value": 94943095
+    },
+    {
+      "date": "2014-02-22",
+      "value": 104875743
+    },
+    {
+      "date": "2014-02-23",
+      "value": 116383678
+    },
+    {
+      "date": "2014-02-24",
+      "value": 125028841
+    },
+    {
+      "date": "2014-02-25",
+      "value": 123967310
+    },
+    {
+      "date": "2014-02-26",
+      "value": 133167029
+    },
+    {
+      "date": "2014-02-27",
+      "value": 128577263
+    },
+    {
+      "date": "2014-02-28",
+      "value": 115836969
+    },
+    {
+      "date": "2014-03-01",
+      "value": 119264529
+    },
+    {
+      "date": "2014-03-02",
+      "value": 109363374
+    },
+    {
+      "date": "2014-03-03",
+      "value": 113985628
+    },
+    {
+      "date": "2014-03-04",
+      "value": 114650999
+    },
+    {
+      "date": "2014-03-05",
+      "value": 110866108
+    },
+    {
+      "date": "2014-03-06",
+      "value": 96473454
+    },
+    {
+      "date": "2014-03-07",
+      "value": 104075886
+    },
+    {
+      "date": "2014-03-08",
+      "value": 103568384
+    },
+    {
+      "date": "2014-03-09",
+      "value": 101534883
+    },
+    {
+      "date": "2014-03-10",
+      "value": 115825447
+    },
+    {
+      "date": "2014-03-11",
+      "value": 126133916
+    },
+    {
+      "date": "2014-03-12",
+      "value": 116502109
+    },
+    {
+      "date": "2014-03-13",
+      "value": 130169411
+    },
+    {
+      "date": "2014-03-14",
+      "value": 124296886
+    },
+    {
+      "date": "2014-03-15",
+      "value": 126347399
+    },
+    {
+      "date": "2014-03-16",
+      "value": 131483669
+    },
+    {
+      "date": "2014-03-17",
+      "value": 142811333
+    },
+    {
+      "date": "2014-03-18",
+      "value": 129675396
+    },
+    {
+      "date": "2014-03-19",
+      "value": 115514483
+    },
+    {
+      "date": "2014-03-20",
+      "value": 117630630
+    },
+    {
+      "date": "2014-03-21",
+      "value": 122340239
+    },
+    {
+      "date": "2014-03-22",
+      "value": 132349091
+    },
+    {
+      "date": "2014-03-23",
+      "value": 125613305
+    },
+    {
+      "date": "2014-03-24",
+      "value": 135592466
+    },
+    {
+      "date": "2014-03-25",
+      "value": 123408762
+    },
+    {
+      "date": "2014-03-26",
+      "value": 111991454
+    },
+    {
+      "date": "2014-03-27",
+      "value": 116123955
+    },
+    {
+      "date": "2014-03-28",
+      "value": 112817214
+    },
+    {
+      "date": "2014-03-29",
+      "value": 113029590
+    },
+    {
+      "date": "2014-03-30",
+      "value": 108753398
+    },
+    {
+      "date": "2014-03-31",
+      "value": 99383763
+    },
+    {
+      "date": "2014-04-01",
+      "value": 100151737
+    },
+    {
+      "date": "2014-04-02",
+      "value": 94985209
+    },
+    {
+      "date": "2014-04-03",
+      "value": 82913669
+    },
+    {
+      "date": "2014-04-04",
+      "value": 78748268
+    },
+    {
+      "date": "2014-04-05",
+      "value": 63829135
+    },
+    {
+      "date": "2014-04-06",
+      "value": 78694727
+    },
+    {
+      "date": "2014-04-07",
+      "value": 80868994
+    },
+    {
+      "date": "2014-04-08",
+      "value": 93799013
+    },
+    {
+      "date": "2014-04-09",
+      "value": 99042416
+    },
+    {
+      "date": "2014-04-10",
+      "value": 97298692
+    },
+    {
+      "date": "2014-04-11",
+      "value": 83353499
+    },
+    {
+      "date": "2014-04-12",
+      "value": 71248129
+    },
+    {
+      "date": "2014-04-13",
+      "value": 75253744
+    },
+    {
+      "date": "2014-04-14",
+      "value": 68976648
+    },
+    {
+      "date": "2014-04-15",
+      "value": 71002284
+    },
+    {
+      "date": "2014-04-16",
+      "value": 75052401
+    },
+    {
+      "date": "2014-04-17",
+      "value": 83894030
+    },
+    {
+      "date": "2014-04-18",
+      "value": 90236528
+    },
+    {
+      "date": "2014-04-19",
+      "value": 99739114
+    },
+    {
+      "date": "2014-04-20",
+      "value": 96407136
+    },
+    {
+      "date": "2014-04-21",
+      "value": 108323177
+    },
+    {
+      "date": "2014-04-22",
+      "value": 101578914
+    },
+    {
+      "date": "2014-04-23",
+      "value": 115877608
+    },
+    {
+      "date": "2014-04-24",
+      "value": 112088857
+    },
+    {
+      "date": "2014-04-25",
+      "value": 112071353
+    },
+    {
+      "date": "2014-04-26",
+      "value": 101790062
+    },
+    {
+      "date": "2014-04-27",
+      "value": 115003761
+    },
+    {
+      "date": "2014-04-28",
+      "value": 120457727
+    },
+    {
+      "date": "2014-04-29",
+      "value": 118253926
+    },
+    {
+      "date": "2014-04-30",
+      "value": 117956992
+    }
+  ],
+  [{
+      "date": "2014-01-01",
+      "value": 50000000
+    },
+    {
+      "date": "2014-01-02",
+      "value": 60379978
+    },
+    {
+      "date": "2014-01-03",
+      "value": 40493749
+    },
+    {
+      "date": "2014-01-04",
+      "value": 60785250
+    },
+    {
+      "date": "2014-01-05",
+      "value": 67391904
+    },
+    {
+      "date": "2014-01-06",
+      "value": 61576838
+    },
+    {
+      "date": "2014-01-07",
+      "value": 61413854
+    },
+    {
+      "date": "2014-01-08",
+      "value": 82177211
+    },
+    {
+      "date": "2014-01-09",
+      "value": 103762210
+    },
+    {
+      "date": "2014-01-10",
+      "value": 84381072
+    },
+    {
+      "date": "2014-01-11",
+      "value": 54352310
+    },
+    {
+      "date": "2014-01-12",
+      "value": 65531790
+    },
+    {
+      "date": "2014-01-13",
+      "value": 75748881
+    },
+    {
+      "date": "2014-01-14",
+      "value": 47064037
+    },
+    {
+      "date": "2014-01-15",
+      "value": 67520685
+    },
+    {
+      "date": "2014-01-16",
+      "value": 60176418
+    },
+    {
+      "date": "2014-01-17",
+      "value": 66122924
+    },
+    {
+      "date": "2014-01-18",
+      "value": 57337480
+    },
+    {
+      "date": "2014-01-19",
+      "value": 100258882
+    },
+    {
+      "date": "2014-01-20",
+      "value": 46829538
+    },
+    {
+      "date": "2014-01-21",
+      "value": 92456897
+    },
+    {
+      "date": "2014-01-22",
+      "value": 94299711
+    },
+    {
+      "date": "2014-01-23",
+      "value": 62759017
+    },
+    {
+      "date": "2014-01-24",
+      "value": 103596183
+    },
+    {
+      "date": "2014-01-25",
+      "value": 108107346
+    },
+    {
+      "date": "2014-01-26",
+      "value": 66359852
+    },
+    {
+      "date": "2014-01-27",
+      "value": 62570783
+    },
+    {
+      "date": "2014-01-28",
+      "value": 77967768
+    },
+    {
+      "date": "2014-01-29",
+      "value": 60632803
+    },
+    {
+      "date": "2014-01-30",
+      "value": 103725316
+    },
+    {
+      "date": "2014-01-31",
+      "value": 98226177
+    },
+    {
+      "date": "2014-02-01",
+      "value": 60698669
+    },
+    {
+      "date": "2014-02-02",
+      "value": 67640656
+    },
+    {
+      "date": "2014-02-03",
+      "value": 66142362
+    },
+    {
+      "date": "2014-02-04",
+      "value": 101410971
+    },
+    {
+      "date": "2014-02-05",
+      "value": 66704289
+    },
+    {
+      "date": "2014-02-06",
+      "value": 60436945
+    },
+    {
+      "date": "2014-02-07",
+      "value": 78891686
+    },
+    {
+      "date": "2014-02-08",
+      "value": 71613962
+    },
+    {
+      "date": "2014-02-09",
+      "value": 107579773
+    },
+    {
+      "date": "2014-02-10",
+      "value": 58677098
+    },
+    {
+      "date": "2014-02-11",
+      "value": 87129977
+    },
+    {
+      "date": "2014-02-12",
+      "value": 51561876
+    },
+    {
+      "date": "2014-02-13",
+      "value": 51627421
+    },
+    {
+      "date": "2014-02-14",
+      "value": 83543872
+    },
+    {
+      "date": "2014-02-15",
+      "value": 66581057
+    },
+    {
+      "date": "2014-02-16",
+      "value": 65560715
+    },
+    {
+      "date": "2014-02-17",
+      "value": 62625263
+    },
+    {
+      "date": "2014-02-18",
+      "value": 92091484
+    },
+    {
+      "date": "2014-02-19",
+      "value": 48810329
+    },
+    {
+      "date": "2014-02-20",
+      "value": 49882912
+    },
+    {
+      "date": "2014-02-21",
+      "value": 44943095
+    },
+    {
+      "date": "2014-02-22",
+      "value": 104875743
+    },
+    {
+      "date": "2014-02-23",
+      "value": 96383678
+    },
+    {
+      "date": "2014-02-24",
+      "value": 105028841
+    },
+    {
+      "date": "2014-02-25",
+      "value": 63967310
+    },
+    {
+      "date": "2014-02-26",
+      "value": 63167029
+    },
+    {
+      "date": "2014-02-27",
+      "value": 68577263
+    },
+    {
+      "date": "2014-02-28",
+      "value": 95836969
+    },
+    {
+      "date": "2014-03-01",
+      "value": 99264529
+    },
+    {
+      "date": "2014-03-02",
+      "value": 109363374
+    },
+    {
+      "date": "2014-03-03",
+      "value": 93985628
+    },
+    {
+      "date": "2014-03-04",
+      "value": 94650999
+    },
+    {
+      "date": "2014-03-05",
+      "value": 90866108
+    },
+    {
+      "date": "2014-03-06",
+      "value": 46473454
+    },
+    {
+      "date": "2014-03-07",
+      "value": 84075886
+    },
+    {
+      "date": "2014-03-08",
+      "value": 103568384
+    },
+    {
+      "date": "2014-03-09",
+      "value": 101534883
+    },
+    {
+      "date": "2014-03-10",
+      "value": 95825447
+    },
+    {
+      "date": "2014-03-11",
+      "value": 66133916
+    },
+    {
+      "date": "2014-03-12",
+      "value": 96502109
+    },
+    {
+      "date": "2014-03-13",
+      "value": 80169411
+    },
+    {
+      "date": "2014-03-14",
+      "value": 84296886
+    },
+    {
+      "date": "2014-03-15",
+      "value": 86347399
+    },
+    {
+      "date": "2014-03-16",
+      "value": 31483669
+    },
+    {
+      "date": "2014-03-17",
+      "value": 82811333
+    },
+    {
+      "date": "2014-03-18",
+      "value": 89675396
+    },
+    {
+      "date": "2014-03-19",
+      "value": 95514483
+    },
+    {
+      "date": "2014-03-20",
+      "value": 97630630
+    },
+    {
+      "date": "2014-03-21",
+      "value": 62340239
+    },
+    {
+      "date": "2014-03-22",
+      "value": 62349091
+    },
+    {
+      "date": "2014-03-23",
+      "value": 65613305
+    },
+    {
+      "date": "2014-03-24",
+      "value": 65592466
+    },
+    {
+      "date": "2014-03-25",
+      "value": 63408762
+    },
+    {
+      "date": "2014-03-26",
+      "value": 91991454
+    },
+    {
+      "date": "2014-03-27",
+      "value": 96123955
+    },
+    {
+      "date": "2014-03-28",
+      "value": 92817214
+    },
+    {
+      "date": "2014-03-29",
+      "value": 93029590
+    },
+    {
+      "date": "2014-03-30",
+      "value": 108753398
+    },
+    {
+      "date": "2014-03-31",
+      "value": 49383763
+    },
+    {
+      "date": "2014-04-01",
+      "value": 100151737
+    },
+    {
+      "date": "2014-04-02",
+      "value": 44985209
+    },
+    {
+      "date": "2014-04-03",
+      "value": 52913669
+    },
+    {
+      "date": "2014-04-04",
+      "value": 48748268
+    },
+    {
+      "date": "2014-04-05",
+      "value": 23829135
+    },
+    {
+      "date": "2014-04-06",
+      "value": 58694727
+    },
+    {
+      "date": "2014-04-07",
+      "value": 50868994
+    },
+    {
+      "date": "2014-04-08",
+      "value": 43799013
+    },
+    {
+      "date": "2014-04-09",
+      "value": 4042416
+    },
+    {
+      "date": "2014-04-10",
+      "value": 47298692
+    },
+    {
+      "date": "2014-04-11",
+      "value": 53353499
+    },
+    {
+      "date": "2014-04-12",
+      "value": 71248129
+    },
+    {
+      "date": "2014-04-13",
+      "value": 75253744
+    },
+    {
+      "date": "2014-04-14",
+      "value": 68976648
+    },
+    {
+      "date": "2014-04-15",
+      "value": 71002284
+    },
+    {
+      "date": "2014-04-16",
+      "value": 75052401
+    },
+    {
+      "date": "2014-04-17",
+      "value": 83894030
+    },
+    {
+      "date": "2014-04-18",
+      "value": 50236528
+    },
+    {
+      "date": "2014-04-19",
+      "value": 59739114
+    },
+    {
+      "date": "2014-04-20",
+      "value": 56407136
+    },
+    {
+      "date": "2014-04-21",
+      "value": 108323177
+    },
+    {
+      "date": "2014-04-22",
+      "value": 101578914
+    },
+    {
+      "date": "2014-04-23",
+      "value": 95877608
+    },
+    {
+      "date": "2014-04-24",
+      "value": 62088857
+    },
+    {
+      "date": "2014-04-25",
+      "value": 92071353
+    },
+    {
+      "date": "2014-04-26",
+      "value": 81790062
+    },
+    {
+      "date": "2014-04-27",
+      "value": 105003761
+    },
+    {
+      "date": "2014-04-28",
+      "value": 100457727
+    },
+    {
+      "date": "2014-04-29",
+      "value": 98253926
+    },
+    {
+      "date": "2014-04-30",
+      "value": 67956992
+    }
+  ]
+]
\ No newline at end of file

public/ThirdParty/apexcharts-bundle/samples/assets/ohlc.js

+var seriesData = [{
+    x: new Date(2016, 01, 01),
+    y: [51.98, 56.29, 51.59, 53.85]
+  },
+  {
+    x: new Date(2016, 02, 01),
+    y: [53.66, 54.99, 51.35, 52.95]
+  },
+  {
+    x: new Date(2016, 03, 01),
+    y: [52.96, 53.78, 51.54, 52.48]
+  },
+  {
+    x: new Date(2016, 04, 01),
+    y: [52.54, 52.79, 47.88, 49.24]
+  },
+  {
+    x: new Date(2016, 05, 01),
+    y: [49.10, 52.86, 47.70, 52.78]
+  },
+  {
+    x: new Date(2016, 06, 01),
+    y: [52.83, 53.48, 50.32, 52.29]
+  },
+  {
+    x: new Date(2016, 07, 01),
+    y: [52.20, 54.48, 51.64, 52.58]
+  },
+  {
+    x: new Date(2016, 08, 01),
+    y: [52.76, 57.35, 52.15, 57.03]
+  },
+  {
+    x: new Date(2016, 09, 01),
+    y: [57.04, 58.15, 48.88, 56.19]
+  },
+  {
+    x: new Date(2016, 10, 01),
+    y: [56.09, 58.85, 55.48, 58.79]
+  },
+  {
+    x: new Date(2016, 11, 01),
+    y: [58.78, 59.65, 58.23, 59.05]
+  },
+  {
+    x: new Date(2017, 00, 01),
+    y: [59.37, 61.11, 59.35, 60.34]
+  },
+  {
+    x: new Date(2017, 01, 01),
+    y: [60.40, 60.52, 56.71, 56.93]
+  },
+  {
+    x: new Date(2017, 02, 01),
+    y: [57.02, 59.71, 56.04, 56.82]
+  },
+  {
+    x: new Date(2017, 03, 01),
+    y: [56.97, 59.62, 54.77, 59.30]
+  },
+  {
+    x: new Date(2017, 04, 01),
+    y: [59.11, 62.29, 59.10, 59.85]
+  },
+  {
+    x: new Date(2017, 05, 01),
+    y: [59.97, 60.11, 55.66, 58.42]
+  },
+  {
+    x: new Date(2017, 06, 01),
+    y: [58.34, 60.93, 56.75, 57.42]
+  },
+  {
+    x: new Date(2017, 07, 01),
+    y: [57.76, 58.08, 51.18, 54.71]
+  },
+  {
+    x: new Date(2017, 08, 01),
+    y: [54.80, 61.42, 53.18, 57.35]
+  },
+  {
+    x: new Date(2017, 09, 01),
+    y: [57.56, 63.09, 57.00, 62.99]
+  },
+  {
+    x: new Date(2017, 10, 01),
+    y: [62.89, 63.42, 59.72, 61.76]
+  },
+  {
+    x: new Date(2017, 11, 01),
+    y: [61.71, 64.15, 61.29, 63.04]
+  }
+]
+
+var seriesDataLinear = [{
+    x: new Date(2016, 01, 01),
+    y: 3.85
+  },
+  {
+    x: new Date(2016, 02, 01),
+    y: 2.95
+  },
+  {
+    x: new Date(2016, 03, 01),
+    y: -12.48
+  },
+  {
+    x: new Date(2016, 04, 01),
+    y: 19.24
+  },
+  {
+    x: new Date(2016, 05, 01),
+    y: 12.78
+  },
+  {
+    x: new Date(2016, 06, 01),
+    y: 22.29
+  },
+  {
+    x: new Date(2016, 07, 01),
+    y: -12.58
+  },
+  {
+    x: new Date(2016, 08, 01),
+    y: -17.03
+  },
+  {
+    x: new Date(2016, 09, 01),
+    y: -19.19
+  },
+  {
+    x: new Date(2016, 10, 01),
+    y: -28.79
+  },
+  {
+    x: new Date(2016, 11, 01),
+    y: -39.05
+  },
+  {
+    x: new Date(2017, 00, 01),
+    y: 20.34
+  },
+  {
+    x: new Date(2017, 01, 01),
+    y: 36.93
+  },
+  {
+    x: new Date(2017, 02, 01),
+    y: 36.82
+  },
+  {
+    x: new Date(2017, 03, 01),
+    y: 29.30
+  },
+  {
+    x: new Date(2017, 04, 01),
+    y: 39.85
+  },
+  {
+    x: new Date(2017, 05, 01),
+    y: 28.42
+  },
+  {
+    x: new Date(2017, 06, 01),
+    y: 37.42
+  },
+  {
+    x: new Date(2017, 07, 01),
+    y: 24.71
+  },
+  {
+    x: new Date(2017, 08, 01),
+    y: 37.35
+  },
+  {
+    x: new Date(2017, 09, 01),
+    y: 32.99
+  },
+  {
+    x: new Date(2017, 10, 01),
+    y: 31.76
+  },
+  {
+    x: new Date(2017, 11, 01),
+    y: 43.04
+  }
+]
+
+var seriesData7 = [{
+    x: new Date(2016, 01, 01),
+    y: [1151.98, 1156.29, 1151.59, 1153.85]
+  },
+  {
+    x: new Date(2016, 02, 01),
+    y: [1153.66, 1154.99, 1151.35, 1152.95]
+  },
+  {
+    x: new Date(2016, 03, 01),
+    y: [1152.96, 1153.78, 1151.54, 1152.48]
+  },
+  {
+    x: new Date(2016, 04, 01),
+    y: [1152.54, 1152.79, 1147.88, 1149.24]
+  },
+  {
+    x: new Date(2016, 05, 01),
+    y: [1149.10, 1152.86, 1147.70, 1152.78]
+  },
+  {
+    x: new Date(2016, 06, 01),
+    y: [1152.83, 1153.48, 1150.32, 1152.29]
+  },
+  {
+    x: new Date(2016, 07, 01),
+    y: [1152.20, 1154.48, 1151.64, 1152.58]
+  },
+  {
+    x: new Date(2016, 08, 01),
+    y: [1152.76, 1157.35, 1152.15, 1157.03]
+  },
+  {
+    x: new Date(2016, 09, 01),
+    y: [1157.04, 1158.15, 1148.88, 1156.19]
+  },
+  {
+    x: new Date(2016, 10, 01),
+    y: [1156.09, 1158.85, 1155.48, 1158.79]
+  },
+  {
+    x: new Date(2016, 11, 01),
+    y: [1158.78, 1159.65, 1158.23, 1159.05]
+  },
+  {
+    x: new Date(2017, 00, 01),
+    y: [1159.37, 1161.11, 1159.35, 1160.34]
+  },
+  {
+    x: new Date(2017, 01, 01),
+    y: [1160.40, 1160.52, 1156.71, 1156.93]
+  },
+  {
+    x: new Date(2017, 02, 01),
+    y: [1157.02, 1159.71, 1156.04, 1156.82]
+  },
+  {
+    x: new Date(2017, 03, 01),
+    y: [1156.97, 1159.62, 1154.77, 1159.30]
+  },
+  {
+    x: new Date(2017, 04, 01),
+    y: [1159.11, 1162.29, 1159.10, 1159.85]
+  },
+  {
+    x: new Date(2017, 05, 01),
+    y: [1159.97, 1160.11, 1155.66, 1158.42]
+  },
+  {
+    x: new Date(2017, 06, 01),
+    y: [1158.34, 1160.93, 1156.75, 1157.42]
+  },
+  {
+    x: new Date(2017, 07, 01),
+    y: [1157.76, 1158.08, 1151.18, 1154.71]
+  },
+  {
+    x: new Date(2017, 08, 01),
+    y: [1154.80, 1161.42, 1153.18, 1157.35]
+  },
+  {
+    x: new Date(2017, 09, 01),
+    y: [1157.56, 1163.09, 1157.00, 1162.99]
+  },
+  {
+    x: new Date(2017, 10, 01),
+    y: [1162.89, 1163.42, 1159.72, 1161.76]
+  },
+  {
+    x: new Date(2017, 11, 01),
+    y: [1161.71, 1164.15, 1161.29, 1163.04]
+  }
+]
+
+var seriesData2 = [{
+    x: new Date(1538778600000),
+    y: [6629.81, 6650.5, 6623.04, 6633.33]
+  },
+  {
+    x: new Date(1538780400000),
+    y: [6632.01, 6643.59, 6620, 6630.11]
+  },
+  {
+    x: new Date(1538782200000),
+    y: [6630.71, 6648.95, 6623.34, 6635.65]
+  },
+  {
+    x: new Date(1538784000000),
+    y: [6635.65, 6651, 6629.67, 6638.24]
+  },
+  {
+    x: new Date(1538785800000),
+    y: [6638.24, 6640, 6620, 6624.47]
+  },
+  {
+    x: new Date(1538787600000),
+    y: [6624.53, 6636.03, 6621.68, 6624.31]
+  },
+  {
+    x: new Date(1538789400000),
+    y: [6624.61, 6632.2, 6617, 6626.02]
+  },
+  {
+    x: new Date(1538791200000),
+    y: [6627, 6627.62, 6584.22, 6603.02]
+  },
+  {
+    x: new Date(1538793000000),
+    y: [6605, 6608.03, 6598.95, 6604.01]
+  },
+  {
+    x: new Date(1538794800000),
+    y: [6604.5, 6614.4, 6602.26, 6608.02]
+  },
+  {
+    x: new Date(1538796600000),
+    y: [6608.02, 6610.68, 6601.99, 6608.91]
+  },
+  {
+    x: new Date(1538798400000),
+    y: [6608.91, 6618.99, 6608.01, 6612]
+  },
+  {
+    x: new Date(1538800200000),
+    y: [6612, 6615.13, 6605.09, 6612]
+  },
+  {
+    x: new Date(1538802000000),
+    y: [6612, 6624.12, 6608.43, 6622.95]
+  },
+  {
+    x: new Date(1538803800000),
+    y: [6623.91, 6623.91, 6615, 6615.67]
+  },
+  {
+    x: new Date(1538805600000),
+    y: [6618.69, 6618.74, 6610, 6610.4]
+  },
+  {
+    x: new Date(1538807400000),
+    y: [6611, 6622.78, 6610.4, 6614.9]
+  },
+  {
+    x: new Date(1538809200000),
+    y: [6614.9, 6626.2, 6613.33, 6623.45]
+  },
+  {
+    x: new Date(1538811000000),
+    y: [6623.48, 6627, 6618.38, 6620.35]
+  },
+  {
+    x: new Date(1538812800000),
+    y: [6619.43, 6620.35, 6610.05, 6615.53]
+  },
+  {
+    x: new Date(1538814600000),
+    y: [6615.53, 6617.93, 6610, 6615.19]
+  },
+  {
+    x: new Date(1538816400000),
+    y: [6615.19, 6621.6, 6608.2, 6620]
+  },
+  {
+    x: new Date(1538818200000),
+    y: [6619.54, 6625.17, 6614.15, 6620]
+  },
+  {
+    x: new Date(1538820000000),
+    y: [6620.33, 6634.15, 6617.24, 6624.61]
+  },
+  {
+    x: new Date(1538821800000),
+    y: [6625.95, 6626, 6611.66, 6617.58]
+  },
+  {
+    x: new Date(1538823600000),
+    y: [6619, 6625.97, 6595.27, 6598.86]
+  },
+  {
+    x: new Date(1538825400000),
+    y: [6598.86, 6598.88, 6570, 6587.16]
+  },
+  {
+    x: new Date(1538827200000),
+    y: [6588.86, 6600, 6580, 6593.4]
+  },
+  {
+    x: new Date(1538829000000),
+    y: [6593.99, 6598.89, 6585, 6587.81]
+  },
+  {
+    x: new Date(1538830800000),
+    y: [6587.81, 6592.73, 6567.14, 6578]
+  },
+  {
+    x: new Date(1538832600000),
+    y: [6578.35, 6581.72, 6567.39, 6579]
+  },
+  {
+    x: new Date(1538834400000),
+    y: [6579.38, 6580.92, 6566.77, 6575.96]
+  },
+  {
+    x: new Date(1538836200000),
+    y: [6575.96, 6589, 6571.77, 6588.92]
+  },
+  {
+    x: new Date(1538838000000),
+    y: [6588.92, 6594, 6577.55, 6589.22]
+  },
+  {
+    x: new Date(1538839800000),
+    y: [6589.3, 6598.89, 6589.1, 6596.08]
+  },
+  {
+    x: new Date(1538841600000),
+    y: [6597.5, 6600, 6588.39, 6596.25]
+  },
+  {
+    x: new Date(1538843400000),
+    y: [6598.03, 6600, 6588.73, 6595.97]
+  },
+  {
+    x: new Date(1538845200000),
+    y: [6595.97, 6602.01, 6588.17, 6602]
+  },
+  {
+    x: new Date(1538847000000),
+    y: [6602, 6607, 6596.51, 6599.95]
+  },
+  {
+    x: new Date(1538848800000),
+    y: [6600.63, 6601.21, 6590.39, 6591.02]
+  },
+  {
+    x: new Date(1538850600000),
+    y: [6591.02, 6603.08, 6591, 6591]
+  },
+  {
+    x: new Date(1538852400000),
+    y: [6591, 6601.32, 6585, 6592]
+  },
+  {
+    x: new Date(1538854200000),
+    y: [6593.13, 6596.01, 6590, 6593.34]
+  },
+  {
+    x: new Date(1538856000000),
+    y: [6593.34, 6604.76, 6582.63, 6593.86]
+  },
+  {
+    x: new Date(1538857800000),
+    y: [6593.86, 6604.28, 6586.57, 6600.01]
+  },
+  {
+    x: new Date(1538859600000),
+    y: [6601.81, 6603.21, 6592.78, 6596.25]
+  },
+  {
+    x: new Date(1538861400000),
+    y: [6596.25, 6604.2, 6590, 6602.99]
+  },
+  {
+    x: new Date(1538863200000),
+    y: [6602.99, 6606, 6584.99, 6587.81]
+  },
+  {
+    x: new Date(1538865000000),
+    y: [6587.81, 6595, 6583.27, 6591.96]
+  },
+  {
+    x: new Date(1538866800000),
+    y: [6591.97, 6596.07, 6585, 6588.39]
+  },
+  {
+    x: new Date(1538868600000),
+    y: [6587.6, 6598.21, 6587.6, 6594.27]
+  },
+  {
+    x: new Date(1538870400000),
+    y: [6596.44, 6601, 6590, 6596.55]
+  },
+  {
+    x: new Date(1538872200000),
+    y: [6598.91, 6605, 6596.61, 6600.02]
+  },
+  {
+    x: new Date(1538874000000),
+    y: [6600.55, 6605, 6589.14, 6593.01]
+  },
+  {
+    x: new Date(1538875800000),
+    y: [6593.15, 6605, 6592, 6603.06]
+  },
+  {
+    x: new Date(1538877600000),
+    y: [6603.07, 6604.5, 6599.09, 6603.89]
+  },
+  {
+    x: new Date(1538879400000),
+    y: [6604.44, 6604.44, 6600, 6603.5]
+  },
+  {
+    x: new Date(1538881200000),
+    y: [6603.5, 6603.99, 6597.5, 6603.86]
+  },
+  {
+    x: new Date(1538883000000),
+    y: [6603.85, 6605, 6600, 6604.07]
+  },
+  {
+    x: new Date(1538884800000),
+    y: [6604.98, 6606, 6604.07, 6606]
+  },
+]
+
+var seriesData3 = [{
+    x: new Date(1538867400000),
+    y: [6591.08, 6592.22, 6588.9, 6592]
+  },
+  {
+    x: new Date(1538867700000),
+    y: [6592.01, 6596.07, 6592, 6593.51]
+  },
+  {
+    x: new Date(1538868000000),
+    y: [6593.51, 6596.03, 6588.04, 6588.04]
+  },
+  {
+    x: new Date(1538868300000),
+    y: [6588.26, 6592.78, 6585, 6588.39]
+  },
+  {
+    x: new Date(1538868600000),
+    y: [6587.6, 6593.99, 6587.6, 6593.99]
+  },
+  {
+    x: new Date(1538868900000),
+    y: [6594, 6596.76, 6593.02, 6594.01]
+  },
+  {
+    x: new Date(1538869200000),
+    y: [6596, 6597, 6593.05, 6595.65]
+  },
+  {
+    x: new Date(1538869500000),
+    y: [6595.66, 6596.3, 6590.04, 6591.68]
+  },
+  {
+    x: new Date(1538869800000),
+    y: [6593.26, 6597.97, 6590.37, 6595.43]
+  },
+  {
+    x: new Date(1538870100000),
+    y: [6595.43, 6598.21, 6593.49, 6594.27]
+  },
+  {
+    x: new Date(1538870400000),
+    y: [6596.44, 6600, 6594.15, 6594.8]
+  },
+  {
+    x: new Date(1538870700000),
+    y: [6595.01, 6599.8, 6594, 6598.78]
+  },
+  {
+    x: new Date(1538871000000),
+    y: [6598.77, 6598.79, 6594, 6594.28]
+  },
+  {
+    x: new Date(1538871300000),
+    y: [6594.28, 6596.2, 6591.92, 6594.01]
+  },
+  {
+    x: new Date(1538871600000),
+    y: [6594.51, 6601, 6590, 6599.59]
+  },
+  {
+    x: new Date(1538871900000),
+    y: [6593.6, 6599.58, 6593.6, 6596.55]
+  },
+  {
+    x: new Date(1538872200000),
+    y: [6598.91, 6602.05, 6596.61, 6601.65]
+  },
+  {
+    x: new Date(1538872500000),
+    y: [6602.05, 6602.94, 6597.5, 6600.05]
+  },
+  {
+    x: new Date(1538872800000),
+    y: [6602.96, 6603, 6600.37, 6601.4]
+  },
+  {
+    x: new Date(1538873100000),
+    y: [6601.39, 6601.43, 6600.5, 6601.4]
+  },
+  {
+    x: new Date(1538873400000),
+    y: [6601.42, 6605, 6600.5, 6600.64]
+  },
+  {
+    x: new Date(1538873700000),
+    y: [6600.64, 6603.84, 6600, 6600.02]
+  },
+  {
+    x: new Date(1538874000000),
+    y: [6600.55, 6605, 6598.28, 6600.48]
+  },
+  {
+    x: new Date(1538874300000),
+    y: [6601.73, 6605, 6600.59, 6601.54]
+  },
+  {
+    x: new Date(1538874600000),
+    y: [6602.8, 6605, 6600, 6600.01]
+  },
+  {
+    x: new Date(1538874900000),
+    y: [6600, 6600.22, 6589.19, 6590.64]
+  },
+  {
+    x: new Date(1538875200000),
+    y: [6593.95, 6598, 6589.14, 6591.44]
+  },
+  {
+    x: new Date(1538875500000),
+    y: [6591.48, 6593.45, 6589.15, 6593.01]
+  },
+  {
+    x: new Date(1538875800000),
+    y: [6593.15, 6598, 6592, 6595.85]
+  },
+  {
+    x: new Date(1538876100000),
+    y: [6595.85, 6601.76, 6595.83, 6601.72]
+  },
+  {
+    x: new Date(1538876400000),
+    y: [6601.69, 6605, 6598.52, 6602.01]
+  },
+  {
+    x: new Date(1538876700000),
+    y: [6602.02, 6604.4, 6601.51, 6601.62]
+  },
+  {
+    x: new Date(1538877000000),
+    y: [6601.74, 6602.88, 6599.09, 6600]
+  },
+  {
+    x: new Date(1538877300000),
+    y: [6599.35, 6605, 6599.09, 6603.06]
+  },
+  {
+    x: new Date(1538877600000),
+    y: [6603.07, 6604.5, 6600.79, 6604.13]
+  },
+  {
+    x: new Date(1538877900000),
+    y: [6603.06, 6604.45, 6601.25, 6602.06]
+  },
+  {
+    x: new Date(1538878200000),
+    y: [6602.06, 6604, 6600.93, 6602.11]
+  },
+  {
+    x: new Date(1538878500000),
+    y: [6602.25, 6602.41, 6599.09, 6602.41]
+  },
+  {
+    x: new Date(1538878800000),
+    y: [6602.41, 6603.95, 6600.02, 6603.89]
+  },
+  {
+    x: new Date(1538879100000),
+    y: [6603.89, 6604.44, 6602.52, 6603.89]
+  },
+  {
+    x: new Date(1538879400000),
+    y: [6604.44, 6604.44, 6600, 6600.02]
+  },
+  {
+    x: new Date(1538879700000),
+    y: [6600.02, 6602.99, 6600, 6600.23]
+  },
+  {
+    x: new Date(1538880000000),
+    y: [6600.85, 6604.43, 6600.2, 6602.1]
+  },
+  {
+    x: new Date(1538880300000),
+    y: [6602.19, 6604.42, 6601.7, 6603.97]
+  },
+  {
+    x: new Date(1538880600000),
+    y: [6602.49, 6603.99, 6600.07, 6600.32]
+  },
+  {
+    x: new Date(1538880900000),
+    y: [6600.32, 6603.5, 6600, 6603.5]
+  },
+  {
+    x: new Date(1538881200000),
+    y: [6603.5, 6603.61, 6600.31, 6602.62]
+  },
+  {
+    x: new Date(1538881500000),
+    y: [6601.57, 6603.9, 6597.5, 6601.74]
+  },
+  {
+    x: new Date(1538881800000),
+    y: [6600, 6601.73, 6598.01, 6598.62]
+  },
+  {
+    x: new Date(1538882100000),
+    y: [6598.61, 6603.9, 6598.61, 6600.09]
+  },
+  {
+    x: new Date(1538882400000),
+    y: [6600.09, 6603.99, 6600, 6602.08]
+  },
+  {
+    x: new Date(1538882700000),
+    y: [6602.07, 6603.99, 6602.07, 6603.86]
+  },
+  {
+    x: new Date(1538883000000),
+    y: [6603.85, 6604.41, 6602.09, 6602.26]
+  },
+  {
+    x: new Date(1538883300000),
+    y: [6602.6, 6605, 6602.24, 6603.02]
+  },
+  {
+    x: new Date(1538883600000),
+    y: [6603.01, 6604.98, 6600, 6601.03]
+  },
+  {
+    x: new Date(1538883900000),
+    y: [6601.81, 6602.6, 6601.02, 6602.3]
+  },
+  {
+    x: new Date(1538884200000),
+    y: [6601.72, 6604.98, 6601.1, 6604.03]
+  },
+  {
+    x: new Date(1538884500000),
+    y: [6604.17, 6604.98, 6604.02, 6604.07]
+  },
+  {
+    x: new Date(1538884800000),
+    y: [6604.98, 6606, 6604.07, 6605.01]
+  },
+  {
+    x: new Date(1538885100000),
+    y: [6605, 6607.52, 6605, 6607.28]
+  },
+]
+
+
+
+var seriesData4 = [{
+    x: new Date(1538858700000),
+    y: [6603.08, 6604.28, 6596.01, 6600.01]
+  },
+  {
+    x: new Date(1538859600000),
+    y: [6601.81, 6603.21, 6597, 6599.76]
+  },
+  {
+    x: new Date(1538860500000),
+    y: [6597.53, 6599.75, 6592.78, 6596.25]
+  },
+  {
+    x: new Date(1538861400000),
+    y: [6596.25, 6603, 6590, 6603]
+  },
+  {
+    x: new Date(1538862300000),
+    y: [6602.73, 6604.2, 6596.72, 6602.99]
+  },
+  {
+    x: new Date(1538863200000),
+    y: [6602.99, 6606, 6591.06, 6591.06]
+  },
+  {
+    x: new Date(1538864100000),
+    y: [6591.06, 6598.4, 6584.99, 6587.81]
+  },
+  {
+    x: new Date(1538865000000),
+    y: [6587.81, 6594.99, 6583.27, 6592.43]
+  },
+  {
+    x: new Date(1538865900000),
+    y: [6592.46, 6595, 6587.07, 6591.96]
+  },
+  {
+    x: new Date(1538866800000),
+    y: [6591.97, 6592.22, 6588.62, 6592]
+  },
+  {
+    x: new Date(1538867700000),
+    y: [6592.01, 6596.07, 6585, 6588.39]
+  },
+  {
+    x: new Date(1538868600000),
+    y: [6587.6, 6597, 6587.6, 6595.65]
+  },
+  {
+    x: new Date(1538869500000),
+    y: [6595.66, 6598.21, 6590.04, 6594.27]
+  },
+  {
+    x: new Date(1538870400000),
+    y: [6596.44, 6600, 6594, 6594.28]
+  },
+  {
+    x: new Date(1538871300000),
+    y: [6594.28, 6601, 6590, 6596.55]
+  },
+  {
+    x: new Date(1538872200000),
+    y: [6598.91, 6603, 6596.61, 6601.4]
+  },
+  {
+    x: new Date(1538873100000),
+    y: [6601.39, 6605, 6600, 6600.02]
+  },
+  {
+    x: new Date(1538874000000),
+    y: [6600.55, 6605, 6598.28, 6600.01]
+  },
+  {
+    x: new Date(1538874900000),
+    y: [6600, 6600.22, 6589.14, 6593.01]
+  },
+  {
+    x: new Date(1538875800000),
+    y: [6593.15, 6605, 6592, 6602.01]
+  },
+  {
+    x: new Date(1538876700000),
+    y: [6602.02, 6605, 6599.09, 6603.06]
+  },
+  {
+    x: new Date(1538877600000),
+    y: [6603.07, 6604.5, 6600.79, 6602.11]
+  },
+  {
+    x: new Date(1538878500000),
+    y: [6602.25, 6604.44, 6599.09, 6603.89]
+  },
+  {
+    x: new Date(1538879400000),
+    y: [6604.44, 6604.44, 6600, 6602.1]
+  },
+  {
+    x: new Date(1538880300000),
+    y: [6602.19, 6604.42, 6600, 6603.5]
+  },
+  {
+    x: new Date(1538881200000),
+    y: [6603.5, 6603.9, 6597.5, 6598.62]
+  },
+  {
+    x: new Date(1538882100000),
+    y: [6598.61, 6603.99, 6598.61, 6603.86]
+  },
+  {
+    x: new Date(1538883000000),
+    y: [6603.85, 6605, 6600, 6601.03]
+  },
+  {
+    x: new Date(1538883900000),
+    y: [6601.81, 6604.98, 6601.02, 6604.07]
+  },
+  {
+    x: new Date(1538884800000),
+    y: [6604.98, 6605.24, 6604.07, 6605.24]
+  },
+]
+
+
+var seriesData5 = [{
+  x: 1538876100000,
+  y: [6595.85, 6601.76, 6595.83, 6601.72]
+},
+{
+  x: 1538876400000,
+  y: [6601.69, 6605, 6598.52, 6602.01]
+},
+{
+  x: 1538876700000,
+  y: [6602.02, 6604.4, 6601.51, 6601.62]
+},
+{
+  x: 1538877000000,
+  y: [6601.74, 6602.88, 6599.09, 6600]
+},
+{
+  x: 1538877300000,
+  y: [6599.35, 6605, 6599.09, 6603.06]
+},
+{
+  x: 1538877600000,
+  y: [6603.07, 6604.5, 6600.79, 6604.13]
+},
+{
+  x: 1538877900000,
+  y: [6603.06, 6604.45, 6601.25, 6602.06]
+},
+{
+  x: 1538878200000,
+  y: [6602.06, 6604, 6600.93, 6602.11]
+},
+{
+  x: 1538878500000,
+  y: [6602.25, 6602.41, 6599.09, 6602.41]
+},
+{
+  x: 1538878800000,
+  y: [6602.41, 6603.95, 6600.02, 6603.89]
+},
+{
+  x: 1538879100000,
+  y: [6603.89, 6604.44, 6602.52, 6603.89]
+},
+{
+  x: 1538879400000,
+  y: [6604.44, 6604.44, 6600, 6600.02]
+},
+{
+  x: 1538879700000,
+  y: [6600.02, 6602.99, 6600, 6600.23]
+},
+{
+  x: 1538880000000,
+  y: [6600.85, 6604.43, 6600.2, 6602.1]
+},
+{
+  x: 1538880300000,
+  y: [6602.19, 6604.42, 6601.7, 6603.97]
+},
+{
+  x: 1538880600000,
+  y: [6602.49, 6603.99, 6600.07, 6600.32]
+},
+{
+  x: 1538880900000,
+  y: [6600.32, 6603.5, 6600, 6603.5]
+},
+{
+  x: 1538881200000,
+  y: [6603.5, 6603.61, 6600.31, 6602.62]
+},
+{
+  x: 1538881500000,
+  y: [6601.57, 6603.9, 6597.5, 6601.74]
+},
+{
+  x: 1538881800000,
+  y: [6600, 6601.73, 6598.01, 6598.62]
+},
+{
+  x: 1538882100000,
+  y: [6598.61, 6603.9, 6598.61, 6600.09]
+},
+{
+  x: 1538882400000,
+  y: [6600.09, 6603.99, 6600, 6602.08]
+},
+{
+  x: 1538882700000,
+  y: [6602.07, 6603.99, 6602.07, 6603.86]
+},
+{
+  x: 1538883000000,
+  y: [6603.85, 6604.41, 6602.09, 6602.26]
+},
+{
+  x: 1538883300000,
+  y: [6602.6, 6605, 6602.24, 6603.02]
+},
+{
+  x: 1538883600000,
+  y: [6603.01, 6604.98, 6600, 6601.03]
+},
+{
+  x: 1538883900000,
+  y: [6601.81, 6602.6, 6601.02, 6602.3]
+},
+{
+  x: 1538884200000,
+  y: [6601.72, 6604.98, 6601.1, 6604.03]
+},
+{
+  x: 1538884500000,
+  y: [6604.17, 6604.98, 6604.02, 6604.07]
+},
+{
+  x: 1538884800000,
+  y: [6604.98, 6605.7, 6604.07, 6604.28]
+},
+]
+
+
+
+// var seriesData5 = [[1538856000000, [6593.34, 6600, 6582.63, 6600]], [1538856900000, [6595.16, 6604.76, 6590.73, 6593.86]]]
+
+var seriesData6 = [{
+    x: new Date(1538856000000),
+    y: [6593.34, 6600, 6582.63, 6600]
+  },
+  {
+    x: new Date(1538856900000),
+    y: [6595.16, 6604.76, 6590.73, 6593.86]
+  },
+  {
+    x: new Date(1538857800000),
+    y: [6593.86, 6604.28, 6586.57, 6601.17]
+  },
+  {
+    x: new Date(1538858700000),
+    y: [6603.08, 6604.28, 6596.01, 6600.01]
+  },
+  {
+    x: new Date(1538859600000),
+    y: [6601.81, 6603.21, 6597, 6599.76]
+  },
+  {
+    x: new Date(1538860500000),
+    y: [6597.53, 6599.75, 6592.78, 6596.25]
+  },
+  {
+    x: new Date(1538861400000),
+    y: [6596.25, 6603, 6590, 6603]
+  },
+  {
+    x: new Date(1538862300000),
+    y: [6602.73, 6604.2, 6596.72, 6602.99]
+  },
+  {
+    x: new Date(1538863200000),
+    y: [6602.99, 6606, 6591.06, 6591.06]
+  },
+  {
+    x: new Date(1538864100000),
+    y: [6591.06, 6598.4, 6584.99, 6587.81]
+  },
+  {
+    x: new Date(1538865000000),
+    y: [6587.81, 6594.99, 6583.27, 6592.43]
+  },
+  {
+    x: new Date(1538865900000),
+    y: [6592.46, 6595, 6587.07, 6591.96]
+  },
+  {
+    x: new Date(1538866800000),
+    y: [6591.97, 6592.22, 6588.62, 6592]
+  },
+  {
+    x: new Date(1538867700000),
+    y: [6592.01, 6596.07, 6585, 6588.39]
+  },
+  {
+    x: new Date(1538868600000),
+    y: [6587.6, 6597, 6587.6, 6595.65]
+  },
+  {
+    x: new Date(1538869500000),
+    y: [6595.66, 6598.21, 6590.04, 6594.27]
+  },
+  {
+    x: new Date(1538870400000),
+    y: [6596.44, 6600, 6594, 6594.28]
+  },
+  {
+    x: new Date(1538871300000),
+    y: [6594.28, 6601, 6590, 6596.55]
+  },
+  {
+    x: new Date(1538872200000),
+    y: [6598.91, 6603, 6596.61, 6601.4]
+  },
+  {
+    x: new Date(1538873100000),
+    y: [6601.39, 6605, 6600, 6600.02]
+  },
+  {
+    x: new Date(1538874000000),
+    y: [6600.55, 6605, 6598.28, 6600.01]
+  },
+  {
+    x: new Date(1538874900000),
+    y: [6600, 6600.22, 6589.14, 6593.01]
+  },
+  {
+    x: new Date(1538875800000),
+    y: [6593.15, 6605, 6592, 6602.01]
+  },
+  {
+    x: new Date(1538876700000),
+    y: [6602.02, 6605, 6599.09, 6603.06]
+  },
+  {
+    x: new Date(1538877600000),
+    y: [6603.07, 6604.5, 6600.79, 6602.11]
+  },
+  {
+    x: new Date(1538878500000),
+    y: [6602.25, 6604.44, 6599.09, 6603.89]
+  },
+  {
+    x: new Date(1538879400000),
+    y: [6604.44, 6604.44, 6600, 6602.1]
+  },
+  {
+    x: new Date(1538880300000),
+    y: [6602.19, 6604.42, 6600, 6603.5]
+  },
+  {
+    x: new Date(1538881200000),
+    y: [6603.5, 6603.9, 6597.5, 6598.62]
+  },
+  {
+    x: new Date(1538882100000),
+    y: [6598.61, 6603.9, 6598.61, 6600.09]
+  },
+]
\ No newline at end of file

public/ThirdParty/apexcharts-bundle/samples/assets/series1000.js

+var dateSeries1 = [
+    [1327359600000,30.95],
+    [1327446000000,31.34],
+    [1327532400000,31.18],
+    [1327618800000,31.05],
+    [1327878000000,31.00],
+    [1327964400000,30.95],
+    [1328050800000,31.24],
+    [1328137200000,31.29],
+    [1328223600000,31.85],
+    [1328482800000,31.86],
+    [1328569200000,32.28],
+    [1328655600000,32.10],
+    [1328742000000,32.65],
+    [1328828400000,32.21],
+    [1329087600000,32.35],
+    [1329174000000,32.44],
+    [1329260400000,32.46],
+    [1329346800000,32.86],
+    [1329433200000,32.75],
+    [1329778800000,32.54],
+    [1329865200000,32.33],
+    [1329951600000,32.97],
+    [1330038000000,33.41],
+    [1330297200000,33.27],
+    [1330383600000,33.27],
+    [1330470000000,32.89],
+    [1330556400000,33.10],
+    [1330642800000,33.73],
+    [1330902000000,33.22],
+    [1330988400000,31.99],
+    [1331074800000,32.41],
+    [1331161200000,33.05],
+    [1331247600000,33.64],
+    [1331506800000,33.56],
+    [1331593200000,34.22],
+    [1331679600000,33.77],
+    [1331766000000,34.17],
+    [1331852400000,33.82],
+    [1332111600000,34.51],
+    [1332198000000,33.16],
+    [1332284400000,33.56],
+    [1332370800000,33.71],
+    [1332457200000,33.81],
+    [1332712800000,34.40],
+    [1332799200000,34.63],
+    [1332885600000,34.46],
+    [1332972000000,34.48],
+    [1333058400000,34.31],
+    [1333317600000,34.70],
+    [1333404000000,34.31],
+    [1333490400000,33.46],
+    [1333576800000,33.59],
+    [1333922400000,33.22],
+    [1334008800000,32.61],
+    [1334095200000,33.01],
+    [1334181600000,33.55],
+    [1334268000000,33.18],
+    [1334527200000,32.84],
+    [1334613600000,33.84],
+    [1334700000000,33.39],
+    [1334786400000,32.91],
+    [1334872800000,33.06],
+    [1335132000000,32.62],
+    [1335218400000,32.40],
+    [1335304800000,33.13],
+    [1335391200000,33.26],
+    [1335477600000,33.58],
+    [1335736800000,33.55],
+    [1335823200000,33.77],
+    [1335909600000,33.76],
+    [1335996000000,33.32],
+    [1336082400000,32.61],
+    [1336341600000,32.52],
+    [1336428000000,32.67],
+    [1336514400000,32.52],
+    [1336600800000,31.92],
+    [1336687200000,32.20],
+    [1336946400000,32.23],
+    [1337032800000,32.33],
+    [1337119200000,32.36],
+    [1337205600000,32.01],
+    [1337292000000,31.31],
+    [1337551200000,32.01],
+    [1337637600000,32.01],
+    [1337724000000,32.18],
+    [1337810400000,31.54],
+    [1337896800000,31.60],
+    [1338242400000,32.05],
+    [1338328800000,31.29],
+    [1338415200000,31.05],
+    [1338501600000,29.82],
+    [1338760800000,30.31],
+    [1338847200000,30.70],
+    [1338933600000,31.69],
+    [1339020000000,31.32],
+    [1339106400000,31.65],
+    [1339365600000,31.13],
+    [1339452000000,31.77],
+    [1339538400000,31.79],
+    [1339624800000,31.67],
+    [1339711200000,32.39],
+    [1339970400000,32.63],
+    [1340056800000,32.89],
+    [1340143200000,31.99],
+    [1340229600000,31.23],
+    [1340316000000,31.57],
+    [1340575200000,30.84],
+    [1340661600000,31.07],
+    [1340748000000,31.41],
+    [1340834400000,31.17],
+    [1340920800000,32.37],
+    [1341180000000,32.19],
+    [1341266400000,32.51],
+    [1341439200000,32.53],
+    [1341525600000,31.37],
+    [1341784800000,30.43],
+    [1341871200000,30.44],
+    [1341957600000,30.20],
+    [1342044000000,30.14],
+    [1342130400000,30.65],
+    [1342389600000,30.40],
+    [1342476000000,30.65],
+    [1342562400000,31.43],
+    [1342648800000,31.89],
+    [1342735200000,31.38],
+    [1342994400000,30.64],
+    [1343080800000,30.02],
+    [1343167200000,30.33],
+    [1343253600000,30.95],
+    [1343340000000,31.89],
+    [1343599200000,31.01],
+    [1343685600000,30.88],
+    [1343772000000,30.69],
+    [1343858400000,30.58],
+    [1343944800000,32.02],
+    [1344204000000,32.14],
+    [1344290400000,32.37],
+    [1344376800000,32.51],
+    [1344463200000,32.65],
+    [1344549600000,32.64],
+    [1344808800000,32.27],
+    [1344895200000,32.10],
+    [1344981600000,32.91],
+    [1345068000000,33.65],
+    [1345154400000,33.80],
+    [1345413600000,33.92],
+    [1345500000000,33.75],
+    [1345586400000,33.84],
+    [1345672800000,33.50],
+    [1345759200000,32.26],
+    [1346018400000,32.32],
+    [1346104800000,32.06],
+    [1346191200000,31.96],
+    [1346277600000,31.46],
+    [1346364000000,31.27],
+    [1346709600000,31.43],
+    [1346796000000,32.26],
+    [1346882400000,32.79],
+    [1346968800000,32.46],
+    [1347228000000,32.13],
+    [1347314400000,32.43],
+    [1347400800000,32.42],
+    [1347487200000,32.81],
+    [1347573600000,33.34],
+    [1347832800000,33.41],
+    [1347919200000,32.57],
+    [1348005600000,33.12],
+    [1348092000000,34.53],
+    [1348178400000,33.83],
+    [1348437600000,33.41],
+    [1348524000000,32.90],
+    [1348610400000,32.53],
+    [1348696800000,32.80],
+    [1348783200000,32.44],
+    [1349042400000,32.62],
+    [1349128800000,32.57],
+    [1349215200000,32.60],
+    [1349301600000,32.68],
+    [1349388000000,32.47],
+    [1349647200000,32.23],
+    [1349733600000,31.68],
+    [1349820000000,31.51],
+    [1349906400000,31.78],
+    [1349992800000,31.94],
+    [1350252000000,32.33],
+    [1350338400000,33.24],
+    [1350424800000,33.44],
+    [1350511200000,33.48],
+    [1350597600000,33.24],
+    [1350856800000,33.49],
+    [1350943200000,33.31],
+    [1351029600000,33.36],
+    [1351116000000,33.40],
+    [1351202400000,34.01],
+    [1351638000000,34.02],
+    [1351724400000,34.36],
+    [1351810800000,34.39],
+    [1352070000000,34.24],
+    [1352156400000,34.39],
+    [1352242800000,33.47],
+    [1352329200000,32.98],
+    [1352415600000,32.90],
+    [1352674800000,32.70],
+    [1352761200000,32.54],
+    [1352847600000,32.23],
+    [1352934000000,32.64],
+    [1353020400000,32.65],
+    [1353279600000,32.92],
+    [1353366000000,32.64],
+    [1353452400000,32.84],
+    [1353625200000,33.40],
+    [1353884400000,33.30],
+    [1353970800000,33.18],
+    [1354057200000,33.88],
+    [1354143600000,34.09],
+    [1354230000000,34.61],
+    [1354489200000,34.70],
+    [1354575600000,35.30],
+    [1354662000000,35.40],
+    [1354748400000,35.14],
+    [1354834800000,35.48],
+    [1355094000000,35.75],
+    [1355180400000,35.54],
+    [1355266800000,35.96],
+    [1355353200000,35.53],
+    [1355439600000,37.56],
+    [1355698800000,37.42],
+    [1355785200000,37.49],
+    [1355871600000,38.09],
+    [1355958000000,37.87],
+    [1356044400000,37.71],
+    [1356303600000,37.53],
+    [1356476400000,37.55],
+    [1356562800000,37.30],
+    [1356649200000,36.90],
+    [1356908400000,37.68],
+    [1357081200000,38.34],
+    [1357167600000,37.75],
+    [1357254000000,38.13],
+    [1357513200000,37.94],
+    [1357599600000,38.14],
+    [1357686000000,38.66],
+    [1357772400000,38.62],
+    [1357858800000,38.09],
+    [1358118000000,38.16],
+    [1358204400000,38.15],
+    [1358290800000,37.88],
+    [1358377200000,37.73],
+    [1358463600000,37.98],
+    [1358809200000,37.95],
+    [1358895600000,38.25],
+    [1358982000000,38.10],
+    [1359068400000,38.32],
+    [1359327600000,38.24],
+    [1359414000000,38.52],
+    [1359500400000,37.94],
+    [1359586800000,37.83],
+    [1359673200000,38.34],
+    [1359932400000,38.10],
+    [1360018800000,38.51],
+    [1360105200000,38.40],
+    [1360191600000,38.07],
+    [1360278000000,39.12],
+    [1360537200000,38.64],
+    [1360623600000,38.89],
+    [1360710000000,38.81],
+    [1360796400000,38.61],
+    [1360882800000,38.63],
+    [1361228400000,38.99],
+    [1361314800000,38.77],
+    [1361401200000,38.34],
+    [1361487600000,38.55],
+    [1361746800000,38.11],
+    [1361833200000,38.59],
+    [1361919600000,39.60],
+]
+
+var dateSeries2 = [
+    [1376431200000,46.84],
+    [1376517600000,45.87],
+    [1376604000000,45.40],
+    [1376863200000,44.89],
+    [1376949600000,45.07],
+    [1377036000000,45.14],
+    [1377122400000,45.68],
+    [1377208800000,45.77],
+    [1377468000000,46.06],
+    [1377554400000,45.50],
+    [1377640800000,45.53],
+    [1377727200000,45.93],
+    [1377813600000,45.75],
+    [1378159200000,45.88],
+    [1378245600000,46.93],
+    [1378332000000,46.73],
+    [1378418400000,46.87],
+    [1378677600000,47.25],
+    [1378764000000,48.02],
+    [1378850400000,48.20],
+    [1378936800000,47.64],
+    [1379023200000,47.76],
+    [1379282400000,48.14],
+    [1379368800000,48.14],
+    [1379455200000,52.58],
+    [1379541600000,51.87],
+    [1379628000000,52.31],
+    [1379887200000,51.80],
+    [1379973600000,51.42],
+    [1380060000000,51.87],
+    [1380146400000,52.10],
+    [1380232800000,52.03],
+    [1380492000000,51.94],
+    [1380578400000,52.43],
+    [1380664800000,51.52],
+    [1380751200000,50.88],
+    [1380837600000,51.57],
+    [1381096800000,50.82],
+    [1381183200000,49.58],
+    [1381269600000,49.45],
+    [1381356000000,51.16],
+    [1381442400000,52.19],
+    [1381701600000,52.63],
+    [1381788000000,51.93],
+    [1381874400000,51.91],
+    [1381960800000,52.06],
+    [1382047200000,52.63],
+    [1382306400000,53.08],
+    [1382392800000,53.17],
+    [1382479200000,53.06],
+    [1382565600000,54.21],
+    [1382652000000,53.81],
+    [1382914800000,53.93],
+    [1383001200000,54.86],
+    [1383087600000,54.10],
+    [1383174000000,54.22],
+    [1383260400000,54.61],
+    [1383519600000,55.39],
+    [1383606000000,54.79],
+    [1383692400000,54.88],
+    [1383778800000,53.17],
+    [1383865200000,54.84],
+    [1384124400000,56.18],
+    [1384210800000,56.24],
+    [1384297200000,57.55],
+    [1384383600000,57.17],
+    [1384470000000,57.35],
+    [1384729200000,56.60],
+    [1384815600000,55.77],
+    [1384902000000,55.94],
+    [1384988400000,56.23],
+    [1385074800000,56.41],
+    [1385334000000,56.95],
+    [1385420400000,56.70],
+    [1385506800000,56.91],
+    [1385679600000,56.78],
+    [1385938800000,56.76],
+    [1386025200000,56.40],
+    [1386111600000,56.05],
+    [1386198000000,55.04],
+    [1386284400000,55.60],
+    [1386543600000,55.44],
+    [1386630000000,55.32],
+    [1386716400000,54.64],
+    [1386802800000,53.99],
+    [1386889200000,60.89],
+    [1387148400000,58.50],
+    [1387234800000,57.67],
+    [1387321200000,59.04],
+    [1387407600000,58.13],
+    [1387494000000,59.26],
+    [1387753200000,59.47],
+    [1387839600000,59.53],
+    [1388012400000,59.58],
+    [1388098800000,59.51],
+    [1388358000000,59.55],
+    [1388444400000,59.88],
+    [1388617200000,59.29],
+    [1388703600000,59.16],
+    [1388962800000,58.12],
+    [1389049200000,58.97],
+    [1389135600000,58.90],
+    [1389222000000,59.09],
+    [1389308400000,59.53],
+    [1389567600000,58.60],
+    [1389654000000,60.37],
+    [1389740400000,61.68],
+    [1389826800000,61.63],
+    [1389913200000,61.37],
+    [1390258800000,60.85],
+    [1390345200000,61.77],
+    [1390431600000,60.88],
+    [1390518000000,59.09],
+    [1390777200000,58.36],
+    [1390863600000,59.11],
+    [1390950000000,58.46],
+    [1391036400000,59.39],
+    [1391122800000,59.19],
+    [1391382000000,58.09],
+    [1391468400000,59.72],
+    [1391554800000,61.00],
+    [1391641200000,61.34],
+    [1391727600000,62.88],
+    [1391986800000,63.78],
+    [1392073200000,63.97],
+    [1392159600000,65.14],
+    [1392246000000,67.04],
+    [1392332400000,68.34],
+    [1392678000000,68.66],
+    [1392764400000,67.99],
+    [1392850800000,68.48],
+    [1392937200000,68.22],
+    [1393196400000,68.77],
+    [1393282800000,68.01],
+    [1393369200000,67.82],
+    [1393455600000,69.92],
+    [1393542000000,68.63],
+    [1393801200000,67.86],
+    [1393887600000,68.60],
+    [1393974000000,68.90],
+    [1394060400000,68.92],
+    [1394146800000,68.52],
+    [1394406000000,68.04],
+    [1394492400000,67.47],
+    [1394578800000,68.06],
+    [1394665200000,67.08],
+    [1394751600000,67.19],
+    [1395010800000,68.17],
+    [1395097200000,68.52],
+    [1395183600000,67.63],
+    [1395270000000,68.49],
+    [1395356400000,67.14],
+    [1395615600000,65.24],
+    [1395702000000,65.81],
+    [1395788400000,63.90],
+    [1395874800000,64.53],
+    [1395961200000,64.88],
+    [1396216800000,65.74],
+    [1396303200000,65.93],
+    [1396389600000,65.48],
+    [1396476000000,62.45],
+    [1396562400000,61.32],
+    [1396821600000,60.47],
+    [1396908000000,61.82],
+    [1396994400000,63.46],
+    [1397080800000,61.49],
+    [1397167200000,60.50],
+    [1397426400000,61.39],
+    [1397512800000,62.10],
+    [1397599200000,63.04],
+    [1397685600000,64.04],
+    [1398031200000,64.30],
+    [1398117600000,64.48],
+    [1398204000000,64.39],
+    [1398290400000,63.22],
+    [1398376800000,61.61],
+    [1398636000000,60.40],
+    [1398722400000,60.91],
+    [1398808800000,61.69],
+    [1398895200000,62.59],
+    [1398981600000,61.56],
+    [1399240800000,61.44],
+    [1399327200000,59.44],
+    [1399413600000,58.63],
+    [1399500000000,59.08],
+    [1399586400000,59.59],
+    [1399845600000,60.70],
+    [1399932000000,60.81],
+    [1400018400000,60.88],
+    [1400104800000,60.20],
+    [1400191200000,61.64],
+    [1400450400000,62.20],
+    [1400536800000,61.71],
+    [1400623200000,62.47],
+    [1400709600000,63.15],
+    [1400796000000,64.30],
+    [1401141600000,65.25],
+    [1401228000000,64.84],
+    [1401314400000,65.45],
+    [1401400800000,64.54],
+    [1401660000000,64.64],
+    [1401746400000,64.09],
+    [1401832800000,64.17],
+    [1401919200000,65.47],
+    [1402005600000,66.91],
+    [1402264800000,66.93],
+    [1402351200000,66.96],
+    [1402437600000,67.46],
+    [1402524000000,66.56],
+    [1402610400000,66.82],
+    [1402869600000,67.62],
+    [1402956000000,67.54],
+    [1403042400000,73.08],
+    [1403128800000,72.95],
+    [1403215200000,72.61],
+    [1403474400000,72.89],
+    [1403560800000,72.38],
+    [1403647200000,72.44],
+    [1403733600000,72.85],
+    [1403820000000,72.00],
+    [1404079200000,72.36],
+    [1404165600000,73.01],
+    [1404252000000,72.76],
+    [1404338400000,73.57],
+    [1404684000000,72.68],
+    [1404770400000,71.14],
+    [1404856800000,71.57],
+    [1404943200000,71.70],
+    [1405029600000,72.26],
+    [1405288800000,72.88],
+    [1405375200000,72.29],
+    [1405461600000,72.38],
+    [1405548000000,71.39],
+    [1405634400000,72.55],
+    [1405893600000,71.96],
+    [1405980000000,72.26],
+    [1406066400000,72.04],
+    [1406152800000,72.80],
+    [1406239200000,72.62],
+    [1406498400000,72.70],
+    [1406584800000,72.27],
+    [1406671200000,71.89],
+    [1406757600000,69.25],
+    [1406844000000,68.94],
+    [1407103200000,68.77],
+    [1407189600000,68.97],
+    [1407276000000,68.23],
+    [1407362400000,67.83],
+    [1407448800000,68.39],
+    [1407708000000,68.97],
+    [1407794400000,68.78],
+    [1407880800000,69.79],
+    [1407967200000,70.05],
+    [1408053600000,70.07],
+    [1408312800000,71.06],
+    [1408399200000,72.05],
+    [1408485600000,71.02],
+    [1408572000000,71.73],
+    [1408658400000,72.04],
+    [1408917600000,71.82],
+    [1409004000000,71.53],
+    [1409090400000,71.55],
+    [1409176800000,71.37],
+    [1409263200000,71.90],
+    [1409608800000,72.10],
+    [1409695200000,72.43],
+    [1409781600000,72.45],
+    [1409868000000,73.13],
+    [1410127200000,73.39],
+    [1410213600000,72.42],
+    [1410300000000,72.33],
+    [1410386400000,72.42],
+    [1410472800000,70.98],
+    [1410732000000,70.27],
+    [1410818400000,70.73],
+    [1410904800000,67.30],
+    [1410991200000,67.91],
+    [1411077600000,66.94],
+    [1411336800000,67.20],
+    [1411423200000,67.79],
+    [1411509600000,69.03],
+    [1411596000000,67.71],
+    [1411682400000,68.36],
+    [1411941600000,69.22],
+    [1412028000000,69.19],
+    [1412114400000,67.54],
+    [1412200800000,67.06],
+    [1412287200000,68.40],
+    [1412546400000,67.67],
+    [1412632800000,65.96],
+    [1412719200000,67.99],
+    [1412805600000,65.66],
+    [1412892000000,63.29],
+    [1413151200000,61.68],
+    [1413237600000,60.88],
+    [1413324000000,62.19],
+    [1413410400000,62.86],
+    [1413496800000,64.52],
+    [1413756000000,64.68],
+    [1413842400000,66.42],
+    [1413928800000,65.04],
+    [1414015200000,65.92],
+    [1414101600000,67.01],
+    [1414364400000,67.03],
+    [1414450800000,68.37],
+    [1414537200000,67.93],
+    [1414623600000,68.57],
+    [1414710000000,70.12],
+    [1414969200000,69.91],
+    [1415055600000,71.07],
+    [1415142000000,71.37],
+    [1415228400000,72.10],
+    [1415314800000,71.60],
+    [1415574000000,71.70],
+    [1415660400000,71.70],
+    [1415746800000,71.41],
+    [1415833200000,71.72],
+    [1415919600000,71.42],
+    [1416178800000,69.97],
+    [1416265200000,70.83],
+    [1416351600000,70.82],
+    [1416438000000,70.44],
+    [1416524400000,71.32],
+    [1416783600000,71.22],
+    [1416870000000,72.00],
+    [1416956400000,72.98],
+    [1417129200000,73.68],
+    [1417388400000,73.75],
+    [1417474800000,73.47],
+    [1417561200000,73.18],
+    [1417647600000,73.03],
+    [1417734000000,72.40],
+    [1417993200000,72.05],
+    [1418079600000,71.56],
+    [1418166000000,69.85],
+    [1418252400000,69.74],
+    [1418338800000,76.02],
+    [1418598000000,73.04],
+    [1418684400000,72.32],
+    [1418770800000,74.00],
+    [1418857200000,74.89],
+    [1418943600000,74.45],
+    [1419202800000,74.50],
+    [1419289200000,74.38],
+    [1419375600000,74.74],
+    [1419548400000,74.67],
+    [1419807600000,74.13],
+    [1419894000000,73.08],
+    [1419980400000,72.70],
+    [1420153200000,72.34],
+    [1420412400000,71.98],
+    [1420498800000,70.53],
+    [1420585200000,71.11],
+    [1420671600000,72.92],
+    [1420758000000,71.84],
+    [1421017200000,71.12],
+    [1421103600000,70.59],
+    [1421190000000,69.99],
+    [1421276400000,70.29],
+    [1421362800000,71.73],
+    [1421708400000,71.49],
+    [1421794800000,71.54],
+    [1421881200000,73.48],
+    [1421967600000,74.06],
+    [1422226800000,72.74],
+    [1422313200000,71.46],
+    [1422399600000,70.25],
+    [1422486000000,71.64],
+    [1422572400000,70.13],
+    [1422831600000,71.11],
+    [1422918000000,71.92],
+    [1423004400000,72.28],
+    [1423090800000,73.10],
+    [1423177200000,72.54],
+    [1423436400000,72.33],
+    [1423522800000,72.76],
+    [1423609200000,73.01],
+    [1423695600000,74.59],
+    [1423782000000,76.51],
+    [1424127600000,77.13],
+    [1424214000000,77.73],
+    [1424300400000,77.73],
+    [1424386800000,78.55],
+    [1424646000000,78.10],
+    [1424732400000,77.68],
+    [1424818800000,78.07],
+    [1424905200000,78.96],
+    [1424991600000,79.10],
+    [1425250800000,79.79],
+    [1425337200000,78.99],
+    [1425423600000,77.63],
+    [1425510000000,78.62],
+    [1425596400000,77.55],
+    [1425855600000,77.93],
+    [1425942000000,76.00],
+    [1426028400000,76.01],
+    [1426114800000,77.40],
+    [1426201200000,77.62],
+    [1426460400000,78.33],
+    [1426546800000,79.66],
+    [1426633200000,76.89],
+    [1426719600000,77.14],
+    [1426806000000,77.36],
+    [1427065200000,76.35],
+    [1427151600000,75.45],
+    [1427238000000,73.13],
+    [1427324400000,72.97],
+    [1427410800000,73.31],
+    [1427666400000,73.60],
+    [1427752800000,73.94],
+    [1427839200000,75.07],
+    [1427925600000,75.68],
+    [1428271200000,76.23],
+    [1428357600000,75.65],
+    [1428444000000,75.44],
+    [1428530400000,76.33],
+    [1428616800000,76.53],
+    [1428876000000,76.02],
+    [1428962400000,75.95],
+    [1429048800000,76.03],
+    [1429135200000,75.15],
+    [1429221600000,73.15],
+    [1429480800000,73.92],
+    [1429567200000,74.62],
+    [1429653600000,75.50],
+    [1429740000000,76.52],
+    [1429826400000,76.54],
+    [1430085600000,76.55],
+    [1430172000000,76.02],
+    [1430258400000,76.65],
+    [1430344800000,76.06],
+    [1430431200000,76.43],
+    [1430690400000,75.85],
+    [1430776800000,75.00],
+    [1430863200000,74.48],
+    [1430949600000,74.73],
+    [1431036000000,76.31],
+    [1431295200000,76.78],
+    [1431381600000,76.57],
+    [1431468000000,77.08],
+    [1431554400000,79.43],
+    [1431640800000,78.92],
+    [1431900000000,79.41],
+    [1431986400000,79.62],
+    [1432072800000,79.61],
+    [1432159200000,80.56],
+    [1432245600000,80.04],
+    [1432591200000,79.36],
+    [1432677600000,80.16],
+    [1432764000000,80.02],
+    [1432850400000,79.09],
+    [1433109600000,79.87],
+    [1433196000000,79.82],
+    [1433282400000,80.13],
+    [1433368800000,78.75],
+    [1433455200000,78.86],
+    [1433714400000,78.16],
+    [1433800800000,77.90],
+    [1433887200000,79.56],
+    [1433973600000,79.65],
+    [1434060000000,79.86],
+    [1434319200000,78.90],
+    [1434405600000,79.94],
+    [1434492000000,77.91],
+    [1434578400000,79.39],
+    [1434664800000,79.70],
+    [1434924000000,82.28],
+    [1435010400000,83.55],
+    [1435096800000,83.40],
+    [1435183200000,83.94],
+    [1435269600000,82.74],
+    [1435528800000,81.28],
+    [1435615200000,81.01],
+    [1435701600000,80.94],
+    [1435788000000,80.75],
+    [1436133600000,80.50],
+    [1436220000000,80.59],
+    [1436306400000,79.99],
+    [1436392800000,80.47],
+    [1436479200000,80.59],
+    [1436738400000,81.44],
+    [1436824800000,81.89],
+    [1436911200000,82.12],
+    [1436997600000,82.52],
+    [1437084000000,82.10],
+    [1437343200000,82.09],
+    [1437429600000,81.19],
+    [1437516000000,80.73],
+    [1437602400000,80.64],
+    [1437688800000,80.98],
+    [1437948000000,79.93],
+    [1438034400000,80.59],
+    [1438120800000,80.25],
+    [1438207200000,81.29],
+    [1438293600000,81.99],
+    [1438552800000,81.40],
+    [1438639200000,82.06],
+    [1438725600000,83.38],
+    [1438812000000,82.19],
+    [1438898400000,82.69],
+    [1439157600000,83.62],
+    [1439244000000,83.90],
+    [1439330400000,83.82],
+    [1439416800000,84.31],
+    [1439503200000,86.12],
+    [1439762400000,86.77],
+    [1439848800000,86.45],
+    [1439935200000,85.48],
+    [1440021600000,82.69]
+]
+
+
+
+
+
+
+

public/ThirdParty/apexcharts-bundle/samples/assets/stock-prices.js

+var series = 
+{
+  "monthDataSeries1": {
+    "prices": [
+      8107.85,
+      8128.0,
+      8122.9,
+      8165.5,
+      8340.7,
+      8423.7,
+      8423.5,
+      8514.3,
+      8481.85,
+      8487.7,
+      8506.9,
+      8626.2,
+      8668.95,
+      8602.3,
+      8607.55,
+      8512.9,
+      8496.25,
+      8600.65,
+      8881.1,
+      9340.85
+    ],
+    "dates": [
+      "13 Nov 2017",
+      "14 Nov 2017",
+      "15 Nov 2017",
+      "16 Nov 2017",
+      "17 Nov 2017",
+      "20 Nov 2017",
+      "21 Nov 2017",
+      "22 Nov 2017",
+      "23 Nov 2017",
+      "24 Nov 2017",
+      "27 Nov 2017",
+      "28 Nov 2017",
+      "29 Nov 2017",
+      "30 Nov 2017",
+      "01 Dec 2017",
+      "04 Dec 2017",
+      "05 Dec 2017",
+      "06 Dec 2017",
+      "07 Dec 2017",
+      "08 Dec 2017"
+    ]
+  },
+  "monthDataSeries2": {
+    "prices": [
+      8423.7,
+      8423.5,
+      8514.3,
+      8481.85,
+      8487.7,
+      8506.9,
+      8626.2,
+      8668.95,
+      8602.3,
+      8607.55,
+      8512.9,
+      8496.25,
+      8600.65,
+      8881.1,
+      9040.85,
+      8340.7,
+      8165.5,
+      8122.9,
+      8107.85,
+      8128.0
+    ],
+    "dates": [
+      "13 Nov 2017",
+      "14 Nov 2017",
+      "15 Nov 2017",
+      "16 Nov 2017",
+      "17 Nov 2017",
+      "20 Nov 2017",
+      "21 Nov 2017",
+      "22 Nov 2017",
+      "23 Nov 2017",
+      "24 Nov 2017",
+      "27 Nov 2017",
+      "28 Nov 2017",
+      "29 Nov 2017",
+      "30 Nov 2017",
+      "01 Dec 2017",
+      "04 Dec 2017",
+      "05 Dec 2017",
+      "06 Dec 2017",
+      "07 Dec 2017",
+      "08 Dec 2017"
+    ]
+  },
+  "monthDataSeries3": {
+    "prices": [
+      7114.25,
+      7126.6,
+      7116.95,
+      7203.7,
+      7233.75,
+      7451.0,
+      7381.15,
+      7348.95,
+      7347.75,
+      7311.25,
+      7266.4,
+      7253.25,
+      7215.45,
+      7266.35,
+      7315.25,
+      7237.2,
+      7191.4,
+      7238.95,
+      7222.6,
+      7217.9,
+      7359.3,
+      7371.55,
+      7371.15,
+      7469.2,
+      7429.25,
+      7434.65,
+      7451.1,
+      7475.25,
+      7566.25,
+      7556.8,
+      7525.55,
+      7555.45,
+      7560.9,
+      7490.7,
+      7527.6,
+      7551.9,
+      7514.85,
+      7577.95,
+      7592.3,
+      7621.95,
+      7707.95,
+      7859.1,
+      7815.7,
+      7739.0,
+      7778.7,
+      7839.45,
+      7756.45,
+      7669.2,
+      7580.45,
+      7452.85,
+      7617.25,
+      7701.6,
+      7606.8,
+      7620.05,
+      7513.85,
+      7498.45,
+      7575.45,
+      7601.95,
+      7589.1,
+      7525.85,
+      7569.5,
+      7702.5,
+      7812.7,
+      7803.75,
+      7816.3,
+      7851.15,
+      7912.2,
+      7972.8,
+      8145.0,
+      8161.1,
+      8121.05,
+      8071.25,
+      8088.2,
+      8154.45,
+      8148.3,
+      8122.05,
+      8132.65,
+      8074.55,
+      7952.8,
+      7885.55,
+      7733.9,
+      7897.15,
+      7973.15,
+      7888.5,
+      7842.8,
+      7838.4,
+      7909.85,
+      7892.75,
+      7897.75,
+      7820.05,
+      7904.4,
+      7872.2,
+      7847.5,
+      7849.55,
+      7789.6,
+      7736.35,
+      7819.4,
+      7875.35,
+      7871.8,
+      8076.5,
+      8114.8,
+      8193.55,
+      8217.1,
+      8235.05,
+      8215.3,
+      8216.4,
+      8301.55,
+      8235.25,
+      8229.75,
+      8201.95,
+      8164.95,
+      8107.85,
+      8128.0,
+      8122.9,
+      8165.5,
+      8340.7,
+      8423.7,
+      8423.5,
+      8514.3,
+      8481.85,
+      8487.7,
+      8506.9,
+      8626.2
+    ],
+    "dates": [
+      "02 Jun 2017",
+      "05 Jun 2017",
+      "06 Jun 2017",
+      "07 Jun 2017",
+      "08 Jun 2017",
+      "09 Jun 2017",
+      "12 Jun 2017",
+      "13 Jun 2017",
+      "14 Jun 2017",
+      "15 Jun 2017",
+      "16 Jun 2017",
+      "19 Jun 2017",
+      "20 Jun 2017",
+      "21 Jun 2017",
+      "22 Jun 2017",
+      "23 Jun 2017",
+      "27 Jun 2017",
+      "28 Jun 2017",
+      "29 Jun 2017",
+      "30 Jun 2017",
+      "03 Jul 2017",
+      "04 Jul 2017",
+      "05 Jul 2017",
+      "06 Jul 2017",
+      "07 Jul 2017",
+      "10 Jul 2017",
+      "11 Jul 2017",
+      "12 Jul 2017",
+      "13 Jul 2017",
+      "14 Jul 2017",
+      "17 Jul 2017",
+      "18 Jul 2017",
+      "19 Jul 2017",
+      "20 Jul 2017",
+      "21 Jul 2017",
+      "24 Jul 2017",
+      "25 Jul 2017",
+      "26 Jul 2017",
+      "27 Jul 2017",
+      "28 Jul 2017",
+      "31 Jul 2017",
+      "01 Aug 2017",
+      "02 Aug 2017",
+      "03 Aug 2017",
+      "04 Aug 2017",
+      "07 Aug 2017",
+      "08 Aug 2017",
+      "09 Aug 2017",
+      "10 Aug 2017",
+      "11 Aug 2017",
+      "14 Aug 2017",
+      "16 Aug 2017",
+      "17 Aug 2017",
+      "18 Aug 2017",
+      "21 Aug 2017",
+      "22 Aug 2017",
+      "23 Aug 2017",
+      "24 Aug 2017",
+      "28 Aug 2017",
+      "29 Aug 2017",
+      "30 Aug 2017",
+      "31 Aug 2017",
+      "01 Sep 2017",
+      "04 Sep 2017",
+      "05 Sep 2017",
+      "06 Sep 2017",
+      "07 Sep 2017",
+      "08 Sep 2017",
+      "11 Sep 2017",
+      "12 Sep 2017",
+      "13 Sep 2017",
+      "14 Sep 2017",
+      "15 Sep 2017",
+      "18 Sep 2017",
+      "19 Sep 2017",
+      "20 Sep 2017",
+      "21 Sep 2017",
+      "22 Sep 2017",
+      "25 Sep 2017",
+      "26 Sep 2017",
+      "27 Sep 2017",
+      "28 Sep 2017",
+      "29 Sep 2017",
+      "03 Oct 2017",
+      "04 Oct 2017",
+      "05 Oct 2017",
+      "06 Oct 2017",
+      "09 Oct 2017",
+      "10 Oct 2017",
+      "11 Oct 2017",
+      "12 Oct 2017",
+      "13 Oct 2017",
+      "16 Oct 2017",
+      "17 Oct 2017",
+      "18 Oct 2017",
+      "19 Oct 2017",
+      "23 Oct 2017",
+      "24 Oct 2017",
+      "25 Oct 2017",
+      "26 Oct 2017",
+      "27 Oct 2017",
+      "30 Oct 2017",
+      "31 Oct 2017",
+      "01 Nov 2017",
+      "02 Nov 2017",
+      "03 Nov 2017",
+      "06 Nov 2017",
+      "07 Nov 2017",
+      "08 Nov 2017",
+      "09 Nov 2017",
+      "10 Nov 2017",
+      "13 Nov 2017",
+      "14 Nov 2017",
+      "15 Nov 2017",
+      "16 Nov 2017",
+      "17 Nov 2017",
+      "20 Nov 2017",
+      "21 Nov 2017",
+      "22 Nov 2017",
+      "23 Nov 2017",
+      "24 Nov 2017",
+      "27 Nov 2017",
+      "28 Nov 2017"
+    ]
+  }
+}
\ No newline at end of file

public/ThirdParty/apexcharts-bundle/samples/assets/styles.css

+/*@import url('https://fonts.googleapis.com/css?family=Lato:300,400,600,700');*/
+
+* {
+    font-family: Arial;
+}
+
+body {
+    height: 100vh;
+    background: #f9f9f9;
+}
+
+#chart, .chart-box {
+    padding-top: 20px;
+    padding-left: 10px;
+    background: #fff;
+    border: 1px solid #ddd;
+    box-shadow: 0 22px 35px -16px rgba(0,0,0, 0.1);
+}
+
+select.flat-select {
+    -moz-appearance: none;
+    -webkit-appearance: none;
+    appearance: none;
+    background: #008FFB url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\' width=\'60px\' height=\'60px\'><polyline fill=\'white\' points=\'46.139,15.518 25.166,36.49 4.193,15.519\'/></svg>") no-repeat scroll right 2px top 9px / 16px 16px;
+    border: 0 none;
+    border-radius: 3px;
+    color: #fff;
+    font-family: arial,tahoma;
+    font-size: 16px;
+    font-weight: bold;
+    outline: 0 none;
+    height: 33px;
+    padding: 5px 20px 5px 10px;
+    text-align: center;
+    text-indent: 0.01px;
+    text-overflow: "";
+    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
+    transition: all 0.3s ease 0s;
+    width: auto;
+    -webkit-transition: 0.3s ease all;
+    -moz-transition: 0.3s ease all;
+    -ms-transition: 0.3s ease all;
+    -o-transition: 0.3s ease all;
+    transition: 0.3s ease all;
+  }
+  select.flat-select:focus, select.flat-select:hover {
+    border: 0;
+    outline: 0;
+  }
+  
+
+.apexcharts-canvas {
+    margin: 0 auto;
+}
+
+#html {
+    display: none;
+}
\ No newline at end of file

public/ThirdParty/apexcharts-bundle/samples/react/area/area-datetime.html

+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <meta http-equiv="X-UA-Compatible" content="ie=edge">
+  <title>Area Chart - Datetime X-Axis</title>
+
+
+  <link href="../../assets/styles.css" rel="stylesheet" />
+
+  <style>
+    #chart {
+      max-width: 650px;
+      margin: 35px auto;
+    }
+
+    .toolbar {
+      margin-left: 45px;
+    }
+
+    button {
+      background: #fff;
+      color: #222;
+      border: 1px solid #e7e7e7;
+      border-bottom: 2px solid #ddd;
+      border-radius: 2px;
+      padding: 4px 17px;
+    }
+
+    button.active {
+      color: #fff;
+      background: #008FFB;
+      border: 1px solid blue;
+      border-bottom: 2px solid blue;
+    }
+
+    button:focus {
+      outline: 0;
+    }
+  </style>
+</head>
+
+<body>
+  <div id="app"></div>
+  
+  <div id="html">
+          &lt;div id=&quot;chart&quot;&gt;&#10;            &lt;div className=&quot;toolbar&quot;&gt;&#10;              &lt;button onClick={()=&gt;this.updateData(&apos;one_month&apos;)} id=&quot;one_month&quot; className={ (this.state.selection===&apos;one_month&apos; ? &apos;active&apos; : &apos;&apos;)}&gt;1M&lt;/button&gt;&#10;              &lt;button onClick={()=&gt;this.updateData(&apos;six_months&apos;)} id=&quot;six_months&quot; className={ (this.state.selection===&apos;six_months&apos; ? &apos;active&apos; : &apos;&apos;)}&gt;6M&lt;/button&gt;&#10;              &lt;button onClick={()=&gt;this.updateData(&apos;one_year&apos;)} id=&quot;one_year&quot; className={ (this.state.selection===&apos;one_year&apos; ? &apos;active&apos; : &apos;&apos;)}&gt;1Y&lt;/button&gt;&#10;              &lt;button onClick={()=&gt;this.updateData(&apos;ytd&apos;)} id=&quot;ytd&quot; className={ (this.state.selection===&apos;ytd&apos; ? &apos;active&apos; : &apos;&apos;)}&gt;YTD&lt;/button&gt;&#10;              &lt;button onClick={()=&gt;this.updateData(&apos;all&apos;)} id=&quot;all&quot; className={ (this.state.selection===&apos;all&apos; ? &apos;active&apos; : &apos;&apos;)}&gt;ALL&lt;/button&gt;&#10;            &lt;/div&gt;&#10;            &lt;ReactApexChart options={this.state.options} series={this.state.series} type=&quot;area&quot; height=&quot;350&quot; /&gt;&#10;          &lt;/div&gt;
+  </div>
+  </div>
+
+  <script crossorigin src="https://unpkg.com/react@16/umd/react.production.min.js"></script>
+  <script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script>
+  <script src="https://unpkg.com/prop-types@15.6.2/prop-types.min.js">
+  </script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.34/browser.min.js"></script>
+
+  <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+  <script src="../../assets/series1000.js"></script>
+  <script src="https://unpkg.com/react-apexcharts@1.1.0/dist/react-apexcharts.iife.min.js"></script>
+
+  <script type="text/babel">
+
+    class AreaChart extends React.Component {
+      
+      constructor(props) {
+        super(props);
+
+        this.state = {
+          selection: 'one_year',
+          options: {
+            annotations: {
+            yaxis: [{
+              y: 30,
+              borderColor: '#999',
+              label: {
+                show: true,
+                text: 'Support',
+                style: {
+                  color: "#fff",
+                  background: '#00E396'
+                }
+              }
+            }],
+            xaxis: [{
+              x: new Date('14 Nov 2012').getTime(),
+              borderColor: '#999',
+              yAxisIndex: 0,
+              label: {
+                show: true,
+                text: 'Rally',
+                style: {
+                  color: "#fff",
+                  background: '#775DD0'
+                }
+              }
+            }]
+          },
+          dataLabels: {
+            enabled: false
+          },
+          markers: {
+            size: 0,
+            style: 'hollow',
+          },
+          xaxis: {
+            type: 'datetime',
+            min: new Date('01 Mar 2012').getTime(),
+            tickAmount: 6,
+          },
+          tooltip: {
+            x: {
+              format: 'dd MMM yyyy'
+            }
+          },
+          fill: {
+            type: 'gradient',
+            gradient: {
+              shadeIntensity: 1,
+              opacityFrom: 0.7,
+              opacityTo: 0.9,
+              stops: [0, 100]
+            }
+          }
+          },
+          series: [{
+            data: dateSeries1
+          }],
+        }
+
+      }
+
+      updateData (timeline) {
+        this.setState({
+          selection: timeline
+        })
+        
+        switch (timeline) {
+          case 'one_month':
+            this.setState({
+              options: {
+                xaxis: {
+                  min: new Date('28 Jan 2013').getTime(),
+                  max: new Date('27 Feb 2013').getTime(),
+                }
+              }
+            })
+            break;
+          case 'six_months':
+            this.setState({
+              options: {
+                xaxis: {
+                  min: new Date('27 Sep 2012').getTime(),
+                  max: new Date('27 Feb 2013').getTime(),
+                }
+              }
+            })
+            break;
+          case 'one_year':
+            this.setState({
+              options: {
+                xaxis: {
+                  min: new Date('27 Feb 2012').getTime(),
+                  max: new Date('27 Feb 2013').getTime(),
+                }
+              }
+            })
+            break;
+          case 'ytd':
+            this.setState({
+              options: {
+                xaxis: {
+                  min: new Date('01 Jan 2013').getTime(),
+                  max: new Date('27 Feb 2013').getTime(),
+                }
+              }
+            })
+            break;
+          case 'all':
+            this.setState({
+              options: {
+                xaxis: {
+                  min: undefined,
+                  max: undefined,
+                }
+              }
+            })
+            break;
+          default:
+
+        }
+      }
+
+      render() {
+
+        return (
+          <div>
+            <div id="chart">
+              <div className="toolbar">
+                <button onClick={()=>this.updateData('one_month')} id="one_month" className={ (this.state.selection==='one_month' ? 'active' : '')}>1M</button>
+                <button onClick={()=>this.updateData('six_months')} id="six_months" className={ (this.state.selection==='six_months' ? 'active' : '')}>6M</button>
+                <button onClick={()=>this.updateData('one_year')} id="one_year" className={ (this.state.selection==='one_year' ? 'active' : '')}>1Y</button>
+                <button onClick={()=>this.updateData('ytd')} id="ytd" className={ (this.state.selection==='ytd' ? 'active' : '')}>YTD</button>
+                <button onClick={()=>this.updateData('all')} id="all" className={ (this.state.selection==='all' ? 'active' : '')}>ALL</button>
+              </div>
+              <ReactApexChart options={this.state.options} series={this.state.series} type="area" height="350" />
+            </div>
+            <div id="html-dist"> 
+
+            </div>
+          </div>
+        );
+      }
+    }
+
+    const domContainer = document.querySelector('#app');
+    ReactDOM.render(React.createElement(AreaChart), domContainer);
+
+  </script>
+</body>
+
+</html>
\ No newline at end of file

public/ThirdParty/apexcharts-bundle/samples/react/area/area-github-style.html

+<!DOCTYPE html>
+
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <meta http-equiv="X-UA-Compatible" content="ie=edge">
+  <title>Syncing charts</title>
+
+
+  <link href="../../assets/styles.css" rel="stylesheet" />
+
+  <style>
+    #wrapper {
+      padding-top: 20px;
+      padding-left: 10px;
+      padding-right: 10px;
+      background: #fff;
+      border: 1px solid #ddd;
+      box-shadow: 0 22px 35px -16px rgba(0, 0, 0, 0.1);
+      max-width: 650px;
+      margin: 35px auto;
+    }
+
+    .github-style {
+      clear: both;
+      font-weight: 400;
+      height: 40px;
+      margin-left: 6px;
+    }
+
+    .github-style a {
+      color: #0366d6;
+      font-size: 18px;
+    }
+
+    .github-style .cmeta {
+      display: block;
+      color: #777;
+      font-weight: 400;
+    }
+
+    .github-style .userimg {
+      float: left;
+      display: block;
+      border-radius: 3px;
+    }
+
+    .github-style .userdetails {
+      float: left;
+      margin-left: 10px;
+    }
+  </style>
+</head>
+
+<body>
+  <div id="app"></div>
+  
+  <div id="html">
+          &lt;div id=&quot;wrapper&quot;&gt;&#10;            &lt;div id=&quot;chart-area&quot;&gt;&#10;              &lt;ReactApexChart options={this.state.chartOptionsYears} series={this.state.series} type=&quot;area&quot; height=&quot;160&quot; /&gt;&#10;            &lt;/div&gt;&#10;            &lt;h5 className=&quot;github-style&quot;&gt;&#10;              &lt;img className=&quot;userimg&quot; src=&quot;https://picsum.photos/200/200/?image=1031&quot; data-hovercard-user-id=&quot;634573&quot; className=&quot;avatar float-left mr-2&quot;&#10;                alt=&quot;&quot; width=&quot;38&quot; height=&quot;38&quot; /&gt;&#10;              &lt;div className=&quot;userdetails&quot;&gt;&#10;                &lt;a className=&quot;username&quot;&gt;coder&lt;/a&gt;&#10;                &lt;span className=&quot;cmeta&quot;&gt;&#10;                  &lt;span className=&quot;commits&quot;&gt;&lt;/span&gt; commits&#10;                &lt;/span&gt;&#10;              &lt;/div&gt;&#10;            &lt;/h5&gt;&#10;&#10;            &lt;div id=&quot;chart-area2&quot;&gt;&#10;              &lt;ReactApexChart options={this.state.chartOptionsMonths} series={this.state.series} type=&quot;area&quot; height=&quot;200&quot; /&gt;&#10;            &lt;/div&gt;&#10;          &lt;/div&gt;
+  </div>
+
+  <script crossorigin src="https://unpkg.com/react@16/umd/react.production.min.js"></script>
+  <script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script>
+  <script src="https://unpkg.com/prop-types@15.6.2/prop-types.min.js">
+  </script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.34/browser.min.js"></script>
+
+  <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+  <script src="../../assets/github-data.js"></script>
+
+  <script src="https://unpkg.com/react-apexcharts@1.1.0/dist/react-apexcharts.iife.min.js"></script>
+
+  <script type="text/babel">
+
+    class AreaChart extends React.Component {
+      
+      constructor(props) {
+        super(props);
+
+        this.state = {
+          chartOptionsYears: {
+            chart: {
+              id: 'chartyear',
+              background: '#F6F8FA',
+              toolbar: {
+                show: false,
+                autoSelected: 'pan'
+              },
+              events: {
+                mounted: function (chart) {
+                  var commitsEl = document.querySelector('p span.commits');
+                  var commits = chart.getSeriesTotalXRange(chart.w.globals.minX, chart.w.globals.maxX)
+
+                  commitsEl.innerHTML = commits
+                },
+                updated: function (chart) {
+                  var commitsEl = document.querySelector('.cmeta span.commits');
+                  var commits = chart.getSeriesTotalXRange(chart.w.globals.minX, chart.w.globals.maxX)
+
+                  commitsEl.innerHTML = commits
+                }
+              }
+            },
+            colors: ['#FF7F00'],
+            stroke: {
+              width: 0,
+              curve: 'smooth'
+            },
+            dataLabels: {
+              enabled: false
+            },
+            fill: {
+              opacity: 1,
+              type: 'solid'
+            },
+            series: [{
+              name: 'commits',
+              data: githubdata.series
+            }],
+            yaxis: {
+              tickAmount: 3,
+              labels: {
+                show: false
+              }
+            },
+            xaxis: {
+              type: 'datetime',
+            }
+          },
+          chartOptionsMonths: {
+            chart: {
+              background: '#F6F8FA',
+              toolbar: {
+                autoSelected: 'selection',
+              },
+              brush: {
+                enabled: true,
+                target: 'chartyear'
+              },
+              selection: {
+                enabled: true,
+                xaxis: {
+                  min: new Date('05 Jan 2014').getTime(),
+                  max: new Date('04 Jan 2015').getTime()
+                }
+              },
+            },
+            colors: ['#7BD39A'],
+            dataLabels: {
+              enabled: false
+            },
+            stroke: {
+              width: 0,
+              curve: 'smooth'
+            },
+
+            series: [{
+              name: 'commits',
+              data: githubdata.series
+            }],
+            fill: {
+              opacity: 1,
+              type: 'solid'
+            },
+            legend: {
+              position: 'top',
+              horizontalAlign: 'left'
+            },
+            xaxis: {
+              type: 'datetime'
+            },
+          },
+          series: [{
+            data: githubdata.series
+          }]
+        }
+      }
+
+      render() {
+        return (
+          <div>
+            <div id="wrapper">
+              <div id="chart-area">
+                <ReactApexChart options={this.state.chartOptionsYears} series={this.state.series} type="area" height="160" />
+              </div>
+              <h5 className="github-style">
+                <img src="https://picsum.photos/200/200/?image=1031" data-hovercard-user-id="634573" className="userimg avatar float-left mr-2"
+                  alt="" width="38" height="38" />
+                <div className="userdetails">
+                  <a className="username">coder</a>
+                  <span className="cmeta">
+                    <span className="commits"></span> commits
+                  </span>
+                </div>
+              </h5>
+
+              <div id="chart-area2">
+                <ReactApexChart options={this.state.chartOptionsMonths} series={this.state.series} type="area" height="200" />
+              </div>
+            </div>
+            <div id="html-dist">
+            </div>
+          </div>
+        );
+      }
+    }
+
+    const domContainer = document.querySelector('#app');
+    ReactDOM.render(React.createElement(AreaChart), domContainer);
+
+  </script>
+</body>
+</html>
\ No newline at end of file

public/ThirdParty/apexcharts-bundle/samples/react/area/area-spline.html

+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <meta http-equiv="X-UA-Compatible" content="ie=edge">
+  <title>Area Spline</title>
+
+  <link href="../../assets/styles.css" rel="stylesheet" />
+
+  <style>
+    #chart {
+        max-width: 650px;
+        margin: 35px auto;
+    }
+    </style>
+</head>
+
+<body>
+  <div id="app"></div>
+
+  <div id="html">
+          &lt;div id=&quot;chart&quot;&gt;&#10;            &lt;ReactApexChart options={this.state.options} series={this.state.series} type=&quot;area&quot; height=&quot;350&quot; /&gt;&#10;          &lt;/div&gt;
+  </div>
+
+  <script crossorigin src="https://unpkg.com/react@16/umd/react.production.min.js"></script>
+  <script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script>
+  <script src="https://unpkg.com/prop-types@15.6.2/prop-types.min.js">
+  </script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.34/browser.min.js"></script>
+
+  <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+  <script src="https://unpkg.com/react-apexcharts@1.1.0/dist/react-apexcharts.iife.min.js"></script>
+
+  <script type="text/babel">
+
+    class AreaChart extends React.Component {
+      
+      constructor(props) {
+        super(props);
+
+        this.state = {
+          options: {
+            dataLabels: {
+              enabled: false
+            },
+            stroke: {
+              curve: 'smooth'
+            },
+
+
+            xaxis: {
+              type: 'datetime',
+              categories: ["2018-09-19T00:00:00", "2018-09-19T01:30:00", "2018-09-19T02:30:00",
+                "2018-09-19T03:30:00", "2018-09-19T04:30:00", "2018-09-19T05:30:00",
+                "2018-09-19T06:30:00"
+              ],
+            },
+            tooltip: {
+              x: {
+                format: 'dd/MM/yy HH:mm'
+              },
+            }
+          },
+          series: [{
+            name: 'series1',
+            data: [31, 40, 28, 51, 42, 109, 100]
+          }, {
+            name: 'series2',
+            data: [11, 32, 45, 32, 34, 52, 41]
+          }],
+        }
+      }
+
+      render() {
+        return (
+          <div>
+            <div id="chart">
+              <ReactApexChart options={this.state.options} series={this.state.series} type="area" height="350" />
+            </div>
+            <div id="html-dist">
+            </div>
+          </div>
+        );
+      }
+    }
+
+    const domContainer = document.querySelector('#app');
+    ReactDOM.render(React.createElement(AreaChart), domContainer);
+
+  </script>
+</body>
+
+</html>
\ No newline at end of file

public/ThirdParty/apexcharts-bundle/samples/react/area/area-with-missing-data.html

+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <meta http-equiv="X-UA-Compatible" content="ie=edge">
+  <title>Area with missing data</title>
+
+
+  <link href="../../assets/styles.css" rel="stylesheet" />
+
+  <style>
+    #chart {
+        max-width: 650px;
+        margin: 35px auto;
+    }
+    </style>
+</head>
+
+<body>
+  <div id="app"></div>
+ 
+  <div id="html">
+          &lt;div id=&quot;chart&quot;&gt;&#10;            &lt;ReactApexChart options={this.state.options} series={this.state.series} type=&quot;area&quot; height=&quot;350&quot; /&gt;&#10;          &lt;/div&gt;
+  </div>
+
+  <script crossorigin src="https://unpkg.com/react@16/umd/react.production.min.js"></script>
+  <script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script>
+  <script src="https://unpkg.com/prop-types@15.6.2/prop-types.min.js">
+  </script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.34/browser.min.js"></script>
+
+  <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+  <script src="https://unpkg.com/react-apexcharts@1.1.0/dist/react-apexcharts.iife.min.js"></script>
+
+  <script type="text/babel">
+
+    class AreaChart extends React.Component {
+      
+      constructor(props) {
+        super(props);
+
+        this.state = {
+          options: {
+            chart: {
+              animations: {
+                enabled: false
+              },
+              zoom: {
+                enabled: false
+              },
+            },
+            dataLabels: {
+              enabled: false
+            },
+            stroke: {
+              curve: 'straight'
+            },
+
+            fill: {
+              opacity: 0.8,
+              type: 'pattern',
+              pattern: {
+                style: ['verticalLines', 'horizontalLines'],
+                width: 5,
+                depth: 6
+              },
+            },
+            markers: {
+              size: 5,
+              hover: {
+                size: 9
+              }
+            },
+            title: {
+              text: 'Network Monitoring',
+            },
+            tooltip: {
+              intersect: true,
+              shared: false
+            },
+            theme: {
+              palette: 'palette1'
+            },
+            xaxis: {
+              type: 'datetime',
+            },
+            yaxis: {
+              title: {
+                text: 'Bytes Received'
+              }
+            }
+          },
+          series: [{
+            name: 'Network',
+            data: [{
+                x: 'Dec 23 2017',
+                y: null
+              },
+              {
+                x: 'Dec 24 2017',
+                y: 44
+              },
+              {
+                x: 'Dec 25 2017',
+                y: 31
+              },
+              {
+                x: 'Dec 26 2017',
+                y: 38
+              },
+              {
+                x: 'Dec 27 2017',
+                y: null
+              },
+              {
+                x: 'Dec 28 2017',
+                y: 32
+              },
+              {
+                x: 'Dec 29 2017',
+                y: 55
+              },
+              {
+                x: 'Dec 30 2017',
+                y: 51
+              },
+              {
+                x: 'Dec 31 2017',
+                y: 67
+              },
+              {
+                x: 'Jan 01 2018',
+                y: 22
+              },
+              {
+                x: 'Jan 02 2018',
+                y: 34
+              },
+              {
+                x: 'Jan 03 2018',
+                y: null
+              },
+              {
+                x: 'Jan 04 2018',
+                y: null
+              },
+              {
+                x: 'Jan 05 2018',
+                y: 11
+              },
+              {
+                x: 'Jan 06 2018',
+                y: 4
+              },
+              {
+                x: 'Jan 07 2018',
+                y: 15,
+              },
+              {
+                x: 'Jan 08 2018',
+                y: null
+              },
+              {
+                x: 'Jan 09 2018',
+                y: 9
+              },
+              {
+                x: 'Jan 10 2018',
+                y: 34
+              },
+              {
+                x: 'Jan 11 2018',
+                y: null
+              },
+              {
+                x: 'Jan 12 2018',
+                y: null
+              },
+              {
+                x: 'Jan 13 2018',
+                y: 13
+              },
+              {
+                x: 'Jan 14 2018',
+                y: null
+              }
+            ],
+          }]
+        }
+      }
+
+      render() {
+        return (
+          <div>
+            <div id="chart">
+              <ReactApexChart options={this.state.options} series={this.state.series} type="area" height="350" />
+            </div>
+            <div id="html-dist">
+            </div>
+          </div>
+        );
+      }
+    }
+
+    const domContainer = document.querySelector('#app');
+    ReactDOM.render(React.createElement(AreaChart), domContainer);
+
+  </script>
+</body>
+
+</html>
\ No newline at end of file

public/ThirdParty/apexcharts-bundle/samples/react/area/area-with-negative.html

+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <meta http-equiv="X-UA-Compatible" content="ie=edge">
+  <title>Area with Negative - Stacked</title>
+
+
+  <link href="../../assets/styles.css" rel="stylesheet" />
+
+  <style>
+    #chart {
+            max-width: 650px;
+            margin: 35px auto;
+        }
+    </style>
+</head>
+
+<body>
+  <div id="app"></div>
+ 
+  <div id="html">
+          &lt;div id=&quot;chart&quot;&gt;&#10;            &lt;ReactApexChart options={this.state.options} series={this.state.series} type=&quot;area&quot; height=&quot;350&quot; /&gt;&#10;          &lt;/div&gt;
+  </div>
+
+  <script crossorigin src="https://unpkg.com/react@16/umd/react.production.min.js"></script>
+  <script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script>
+  <script src="https://unpkg.com/prop-types@15.6.2/prop-types.min.js">
+  </script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.34/browser.min.js"></script>
+
+  <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+  <script src="https://unpkg.com/react-apexcharts@1.1.0/dist/react-apexcharts.iife.min.js"></script>
+
+  <script type="text/babel">
+
+    class AreaChart extends React.Component {
+      
+      constructor(props) {
+        super(props);
+
+        this.state = {
+          options: {
+            dataLabels: {
+              enabled: false
+            },
+            stroke: {
+              curve: 'straight'
+            },
+
+            title: {
+              text: 'Area with Negative Values',
+              align: 'left',
+              style: {
+                fontSize: '14px'
+              }
+            },
+            xaxis: {
+              type: 'datetime',
+              axisBorder: {
+                show: false
+              },
+              axisTicks: {
+                show: false
+              }
+            },
+            yaxis: {
+              tickAmount: 4,
+              floating: false,
+
+              labels: {
+                style: {
+                  color: '#8e8da4',
+                },
+                offsetY: -7,
+                offsetX: 0,
+              },
+              axisBorder: {
+                show: false,
+              },
+              axisTicks: {
+                show: false
+              }
+            },
+            fill: {
+              opacity: 0.5,
+            },
+            tooltip: {
+              x: {
+                format: "yyyy",
+              },
+              fixed: {
+                enabled: false,
+                position: 'topRight'
+              }
+            },
+            grid: {
+              yaxis: {
+                lines: {
+                  offsetX: -30
+                }
+              },
+              padding: {
+                left: 20
+              }
+            }
+          },
+          series: [{
+            name: 'north',
+            data: [{
+                x: 1996,
+                y: 322
+              },
+              {
+                x: 1997,
+                y: 324
+              },
+              {
+                x: 1998,
+                y: 329
+              },
+              {
+                x: 1999,
+                y: 342
+              },
+              {
+                x: 2000,
+                y: 348
+              },
+              {
+                x: 2001,
+                y: 334
+              },
+              {
+                x: 2002,
+                y: 325
+              },
+              {
+                x: 2003,
+                y: 316
+              },
+              {
+                x: 2004,
+                y: 318
+              },
+              {
+                x: 2005,
+                y: 330
+              },
+              {
+                x: 2006,
+                y: 355
+              },
+              {
+                x: 2007,
+                y: 366
+              },
+              {
+                x: 2008,
+                y: 337
+              },
+              {
+                x: 2009,
+                y: 352
+              },
+              {
+                x: 2010,
+                y: 377
+              },
+              {
+                x: 2011,
+                y: 383
+              },
+              {
+                x: 2012,
+                y: 344
+              },
+              {
+                x: 2013,
+                y: 366
+              },
+              {
+                x: 2014,
+                y: 389
+              },
+              {
+                x: 2015,
+                y: 334
+              }
+            ]
+          }, {
+            name: 'south',
+            data: [
+
+              {
+                x: 1996,
+                y: 162
+              },
+              {
+                x: 1997,
+                y: 90
+              },
+              {
+                x: 1998,
+                y: 50
+              },
+              {
+                x: 1999,
+                y: 77
+              },
+              {
+                x: 2000,
+                y: 35
+              },
+              {
+                x: 2001,
+                y: -45
+              },
+              {
+                x: 2002,
+                y: -88
+              },
+              {
+                x: 2003,
+                y: -120
+              },
+              {
+                x: 2004,
+                y: -156
+              },
+              {
+                x: 2005,
+                y: -123
+              },
+              {
+                x: 2006,
+                y: -88
+              },
+              {
+                x: 2007,
+                y: -66
+              },
+              {
+                x: 2008,
+                y: -45
+              },
+              {
+                x: 2009,
+                y: -29
+              },
+              {
+                x: 2010,
+                y: -45
+              },
+              {
+                x: 2011,
+                y: -88
+              },
+              {
+                x: 2012,
+                y: -132
+              },
+              {
+                x: 2013,
+                y: -146
+              },
+              {
+                x: 2014,
+                y: -169
+              },
+              {
+                x: 2015,
+                y: -184
+              }
+            ]
+          }]
+        }
+      }
+
+      render() {
+        return (
+          <div>
+            <div id="chart">
+              <ReactApexChart options={this.state.options} series={this.state.series} type="area" height="350" />
+            </div>
+            <div id="html-dist">
+            </div>
+          </div>
+        );
+      }
+    }
+
+    const domContainer = document.querySelector('#app');
+    ReactDOM.render(React.createElement(AreaChart), domContainer);
+
+  </script>
+</body>
+
+
+</html>
\ No newline at end of file

public/ThirdParty/apexcharts-bundle/samples/react/area/basic-area.html

+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <meta http-equiv="X-UA-Compatible" content="ie=edge">
+  <title>Basic Area</title>
+
+
+  <link href="../../assets/styles.css" rel="stylesheet" />
+
+  <style>
+    #chart {
+            max-width: 650px;
+            margin: 35px auto;
+        }
+    </style>
+</head>
+
+<body>
+  <div id="app"></div>
+  
+  <div id="html">
+          &lt;div id=&quot;chart&quot;&gt;&#10;            &lt;ReactApexChart options={this.state.options} series={this.state.series} type=&quot;area&quot; height=&quot;350&quot; /&gt;&#10;          &lt;/div&gt;
+  </div>
+
+  <script crossorigin src="https://unpkg.com/react@16/umd/react.production.min.js"></script>
+  <script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script>
+  <script src="https://unpkg.com/prop-types@15.6.2/prop-types.min.js">
+  </script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.34/browser.min.js"></script>
+
+  <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+  <script src="../../assets/stock-prices.js"></script>
+
+  <script src="https://unpkg.com/react-apexcharts@1.1.0/dist/react-apexcharts.iife.min.js"></script>
+
+  <script type="text/babel">
+
+    class AreaChart extends React.Component {
+      
+      constructor(props) {
+        super(props);
+
+        this.state = {
+          options: {
+            chart: {
+              zoom: {
+                enabled: false
+              }
+            },
+            dataLabels: {
+              enabled: false
+            },
+            stroke: {
+              curve: 'straight'
+            },
+            series: [{
+              name: "STOCK ABC",
+              data: series.monthDataSeries1.prices
+            }],
+            title: {
+              text: 'Fundamental Analysis of Stocks',
+              align: 'left'
+            },
+            subtitle: {
+              text: 'Price Movements',
+              align: 'left'
+            },
+            labels: series.monthDataSeries1.dates,
+            xaxis: {
+              type: 'datetime',
+            },
+            yaxis: {
+              opposite: true
+            },
+            legend: {
+              horizontalAlign: 'left'
+            }
+          },
+          series: [{
+            name: "STOCK ABC",
+            data: series.monthDataSeries1.prices
+          }],
+        }
+      }
+
+      render() {
+        return (
+          <div>
+            <div id="chart">
+              <ReactApexChart options={this.state.options} series={this.state.series} type="area" height="350" />
+            </div>
+            <div id="html-dist">
+            </div>
+          </div>
+        );
+      }
+    }
+
+    const domContainer = document.querySelector('#app');
+    ReactDOM.render(React.createElement(AreaChart), domContainer);
+
+  </script>
+</body>
+
+
+</html>
\ No newline at end of file

public/ThirdParty/apexcharts-bundle/samples/react/area/stacked-area.html

+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <meta http-equiv="X-UA-Compatible" content="ie=edge">
+  <title>Stacked Area</title>
+
+
+  <link href="../../assets/styles.css" rel="stylesheet" />
+
+  <style>
+    #chart {
+      max-width: 650px;
+      margin: 35px auto;
+    }
+  </style>
+</head>
+
+<body>
+  <div id="app"></div>
+ 
+  <div id="html">
+          &lt;div id=&quot;chart&quot;&gt;&#10;            &lt;ReactApexChart options={this.state.options} series={this.state.series} type=&quot;area&quot; height=&quot;350&quot; /&gt;&#10;          &lt;/div&gt;
+  </div>
+
+  <script crossorigin src="https://unpkg.com/react@16/umd/react.production.min.js"></script>
+  <script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script>
+  <script src="https://unpkg.com/prop-types@15.6.2/prop-types.min.js">
+  </script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.34/browser.min.js"></script>
+
+  <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+  <script src="https://unpkg.com/react-apexcharts@1.1.0/dist/react-apexcharts.iife.min.js"></script>
+
+  <script type="text/babel">
+
+    var generateDayWiseTimeSeries = function (baseval, count, yrange) {
+      var i = 0;
+      var series = [];
+      while (i < count) {
+        var x = baseval;
+        var y = Math.floor(Math.random() * (yrange.max - yrange.min + 1)) + yrange.min;
+
+        series.push([x, y]);
+        baseval += 86400000;
+        i++;
+      }
+      return series;
+    }
+
+    class AreaChart extends React.Component {
+      
+      constructor(props) {
+        super(props);
+
+        this.state = {
+          options: {
+            chart: {
+              stacked: true,
+              events: {
+                selection: function (chart, e) {
+                  console.log(new Date(e.xaxis.min))
+                }
+              },
+            },
+            colors: ['#008FFB', '#00E396', '#CED4DC'],
+            dataLabels: {
+              enabled: false
+            },
+            stroke: {
+              curve: 'smooth'
+            },
+            fill: {
+              type: 'gradient',
+              gradient: {
+                opacityFrom: 0.6,
+                opacityTo: 0.8,
+              }
+            },
+            legend: {
+              position: 'top',
+              horizontalAlign: 'left'
+            },
+            xaxis: {
+              type: 'datetime'
+            }
+          },
+          series: [
+            {
+              name: 'South',
+              data: generateDayWiseTimeSeries(new Date('11 Feb 2017 GMT').getTime(), 20, {
+                min: 10,
+                max: 60
+              })
+            },
+            {
+              name: 'North',
+              data: generateDayWiseTimeSeries(new Date('11 Feb 2017 GMT').getTime(), 20, {
+                min: 10,
+                max: 20
+              })
+            },
+            {
+              name: 'Central',
+              data: generateDayWiseTimeSeries(new Date('11 Feb 2017 GMT').getTime(), 20, {
+                min: 10,
+                max: 15
+              })
+            }
+          ],
+        }
+      }
+
+      render() {
+        return (
+          <div>
+            <div id="chart">
+              <ReactApexChart options={this.state.options} series={this.state.series} type="area" height="350" />
+            </div>
+            <div id="html-dist">
+            </div>
+          </div>
+        );
+      }
+    }
+
+    const domContainer = document.querySelector('#app');
+    ReactDOM.render(React.createElement(AreaChart), domContainer);
+
+  </script>
+</body>
+
+</html>
\ No newline at end of file

public/ThirdParty/apexcharts-bundle/samples/react/area/timeseries-with-irregular-data.html

+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <meta http-equiv="X-UA-Compatible" content="ie=edge">
+  <title>TimeSeries With Irregular Data</title>
+
+  <link href="../../assets/styles.css" rel="stylesheet" />
+
+  <style>
+    #chart {
+        max-width: 650px;
+        margin: 35px auto;
+    }
+    </style>
+</head>
+
+<body>
+  <div id="app"></div>
+
+  <div id="html">
+          &lt;div id=&quot;chart&quot;&gt;&#10;            &lt;ReactApexChart options={this.state.options} series={this.state.series} type=&quot;area&quot; height=&quot;350&quot; /&gt;&#10;          &lt;/div&gt;
+  </div>
+
+  <script crossorigin src="https://unpkg.com/react@16/umd/react.production.min.js"></script>
+  <script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script>
+  <script src="https://unpkg.com/prop-types@15.6.2/prop-types.min.js">
+  </script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.22.2/moment.min.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.34/browser.min.js"></script>
+
+  <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+  <script src="../../assets/irregular-data-series.js"></script>
+
+  <script src="https://unpkg.com/react-apexcharts@1.1.0/dist/react-apexcharts.iife.min.js"></script>
+
+  <script type="text/babel">
+
+    var ts1 = 1388534400000;
+    var ts2 = 1388620800000;
+    var ts3 = 1389052800000;
+
+    var dataSet = [[], [], []]
+
+    for (var i = 0; i < 12; i++) {
+      ts1 = ts1 + 86400000;
+      var innerArr = [ts1, dataSeries[2][i].value];
+      dataSet[0].push(innerArr)
+    }
+    for (var i = 0; i < 18; i++) {
+      ts2 = ts2 + 86400000;
+      var innerArr = [ts2, dataSeries[1][i].value];
+      dataSet[1].push(innerArr)
+    }
+    for (var i = 0; i < 12; i++) {
+      ts3 = ts3 + 86400000;
+      var innerArr = [ts3, dataSeries[0][i].value];
+      dataSet[2].push(innerArr)
+    }
+
+    class AreaChart extends React.Component {
+      
+      constructor(props) {
+        super(props);
+
+        this.state = {
+          options: {
+            chart: {
+              stacked: false,
+              zoom: {
+                enabled: false
+              },
+            },
+            plotOptions: {
+              line: {
+                curve: 'smooth',
+              }
+            },
+            dataLabels: {
+              enabled: false
+            },
+
+            markers: {
+              size: 0,
+              style: 'full',
+            },
+            fill: {
+              type: 'gradient',
+              gradient: {
+                shadeIntensity: 1,
+                inverseColors: false,
+                opacityFrom: 0.45,
+                opacityTo: 0.05,
+                stops: [20, 100, 100, 100]
+              },
+            },
+            yaxis: {
+              labels: {
+                style: {
+                  color: '#8e8da4',
+                },
+                offsetX: 0,
+                formatter: function (val) {
+                  return (val / 1000000).toFixed(2);
+                },
+              },
+              axisBorder: {
+                show: false,
+              },
+              axisTicks: {
+                show: false
+              }
+            },
+            xaxis: {
+              type: 'datetime',
+              tickAmount: 8,
+              min: new Date("01/01/2014").getTime(),
+              max: new Date("01/20/2014").getTime(),
+              labels: {
+                rotate: -15,
+                rotateAlways: true,
+                formatter: function (val, timestamp) {
+                  return moment(new Date(timestamp)).format("DD MMM YYYY")
+                }
+              }
+            },
+            title: {
+              text: 'Irregular Data in Time Series',
+              align: 'left',
+              offsetX: 14
+            },
+            tooltip: {
+              shared: true
+            },
+            legend: {
+              position: 'top',
+              horizontalAlign: 'right',
+              offsetX: -10
+            }
+          },
+          series: [{
+            name: 'PRODUCT A',
+            data: dataSet[0]
+          }, {
+            name: 'PRODUCT B',
+            data: dataSet[1]
+          }, {
+            name: 'PRODUCT C',
+            data: dataSet[2]
+          }],
+        }
+      }
+
+      render() {
+        return (
+          <div>
+            <div id="chart">
+              <ReactApexChart options={this.state.options} series={this.state.series} type="area" height="350" />
+            </div>
+            <div id="html-dist">
+            </div>
+          </div>
+        );
+      }
+    }
+
+    const domContainer = document.querySelector('#app');
+    ReactDOM.render(React.createElement(AreaChart), domContainer);
+
+  </script>
+</body>
+</html>
\ No newline at end of file

public/ThirdParty/apexcharts-bundle/samples/react/bar/bar-with-custom-data-labels.html

+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <meta http-equiv="X-UA-Compatible" content="ie=edge">
+  <title>Bar with Custom DataLabels</title>
+
+  <link href="../../assets/styles.css" rel="stylesheet" />
+
+  <style>
+    #chart {
+      max-width: 650px;
+      margin: 35px auto;
+    }
+    </style>
+</head>
+
+<body>
+  <div id="app"></div>
+  
+
+  <div id="html">
+          &lt;div id=&quot;chart&quot;&gt;&#10;            &lt;ReactApexChart options={this.state.options} series={this.state.series} type=&quot;bar&quot; height=&quot;350&quot; /&gt;&#10;          &lt;/div&gt;
+  </div>
+
+  <script crossorigin src="https://unpkg.com/react@16/umd/react.production.min.js"></script>
+  <script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script>
+  <script src="https://unpkg.com/prop-types@15.6.2/prop-types.min.js">
+  </script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.34/browser.min.js"></script>
+
+  <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+  <script src="https://unpkg.com/react-apexcharts@1.1.0/dist/react-apexcharts.iife.min.js"></script>
+
+  <script type="text/babel">
+
+    class BarChart extends React.Component {
+      
+      constructor(props) {
+        super(props);
+
+        this.state = {
+          options: {
+            plotOptions: {
+            bar: {
+              barHeight: '100%',
+              distributed: true,
+              horizontal: true,
+              dataLabels: {
+                position: 'bottom'
+              },
+            }
+          },
+          colors: ['#33b2df', '#546E7A', '#d4526e', '#13d8aa', '#A5978B', '#2b908f', '#f9a3a4', '#90ee7e',
+            '#f48024', '#69d2e7'
+          ],
+          dataLabels: {
+            enabled: true,
+            textAnchor: 'start',
+            style: {
+              colors: ['#fff']
+            },
+            formatter: function (val, opt) {
+              return opt.w.globals.labels[opt.dataPointIndex] + ":  " + val
+            },
+            offsetX: 0,
+            dropShadow: {
+              enabled: true
+            }
+          },
+
+          stroke: {
+            width: 1,
+            colors: ['#fff']
+          },
+          xaxis: {
+            categories: ['South Korea', 'Canada', 'United Kingdom', 'Netherlands', 'Italy', 'France', 'Japan',
+              'United States', 'China', 'India'
+            ],
+          },
+          yaxis: {
+            labels: {
+              show: false
+            }
+          },
+          title: {
+              text: 'Custom DataLabels',
+              align: 'center',
+              floating: true
+          },
+          subtitle: {
+              text: 'Category Names as DataLabels inside bars',
+              align: 'center',
+          },
+          tooltip: {
+            theme: 'dark',
+            x: {
+              show: false
+            },
+            y: {
+              title: {
+                formatter: function () {
+                  return ''
+                }
+              }
+            }
+          }
+          },
+          series: [{
+            data: [400, 430, 448, 470, 540, 580, 690, 1100, 1200, 1380]
+          }],
+        }
+      }
+
+      render() {
+
+        return (
+          <div>
+            <div id="chart">
+              <ReactApexChart options={this.state.options} series={this.state.series} type="bar" height="350" />
+            </div>
+            <div id="html-dist">
+            </div>
+          </div>
+        );
+      }
+    }
+
+    const domContainer = document.querySelector('#app');
+    ReactDOM.render(React.createElement(BarChart), domContainer);
+
+  </script>
+</body>
+</html>
\ No newline at end of file

public/ThirdParty/apexcharts-bundle/samples/react/bar/bar-with-images.html

+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <meta http-equiv="X-UA-Compatible" content="ie=edge">
+  <title>Bar Chart with Images</title>
+
+
+  <link href="../../assets/styles.css" rel="stylesheet" />
+
+  <style>
+    #chart {
+      max-width: 650px;
+      margin: 35px auto;
+    }
+
+    #apexcharts-canvas {
+      margin: 0 auto;
+    }
+    </style>
+</head>
+
+<body>
+  <div id="app"></div>
+  
+  <div id="html">
+          &lt;div id=&quot;chart&quot;&gt;&#10;            &lt;ReactApexChart options={this.state.options} series={this.state.series} type=&quot;bar&quot; height=&quot;410&quot; /&gt;&#10;          &lt;/div&gt;
+  </div>
+  
+  <script crossorigin src="https://unpkg.com/react@16/umd/react.production.min.js"></script>
+  <script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script>
+  <script src="https://unpkg.com/prop-types@15.6.2/prop-types.min.js">
+  </script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.34/browser.min.js"></script>
+
+  <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+  <script src="https://unpkg.com/react-apexcharts@1.1.0/dist/react-apexcharts.iife.min.js"></script>
+
+  <script type="text/babel">
+
+    class BarChart extends React.Component {
+      
+      constructor(props) {
+        super(props);
+
+        this.state = {
+          options: {
+            chart: {
+              animations: {
+                enabled: false
+              }
+            },
+            plotOptions: {
+              bar: {
+                horizontal: true,
+                barHeight: '100%',
+
+              },
+            },
+            dataLabels: {
+              enabled: false,
+            },
+            stroke: {
+              colors: ["#fff"],
+              width: 0.2
+            },
+            labels: Array.apply(null, {length: 39}).map(function(el, index){
+              return index + 1;
+            }),
+            yaxis: {
+              axisBorder: {
+                show: false
+              },
+              axisTicks: {
+                show: false
+              },
+              labels: {
+                show: false
+              },
+              title: {
+                text: 'Weight',
+              },
+            },
+            grid: {
+              position: 'back'
+            },
+            title: {
+              text: 'Paths filled by clipped image',
+              align: 'right',
+              offsetY: 30
+            },
+            fill: {
+              type: 'image',
+              opacity: 0.87,
+              image: {
+                src: ['../../assets/images/4274635880_809a4b9d0d_z.jpg'],
+                width: 466,
+                height: 406
+              }
+            }
+          },
+          series: [{
+            name: 'coins',
+            data: [2, 4, 3, 4, 3, 5, 5, 6.5, 6, 5, 4, 5, 8, 7, 7, 8, 8, 10, 9, 9, 12, 12,
+              11, 12, 13, 14, 16, 14, 15, 17, 19, 21
+            ]
+          }],
+        }
+      }
+
+      render() {
+        return (
+          <div>
+            <div id="chart">
+              <ReactApexChart options={this.state.options} series={this.state.series} type="bar" height="410" />
+            </div>
+            <div id="html-dist">
+            </div>
+          </div>
+        );
+      }
+    }
+
+    const domContainer = document.querySelector('#app');
+    ReactDOM.render(React.createElement(BarChart), domContainer);
+
+  </script>
+</body>
+
+</html>
\ No newline at end of file

public/ThirdParty/apexcharts-bundle/samples/react/bar/bar-with-negative.html

+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <meta http-equiv="X-UA-Compatible" content="ie=edge">
+  <title>Stacked Bar Chart with Negative Values</title>
+
+
+  <link href="../../assets/styles.css" rel="stylesheet" />
+
+  <style>
+    #chart {
+        max-width: 650px;
+        margin: 35px auto;
+    }
+    </style>
+</head>
+
+<body>
+  <div id="app"></div>
+  
+  <div id="html">
+          &lt;div id=&quot;chart&quot;&gt;&#10;            &lt;ReactApexChart options={this.state.options} series={this.state.series} type=&quot;bar&quot; height=&quot;350&quot; /&gt;&#10;          &lt;/div&gt;
+  </div>
+
+  <script crossorigin src="https://unpkg.com/react@16/umd/react.production.min.js"></script>
+  <script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script>
+  <script src="https://unpkg.com/prop-types@15.6.2/prop-types.min.js">
+  </script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.34/browser.min.js"></script>
+
+  <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+  <script src="https://unpkg.com/react-apexcharts@1.1.0/dist/react-apexcharts.iife.min.js"></script>
+
+  <script type="text/babel">
+
+    class BarChart extends React.Component {
+      
+      constructor(props) {
+        super(props);
+
+        this.state = {
+          options: {
+            chart: {
+              stacked: true
+            },
+            colors: ['#008FFB', '#FF4560'],
+            plotOptions: {
+              bar: {
+                horizontal: true,
+                barHeight: '80%',
+
+              },
+            },
+            dataLabels: {
+              enabled: false
+            },
+            stroke: {
+              width: 1,
+              colors: ["#fff"]
+            },
+
+            grid: {
+              xaxis: {
+                showLines: false
+              }
+            },
+            yaxis: {
+              min: -5,
+              max: 5,
+              title: {
+                // text: 'Age',
+              },
+            },
+            tooltip: {
+              shared: false,
+              x: {
+                formatter: function (val) {
+                  return val
+                }
+              },
+              y: {
+                formatter: function (val) {
+                  return Math.abs(val) + "%"
+                }
+              }
+            },
+            title: {
+              text: 'Mauritius population pyramid 2011'
+            },
+            xaxis: {
+              categories: ['85+', '80-84', '75-79', '70-74', '65-69', '60-64', '55-59', '50-54', '45-49', '40-44', '35-39', '30-34', '25-29', '20-24', '15-19', '10-14', '5-9', '0-4'
+              ],
+              title: {
+                text: 'Percent'
+              },
+              labels: {
+                formatter: function (val) {
+                  return Math.abs(Math.round(val)) + "%"
+                }
+              }
+            }
+          },
+          series: [
+            {
+              name: 'Males',
+              data: [0.4, 0.65, 0.76, 0.88, 1.5, 2.1, 2.9, 3.8, 3.9, 4.2, 4, 4.3, 4.1, 4.2, 4.5,
+                3.9, 3.5, 3
+              ]
+            },
+            {
+              name: 'Females',
+              data: [-0.8, -1.05, -1.06, -1.18, -1.4, -2.2, -2.85, -3.7, -3.96, -4.22, -4.3, -4.4,
+                -4.1, -4, -4.1, -3.4, -3.1, -2.8
+              ]
+            }
+          ],
+        }
+      }
+
+      render() {
+        return (
+          <div>
+            <div id="chart">
+              <ReactApexChart options={this.state.options} series={this.state.series} type="bar" height="350" />
+            </div>
+            <div id="html-dist">
+            </div>
+          </div>
+        );
+      }
+    }
+
+    const domContainer = document.querySelector('#app');
+    ReactDOM.render(React.createElement(BarChart), domContainer);
+
+  </script>
+</body>
+
+</html>
\ No newline at end of file

public/ThirdParty/apexcharts-bundle/samples/react/bar/basic-bar.html

+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <meta http-equiv="X-UA-Compatible" content="ie=edge">
+  <title>Basic Bar Chart</title>
+
+
+  <link href="../../assets/styles.css" rel="stylesheet" />
+
+  <style>
+    #chart {
+            max-width: 650px;
+            margin: 35px auto;
+        }
+    </style>
+</head>
+
+<body>
+  <div id="app"></div>
+  
+  <div id="html">
+          &lt;div id=&quot;chart&quot;&gt;&#10;            &lt;ReactApexChart options={this.state.options} series={this.state.series} type=&quot;bar&quot; height=&quot;350&quot; /&gt;&#10;          &lt;/div&gt;
+  </div>
+
+  <script crossorigin src="https://unpkg.com/react@16/umd/react.production.min.js"></script>
+  <script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script>
+  <script src="https://unpkg.com/prop-types@15.6.2/prop-types.min.js">
+  </script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.34/browser.min.js"></script>
+
+  <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+  <script src="https://unpkg.com/react-apexcharts@1.1.0/dist/react-apexcharts.iife.min.js"></script>
+
+  <script type="text/babel">
+
+    class BarChart extends React.Component {
+      
+      constructor(props) {
+        super(props);
+
+        this.state = {
+          options: {
+            plotOptions: {
+              bar: {
+                horizontal: true,
+              }
+            },
+            dataLabels: {
+              enabled: false
+            },
+            xaxis: {
+              categories: ['South Korea', 'Canada', 'United Kingdom', 'Netherlands', 'Italy', 'France', 'Japan',
+                'United States', 'China', 'Germany'
+              ],
+            }
+          },
+          series: [{
+            data: [400, 430, 448, 470, 540, 580, 690, 1100, 1200, 1380]
+          }],
+        }
+      }
+
+      render() {
+        return (
+          <div>
+            <div id="chart">
+              <ReactApexChart options={this.state.options} series={this.state.series} type="bar" height="350" />
+            </div>
+            <div id="html-dist">
+            </div>
+          </div>
+        );
+      }
+    }
+
+    const domContainer = document.querySelector('#app');
+    ReactDOM.render(React.createElement(BarChart), domContainer);
+
+  </script>
+</body>
+
+</html>
\ No newline at end of file

public/ThirdParty/apexcharts-bundle/samples/react/bar/grouped-bar.html

+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <meta http-equiv="X-UA-Compatible" content="ie=edge">
+  <title>Grouped Bar Chart</title>
+
+
+  <link href="../../assets/styles.css" rel="stylesheet" />
+
+  <style>
+    #chart {
+      max-width: 650px;
+      margin: 35px auto;
+    }
+  </style>
+</head>
+
+<body>
+  <div id="app"></div>
+  
+  <div id="html">
+          &lt;div id=&quot;chart&quot;&gt;&#10;            &lt;ReactApexChart options={this.state.options} series={this.state.series} type=&quot;bar&quot; height=&quot;350&quot; /&gt;&#10;          &lt;/div&gt;
+  </div>
+
+  <script crossorigin src="https://unpkg.com/react@16/umd/react.production.min.js"></script>
+  <script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script>
+  <script src="https://unpkg.com/prop-types@15.6.2/prop-types.min.js">
+  </script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.34/browser.min.js"></script>
+
+  <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+  <script src="https://unpkg.com/react-apexcharts@1.1.0/dist/react-apexcharts.iife.min.js"></script>
+
+  <script type="text/babel">
+
+    class BarChart extends React.Component {
+      
+      constructor(props) {
+        super(props);
+
+        this.state = {
+          options: {
+            plotOptions: {
+              bar: {
+                horizontal: true,
+                dataLabels: {
+                  position: 'top',
+                },
+              }
+            },
+            dataLabels: {
+              enabled: true,
+              offsetX: -6,
+              style: {
+                fontSize: '12px',
+                colors: ['#fff']
+              }
+            },
+            stroke: {
+              show: true,
+              width: 1,
+              colors: ['#fff']
+            },
+
+            xaxis: {
+              categories: [2001, 2002, 2003, 2004, 2005, 2006, 2007],
+            }
+          },
+          series: [{
+            data: [44, 55, 41, 64, 22, 43, 21]
+          }, {
+            data: [53, 32, 33, 52, 13, 44, 32]
+          }],
+        }
+      }
+
+      render() {
+        return (
+          <div>
+            <div id="chart">
+              <ReactApexChart options={this.state.options} series={this.state.series} type="bar" height="350" />
+            </div>
+            <div id="html-dist">
+            </div>
+          </div>
+        );
+      }
+    }
+
+    const domContainer = document.querySelector('#app');
+    ReactDOM.render(React.createElement(BarChart), domContainer);
+
+  </script>
+</body>
+
+</html>
\ No newline at end of file

public/ThirdParty/apexcharts-bundle/samples/react/bar/patterned-bar.html

+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <meta http-equiv="X-UA-Compatible" content="ie=edge">
+  <title>Bar Chart with Pattern Fill</title>
+
+
+  <link href="../../assets/styles.css" rel="stylesheet" />
+
+  <style>
+    #chart {
+            max-width: 650px;
+            margin: 35px auto;
+        }
+    </style>
+</head>
+
+<body>
+  <div id="app"></div>
+  
+  <div id="html">
+          &lt;div id=&quot;chart&quot;&gt;&#10;            &lt;ReactApexChart options={this.state.options} series={this.state.series} type=&quot;bar&quot; height=&quot;350&quot; /&gt;&#10;          &lt;/div&gt;
+  </div>
+
+  <script crossorigin src="https://unpkg.com/react@16/umd/react.production.min.js"></script>
+  <script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script>
+  <script src="https://unpkg.com/prop-types@15.6.2/prop-types.min.js">
+  </script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.34/browser.min.js"></script>
+
+  <script src="https://cdn.jsdelivr.net/npm/apexcharts@latest"></script>
+  <script src="https://unpkg.com/react-apexcharts@1.1.0/dist/react-apexcharts.iife.min.js"></script>
+
+  <script type="text/babel">
+
+    class BarChart extends React.Component {
+      
+      constructor(props) {
+        super(props);
+
+        this.state = {
+          options: {
+            chart: {
+              stacked: true,
+              shadow: {
+                enabled: true,
+                blur: 1,
+                opacity: 0.5
+              }
+            },
+            plotOptions: {
+              bar: {
+                horizontal: true,
+                barHeight: '60%',
+              },
+            },
+            dataLabels: {
+              enabled: false
+            },
+            stroke: {
+              width: 2,
+            },
+            title: {
+              text: 'Compare Sales Strategy'
+            },
+            xaxis: {
+              categories: [2008, 2009, 2010, 2011, 2012, 2013, 2014],
+            },
+            yaxis: {
+              title: {
+                text: undefined
+              },
+            },
+            tooltip: {
+              shared: false,
+              y: {
+                formatter: function (val) {
+                  return val + "K"
+                }
+              }
+            },
+            fill: {
+              type: 'pattern',
+              opacity: 1,
+              pattern: {
+                style: ['circles', 'slantedLines', 'verticalLines', 'horizontalLines'],
+              }
+            },
+            states: {
+              hover: {
+                filter: 'none'
+              }
+            },
+            legend: {
+              position: 'right',
+              offsetY: 40
+            }
+          },
+          series: [{
+            name: 'Marine Sprite',
+            data: [44, 55, 41, 37, 22, 43, 21]
+          }, {
+            name: 'Striking Calf',
+            data: [53, 32, 33, 52, 13, 43, 32]
+          }, {
+            name: 'Tank Picture',
+            data: [12, 17, 11, 9, 15, 11, 20]
+          }, {
+            name: 'Bucket Slope',
+            data: [9, 7, 5, 8, 6, 9, 4]
+          }],
+        }
+      }
+
+      render() {
+        return (
+          <div>
+            <div id="chart">
+              <ReactApexChart options={this.state.options} series={this.state.series} type="bar" height="350" />
+            </div>
+            <div id="html-dist">
+            </div>
+          </div>
+        );
+      }
+    }
+
+    const domContainer = document.querySelector('#app');
+    ReactDOM.render(React.createElement(BarChart), domContainer);
+
+  </script>
+</body>
+</html>
\ No newline at end of file