plugin22.js 1.3 MB
Newer Older
Five-菜鸟级's avatar
init  
Five-菜鸟级 已提交
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205 206 207 208 209 210 211 212 213 214 215 216 217 218 219 220 221 222 223 224 225 226 227 228 229 230 231 232 233 234 235 236 237 238 239 240 241 242 243 244 245 246 247 248 249 250 251 252 253 254 255 256 257 258 259 260 261 262 263 264 265 266 267 268 269 270 271 272 273 274 275 276 277 278 279 280 281 282 283 284 285 286 287 288 289 290 291 292 293 294 295 296 297 298 299 300 301 302 303 304 305 306 307 308 309 310 311 312 313 314 315 316 317 318 319 320 321 322 323 324 325 326 327 328 329 330 331 332 333 334 335 336 337 338 339 340 341 342 343 344 345 346 347 348 349 350 351 352 353 354 355 356 357 358 359 360 361 362 363 364 365 366 367 368 369 370 371 372 373 374 375 376 377 378 379 380 381 382 383 384 385 386 387 388 389 390 391 392 393 394 395 396 397 398 399 400 401 402 403 404 405 406 407 408 409 410 411 412 413 414 415 416 417 418 419 420 421 422 423 424 425 426 427 428 429 430 431 432 433 434 435 436 437 438 439 440 441 442 443 444 445 446 447 448 449 450 451 452 453 454 455 456 457 458 459 460 461 462 463 464 465 466 467 468 469 470 471 472 473 474 475 476 477 478 479 480 481 482 483 484 485 486 487 488 489 490 491 492 493 494 495 496 497 498 499 500 501 502 503 504 505 506 507 508 509 510 511 512 513 514 515 516 517 518 519 520 521 522 523 524 525 526 527 528 529 530 531 532 533 534 535 536 537 538 539 540 541 542 543 544 545 546 547 548 549 550 551 552 553 554 555 556 557 558 559 560 561 562 563 564 565 566 567 568 569 570 571 572 573 574 575 576 577 578 579 580 581 582 583 584 585 586 587 588 589 590 591 592 593 594 595 596 597 598 599 600 601 602 603 604 605 606 607 608 609 610 611 612 613 614 615 616 617 618 619 620 621 622 623 624 625 626 627 628 629 630 631 632 633 634 635 636 637 638 639 640 641 642 643 644 645 646 647 648 649 650 651 652 653 654 655 656 657 658 659 660 661 662 663 664 665 666 667 668 669 670 671 672 673 674 675 676 677 678 679 680 681 682 683 684 685 686 687 688 689 690 691 692 693 694 695 696 697 698 699 700 701 702 703 704 705 706 707 708 709 710 711 712 713 714 715 716 717 718 719 720 721 722 723 724 725 726 727 728 729 730 731 732 733 734 735 736 737 738 739 740 741 742 743 744 745 746 747 748 749 750 751 752 753 754 755 756 757 758 759 760 761 762 763 764 765 766 767 768 769 770 771 772 773 774 775 776 777 778 779 780 781 782 783 784 785 786 787 788 789 790 791 792 793 794 795 796 797 798 799 800 801 802 803 804 805 806 807 808 809 810 811 812 813 814 815 816 817 818 819 820 821 822 823 824 825 826 827 828 829 830 831 832 833 834 835 836 837 838 839 840 841 842 843 844 845 846 847 848 849 850 851 852 853 854 855 856 857 858 859 860 861 862 863 864 865 866 867 868 869 870 871 872 873 874 875 876 877 878 879 880 881 882 883 884 885 886 887 888 889 890 891 892 893 894 895 896 897 898 899 900 901 902 903 904 905 906 907 908 909 910 911 912 913 914 915 916 917 918 919 920 921 922 923 924 925 926 927 928 929 930 931 932 933 934 935 936 937 938 939 940 941 942 943 944 945 946 947 948 949 950 951 952 953 954 955 956 957 958 959 960 961 962 963 964 965 966 967 968 969 970 971 972 973 974 975 976 977 978 979 980 981 982 983 984 985 986 987 988 989 990 991 992 993 994 995 996 997 998 999 1000 1001 1002 1003 1004 1005 1006 1007 1008 1009 1010 1011 1012 1013 1014 1015 1016 1017 1018 1019 1020 1021 1022 1023 1024 1025 1026 1027 1028 1029 1030 1031 1032 1033 1034 1035 1036 1037 1038 1039 1040 1041 1042 1043 1044 1045 1046 1047 1048 1049 1050 1051 1052 1053 1054 1055 1056 1057 1058 1059 1060 1061 1062 1063 1064 1065 1066 1067 1068 1069 1070 1071 1072 1073 1074 1075 1076 1077 1078 1079 1080 1081 1082 1083 1084 1085 1086 1087 1088 1089 1090 1091 1092 1093 1094 1095 1096 1097 1098 1099 1100 1101 1102 1103 1104 1105 1106 1107 1108 1109 1110 1111 1112 1113 1114 1115 1116 1117 1118 1119 1120 1121 1122 1123 1124 1125 1126 1127 1128 1129 1130 1131 1132 1133 1134 1135 1136 1137 1138 1139 1140 1141 1142 1143 1144 1145 1146 1147 1148 1149 1150 1151 1152 1153 1154 1155 1156 1157 1158 1159 1160 1161 1162 1163 1164 1165 1166 1167 1168 1169 1170 1171 1172 1173 1174 1175 1176 1177 1178 1179 1180 1181 1182 1183 1184 1185 1186 1187 1188 1189 1190 1191 1192 1193 1194 1195 1196 1197 1198 1199 1200 1201 1202 1203 1204 1205 1206 1207 1208 1209 1210 1211 1212 1213 1214 1215 1216 1217 1218 1219 1220 1221 1222 1223 1224 1225 1226 1227 1228 1229 1230 1231 1232 1233 1234 1235 1236 1237 1238 1239 1240 1241 1242 1243 1244 1245 1246 1247 1248 1249 1250 1251 1252 1253 1254 1255 1256 1257 1258 1259 1260 1261 1262 1263 1264 1265 1266 1267 1268 1269 1270 1271 1272 1273 1274 1275 1276 1277 1278 1279 1280 1281 1282 1283 1284 1285 1286 1287 1288 1289 1290 1291 1292 1293 1294 1295 1296 1297 1298 1299 1300 1301 1302 1303 1304 1305 1306 1307 1308 1309 1310 1311 1312 1313 1314 1315 1316 1317 1318 1319 1320 1321 1322 1323 1324 1325 1326 1327 1328 1329 1330 1331 1332 1333 1334 1335 1336 1337 1338 1339 1340 1341 1342 1343 1344 1345 1346 1347 1348 1349 1350 1351 1352 1353 1354 1355 1356 1357 1358 1359 1360 1361 1362 1363 1364 1365 1366 1367 1368 1369 1370 1371 1372 1373 1374 1375 1376 1377 1378 1379 1380 1381 1382 1383 1384 1385 1386 1387 1388 1389 1390 1391 1392 1393 1394 1395 1396 1397 1398 1399 1400 1401 1402 1403 1404 1405 1406 1407 1408 1409 1410 1411 1412 1413 1414 1415 1416 1417 1418 1419 1420 1421 1422 1423 1424 1425 1426 1427 1428 1429 1430 1431 1432 1433 1434 1435 1436 1437 1438 1439 1440 1441 1442 1443 1444 1445 1446 1447 1448 1449 1450 1451 1452 1453 1454 1455 1456 1457 1458 1459 1460 1461 1462 1463 1464 1465 1466 1467 1468 1469 1470 1471 1472 1473 1474 1475 1476 1477 1478 1479 1480 1481 1482 1483 1484 1485 1486 1487 1488 1489 1490 1491 1492 1493 1494 1495 1496 1497 1498 1499 1500 1501 1502 1503 1504 1505 1506 1507 1508 1509 1510 1511 1512 1513 1514 1515 1516 1517 1518 1519 1520 1521 1522 1523 1524 1525 1526 1527 1528 1529 1530 1531 1532 1533 1534 1535 1536 1537 1538 1539 1540 1541 1542 1543 1544 1545 1546 1547 1548 1549 1550 1551 1552 1553 1554 1555 1556 1557 1558 1559 1560 1561 1562 1563 1564 1565 1566 1567 1568 1569 1570 1571 1572 1573 1574 1575 1576 1577 1578 1579 1580 1581 1582 1583 1584 1585 1586 1587 1588 1589 1590 1591 1592 1593 1594 1595 1596 1597 1598 1599 1600 1601 1602 1603 1604 1605 1606 1607 1608 1609 1610 1611 1612 1613 1614 1615 1616 1617 1618 1619 1620 1621 1622 1623 1624 1625 1626 1627 1628 1629 1630 1631 1632 1633 1634 1635 1636 1637 1638 1639 1640 1641 1642 1643 1644 1645 1646 1647 1648 1649 1650 1651 1652 1653 1654 1655 1656 1657 1658 1659 1660 1661 1662 1663 1664 1665 1666 1667 1668 1669 1670 1671 1672 1673 1674 1675 1676 1677 1678 1679 1680 1681 1682 1683 1684 1685 1686 1687 1688 1689 1690 1691 1692 1693 1694 1695 1696 1697 1698 1699 1700 1701 1702 1703 1704 1705 1706 1707 1708 1709 1710 1711 1712 1713 1714 1715 1716 1717 1718 1719 1720 1721 1722 1723 1724 1725 1726 1727 1728 1729 1730 1731 1732 1733 1734 1735 1736 1737 1738 1739 1740 1741 1742 1743 1744 1745 1746 1747 1748 1749 1750 1751 1752 1753 1754 1755 1756 1757 1758 1759 1760 1761 1762 1763 1764 1765 1766 1767 1768 1769 1770 1771 1772 1773 1774 1775 1776 1777 1778 1779 1780 1781 1782 1783 1784 1785 1786 1787 1788 1789 1790 1791 1792 1793 1794 1795 1796 1797 1798 1799 1800 1801 1802 1803 1804 1805 1806 1807 1808 1809 1810 1811 1812 1813 1814 1815 1816 1817 1818 1819 1820 1821 1822 1823 1824 1825 1826 1827 1828 1829 1830 1831 1832 1833 1834 1835 1836 1837 1838 1839 1840 1841 1842 1843 1844 1845 1846 1847 1848 1849 1850 1851 1852 1853 1854 1855 1856 1857 1858 1859 1860 1861 1862 1863 1864 1865 1866 1867 1868 1869 1870 1871 1872 1873 1874 1875 1876 1877 1878 1879 1880 1881 1882 1883 1884 1885 1886 1887 1888 1889 1890 1891 1892 1893 1894 1895 1896 1897 1898 1899 1900 1901 1902 1903 1904 1905 1906 1907 1908 1909 1910 1911 1912 1913 1914 1915 1916 1917 1918 1919 1920 1921 1922 1923 1924 1925 1926 1927 1928 1929 1930 1931 1932 1933 1934 1935 1936 1937 1938 1939 1940 1941 1942 1943 1944 1945 1946 1947 1948 1949 1950 1951 1952 1953 1954 1955 1956 1957 1958 1959 1960 1961 1962 1963 1964 1965 1966 1967 1968 1969 1970 1971 1972 1973 1974 1975 1976 1977 1978 1979 1980 1981 1982 1983 1984 1985 1986 1987 1988 1989 1990 1991 1992 1993 1994 1995 1996 1997 1998 1999 2000 2001 2002 2003 2004 2005 2006 2007 2008 2009 2010 2011 2012 2013 2014 2015 2016 2017 2018 2019 2020 2021 2022 2023 2024 2025 2026 2027 2028 2029 2030 2031 2032 2033 2034 2035 2036 2037 2038 2039 2040 2041 2042 2043 2044 2045 2046 2047 2048 2049 2050 2051 2052 2053 2054 2055 2056 2057 2058 2059 2060 2061 2062 2063 2064 2065 2066 2067 2068 2069 2070 2071 2072 2073 2074 2075 2076 2077 2078 2079 2080 2081 2082 2083 2084 2085 2086 2087 2088 2089 2090 2091 2092 2093 2094 2095 2096 2097 2098 2099 2100 2101 2102 2103 2104 2105 2106 2107 2108 2109 2110 2111 2112 2113 2114 2115 2116 2117 2118 2119 2120 2121 2122 2123 2124 2125 2126 2127 2128 2129 2130 2131 2132 2133 2134 2135 2136 2137 2138 2139 2140 2141 2142 2143 2144 2145 2146 2147 2148 2149 2150 2151 2152 2153 2154 2155 2156 2157 2158 2159 2160 2161 2162 2163 2164 2165 2166 2167 2168 2169 2170 2171 2172 2173 2174 2175 2176 2177 2178 2179 2180 2181 2182 2183 2184 2185 2186 2187 2188 2189 2190 2191 2192 2193 2194 2195 2196 2197 2198 2199 2200 2201 2202 2203 2204 2205 2206 2207 2208 2209 2210 2211 2212 2213 2214 2215 2216 2217 2218 2219 2220 2221 2222 2223 2224 2225 2226 2227 2228 2229 2230 2231 2232 2233 2234 2235 2236 2237 2238 2239 2240 2241 2242 2243 2244 2245 2246 2247 2248 2249 2250 2251 2252 2253 2254 2255 2256 2257 2258 2259 2260 2261 2262 2263 2264 2265 2266 2267 2268 2269 2270 2271 2272 2273 2274 2275 2276 2277 2278 2279 2280 2281 2282 2283 2284 2285 2286 2287 2288 2289 2290 2291 2292 2293 2294 2295 2296 2297 2298 2299 2300 2301 2302 2303 2304 2305 2306 2307 2308 2309 2310 2311 2312 2313 2314 2315 2316 2317 2318 2319 2320 2321 2322 2323 2324 2325 2326 2327 2328 2329 2330 2331 2332 2333 2334 2335 2336 2337 2338 2339 2340 2341 2342 2343 2344 2345 2346 2347 2348 2349 2350 2351 2352 2353 2354 2355 2356 2357 2358 2359 2360 2361 2362 2363 2364 2365 2366 2367 2368 2369 2370 2371 2372 2373 2374 2375 2376 2377 2378 2379 2380 2381 2382 2383 2384 2385 2386 2387 2388 2389 2390 2391 2392 2393 2394 2395 2396 2397 2398 2399 2400 2401 2402 2403 2404 2405 2406 2407 2408 2409 2410 2411 2412 2413 2414 2415 2416 2417 2418 2419 2420 2421 2422 2423 2424 2425 2426 2427 2428 2429 2430 2431 2432 2433 2434 2435 2436 2437 2438 2439 2440 2441 2442 2443 2444 2445 2446 2447 2448 2449 2450 2451 2452 2453 2454 2455 2456 2457 2458 2459 2460 2461 2462 2463 2464 2465 2466 2467 2468 2469 2470 2471 2472 2473 2474 2475 2476 2477 2478 2479 2480 2481 2482 2483 2484 2485 2486 2487 2488 2489 2490 2491 2492 2493 2494 2495 2496 2497 2498 2499 2500 2501 2502 2503 2504 2505 2506 2507 2508 2509 2510 2511 2512 2513 2514 2515 2516 2517 2518 2519 2520 2521 2522 2523 2524 2525 2526 2527 2528 2529 2530 2531 2532 2533 2534 2535 2536 2537 2538 2539 2540 2541 2542 2543 2544 2545 2546 2547 2548 2549 2550 2551 2552 2553 2554 2555 2556 2557 2558 2559 2560 2561 2562 2563 2564 2565 2566 2567 2568 2569 2570 2571 2572 2573 2574 2575 2576 2577 2578 2579 2580 2581 2582 2583 2584 2585 2586 2587 2588 2589 2590 2591 2592 2593 2594 2595 2596 2597 2598 2599 2600 2601 2602 2603 2604 2605 2606 2607 2608 2609 2610 2611 2612 2613 2614 2615 2616 2617 2618 2619 2620 2621 2622 2623 2624 2625 2626 2627 2628 2629 2630 2631 2632 2633 2634 2635 2636 2637 2638 2639 2640 2641 2642 2643 2644 2645 2646 2647 2648 2649 2650 2651 2652 2653 2654 2655 2656 2657 2658 2659 2660 2661 2662 2663 2664 2665 2666 2667 2668 2669 2670 2671 2672 2673 2674 2675 2676 2677 2678 2679 2680 2681 2682 2683 2684 2685 2686 2687 2688 2689 2690 2691 2692 2693 2694 2695 2696 2697 2698 2699 2700 2701 2702 2703 2704 2705 2706 2707 2708 2709 2710 2711 2712 2713 2714 2715 2716 2717 2718 2719 2720 2721 2722 2723 2724 2725 2726 2727 2728 2729 2730 2731 2732 2733 2734 2735 2736 2737 2738 2739 2740 2741 2742 2743 2744 2745 2746 2747 2748 2749 2750 2751 2752 2753 2754 2755 2756 2757 2758 2759 2760 2761 2762 2763 2764 2765 2766 2767 2768 2769 2770 2771 2772 2773 2774 2775 2776 2777 2778 2779 2780 2781 2782 2783 2784 2785 2786 2787 2788 2789 2790 2791 2792 2793 2794 2795 2796 2797 2798 2799 2800 2801 2802 2803 2804 2805 2806 2807 2808 2809 2810 2811 2812 2813 2814 2815 2816 2817 2818 2819 2820 2821 2822 2823 2824 2825 2826 2827 2828 2829 2830 2831 2832 2833 2834 2835 2836 2837 2838 2839 2840 2841 2842 2843 2844 2845 2846 2847 2848 2849 2850 2851 2852 2853 2854 2855 2856 2857 2858 2859 2860 2861 2862 2863 2864 2865 2866 2867 2868 2869 2870 2871 2872 2873 2874 2875 2876 2877 2878 2879 2880 2881 2882 2883 2884 2885 2886 2887 2888 2889 2890 2891 2892 2893 2894 2895 2896 2897 2898 2899 2900 2901 2902 2903 2904 2905 2906 2907 2908 2909 2910 2911 2912 2913 2914 2915 2916 2917 2918 2919 2920 2921 2922 2923 2924 2925 2926 2927 2928 2929 2930 2931 2932 2933 2934 2935 2936 2937 2938 2939 2940 2941 2942 2943 2944 2945 2946 2947 2948 2949 2950 2951 2952 2953 2954 2955 2956 2957 2958 2959 2960 2961 2962 2963 2964 2965 2966 2967 2968 2969 2970 2971 2972 2973 2974 2975 2976 2977 2978 2979 2980 2981 2982 2983 2984 2985 2986 2987 2988 2989 2990 2991 2992 2993 2994 2995 2996 2997 2998 2999 3000 3001 3002 3003 3004 3005 3006 3007 3008 3009 3010 3011 3012 3013 3014 3015 3016 3017 3018 3019 3020 3021 3022 3023 3024 3025 3026 3027 3028 3029 3030 3031 3032 3033 3034 3035 3036 3037 3038 3039 3040 3041 3042 3043 3044 3045 3046 3047 3048 3049 3050 3051 3052 3053 3054 3055 3056 3057 3058 3059 3060 3061 3062 3063 3064 3065 3066 3067 3068 3069 3070 3071 3072 3073 3074 3075 3076 3077 3078 3079 3080 3081 3082 3083 3084 3085 3086 3087 3088 3089 3090 3091 3092 3093 3094 3095 3096 3097 3098 3099 3100 3101 3102 3103 3104 3105 3106 3107 3108 3109 3110 3111 3112 3113 3114 3115 3116 3117 3118 3119 3120 3121 3122 3123 3124 3125 3126 3127 3128 3129 3130 3131 3132 3133 3134 3135 3136 3137 3138 3139 3140 3141 3142 3143 3144 3145 3146 3147 3148 3149 3150 3151 3152 3153 3154 3155 3156 3157 3158 3159 3160 3161 3162 3163 3164 3165 3166 3167 3168 3169 3170 3171 3172 3173 3174 3175 3176 3177 3178 3179 3180 3181 3182 3183 3184 3185 3186 3187 3188 3189 3190 3191 3192 3193 3194 3195 3196 3197 3198 3199 3200 3201 3202 3203 3204 3205 3206 3207 3208 3209 3210 3211 3212 3213 3214 3215 3216 3217 3218 3219 3220 3221 3222 3223 3224 3225 3226 3227 3228 3229 3230 3231 3232 3233 3234 3235 3236 3237 3238 3239 3240 3241 3242 3243 3244 3245 3246 3247 3248 3249 3250 3251 3252 3253 3254 3255 3256 3257 3258 3259 3260 3261 3262 3263 3264 3265 3266 3267 3268 3269 3270 3271 3272 3273 3274 3275 3276 3277 3278 3279 3280 3281 3282 3283 3284 3285 3286 3287 3288 3289 3290 3291 3292 3293 3294 3295 3296 3297 3298 3299 3300 3301 3302 3303 3304 3305 3306 3307 3308 3309 3310 3311 3312 3313 3314 3315 3316 3317 3318 3319 3320 3321 3322 3323 3324 3325 3326 3327 3328 3329 3330 3331 3332 3333 3334 3335 3336 3337 3338 3339 3340 3341 3342 3343 3344 3345 3346 3347 3348 3349 3350 3351 3352 3353 3354 3355 3356 3357 3358 3359 3360 3361 3362 3363 3364 3365 3366 3367 3368 3369 3370 3371 3372 3373 3374 3375 3376 3377 3378 3379 3380 3381 3382 3383 3384 3385 3386 3387 3388 3389 3390 3391 3392 3393 3394 3395 3396 3397 3398 3399 3400 3401 3402 3403 3404 3405 3406 3407 3408 3409 3410 3411 3412 3413 3414 3415 3416 3417 3418 3419 3420 3421 3422 3423 3424 3425 3426 3427 3428 3429 3430 3431 3432 3433 3434 3435 3436 3437 3438 3439 3440 3441 3442 3443 3444 3445 3446 3447 3448 3449 3450 3451 3452 3453 3454 3455 3456 3457 3458 3459 3460 3461 3462 3463 3464 3465 3466 3467 3468 3469 3470 3471 3472 3473 3474 3475 3476 3477 3478 3479 3480 3481 3482 3483 3484 3485 3486 3487 3488 3489 3490 3491 3492 3493 3494 3495 3496 3497 3498 3499 3500 3501 3502 3503 3504 3505 3506 3507 3508 3509 3510 3511 3512 3513 3514 3515 3516 3517 3518 3519 3520 3521 3522 3523 3524 3525 3526 3527 3528 3529 3530 3531 3532 3533 3534 3535 3536 3537 3538 3539 3540 3541 3542 3543 3544 3545 3546 3547 3548 3549 3550 3551 3552 3553 3554 3555 3556 3557 3558 3559 3560 3561 3562 3563 3564 3565 3566 3567 3568 3569 3570 3571 3572 3573 3574 3575 3576 3577 3578 3579 3580 3581 3582 3583 3584 3585 3586 3587 3588 3589 3590 3591 3592 3593 3594 3595 3596 3597 3598 3599 3600 3601 3602 3603 3604 3605 3606 3607 3608 3609 3610 3611 3612 3613 3614 3615 3616 3617 3618 3619 3620 3621 3622 3623 3624 3625 3626 3627 3628 3629 3630 3631 3632 3633 3634 3635 3636 3637 3638 3639 3640 3641 3642 3643 3644 3645 3646 3647 3648 3649 3650 3651 3652 3653 3654 3655 3656 3657 3658 3659 3660 3661 3662 3663 3664 3665 3666 3667 3668 3669 3670 3671 3672 3673 3674 3675 3676 3677 3678 3679 3680 3681 3682 3683 3684 3685 3686 3687 3688 3689 3690 3691 3692 3693 3694 3695 3696 3697 3698 3699 3700 3701 3702 3703 3704 3705 3706 3707 3708 3709 3710 3711 3712 3713 3714 3715 3716 3717 3718 3719 3720 3721 3722 3723 3724 3725 3726 3727 3728 3729 3730 3731 3732 3733 3734 3735 3736 3737 3738 3739 3740 3741 3742 3743 3744 3745 3746 3747 3748 3749 3750 3751 3752 3753 3754 3755 3756 3757 3758 3759 3760 3761 3762 3763 3764 3765 3766 3767 3768 3769 3770 3771 3772 3773 3774 3775 3776 3777 3778 3779 3780 3781 3782 3783 3784 3785 3786 3787 3788 3789 3790 3791 3792 3793 3794 3795 3796 3797 3798 3799 3800 3801 3802 3803 3804 3805 3806 3807 3808 3809 3810 3811 3812 3813 3814 3815 3816 3817 3818 3819 3820 3821 3822 3823 3824 3825 3826 3827 3828 3829 3830 3831 3832 3833 3834 3835 3836 3837 3838 3839 3840 3841 3842 3843 3844 3845 3846 3847 3848 3849 3850 3851 3852 3853 3854 3855 3856 3857 3858 3859 3860 3861 3862 3863 3864 3865 3866 3867 3868 3869 3870 3871 3872 3873 3874 3875 3876 3877 3878 3879 3880 3881 3882 3883 3884 3885 3886 3887 3888 3889 3890 3891 3892 3893 3894 3895 3896 3897 3898 3899 3900 3901 3902 3903 3904 3905 3906 3907 3908 3909 3910 3911 3912 3913 3914 3915 3916 3917 3918 3919 3920 3921 3922 3923 3924 3925 3926 3927 3928 3929 3930 3931 3932 3933 3934 3935 3936 3937 3938 3939 3940 3941 3942 3943 3944 3945 3946 3947 3948 3949 3950 3951 3952 3953 3954 3955 3956 3957 3958 3959 3960 3961 3962 3963 3964 3965 3966 3967 3968 3969 3970 3971 3972 3973 3974 3975 3976 3977 3978 3979 3980 3981 3982 3983 3984 3985 3986 3987 3988 3989 3990 3991 3992 3993 3994 3995 3996 3997 3998 3999 4000 4001 4002 4003 4004 4005 4006 4007 4008 4009 4010 4011 4012 4013 4014 4015 4016 4017 4018 4019 4020 4021 4022 4023 4024 4025 4026 4027 4028 4029 4030 4031 4032 4033 4034 4035 4036 4037 4038 4039 4040 4041 4042 4043 4044 4045 4046 4047 4048 4049 4050 4051 4052 4053 4054 4055 4056 4057 4058 4059 4060 4061 4062 4063 4064 4065 4066 4067 4068 4069 4070 4071 4072 4073 4074 4075 4076 4077 4078 4079 4080 4081 4082 4083 4084 4085 4086 4087 4088 4089 4090 4091 4092 4093 4094 4095 4096 4097 4098 4099 4100 4101 4102 4103 4104 4105 4106 4107 4108 4109 4110 4111 4112 4113 4114 4115 4116 4117 4118 4119 4120 4121 4122 4123 4124 4125 4126 4127 4128 4129 4130 4131 4132 4133 4134 4135 4136 4137 4138 4139 4140 4141 4142 4143 4144 4145 4146 4147 4148 4149 4150 4151 4152 4153 4154 4155 4156 4157 4158 4159 4160 4161 4162 4163 4164 4165 4166 4167 4168 4169 4170 4171 4172 4173 4174 4175 4176 4177 4178 4179 4180 4181 4182 4183 4184 4185 4186 4187 4188 4189 4190 4191 4192 4193 4194 4195 4196 4197 4198 4199 4200 4201 4202 4203 4204 4205 4206 4207 4208 4209 4210 4211 4212 4213 4214 4215 4216 4217 4218 4219 4220 4221 4222 4223 4224 4225 4226 4227 4228 4229 4230 4231 4232 4233 4234 4235 4236 4237 4238 4239 4240 4241 4242 4243 4244 4245 4246 4247 4248 4249 4250 4251 4252 4253 4254 4255 4256 4257 4258 4259 4260 4261 4262 4263 4264 4265 4266 4267 4268 4269 4270 4271 4272 4273 4274 4275 4276 4277 4278 4279 4280 4281 4282 4283 4284 4285 4286 4287 4288 4289 4290 4291 4292 4293 4294 4295 4296 4297 4298 4299 4300 4301 4302 4303 4304 4305 4306 4307 4308 4309 4310 4311 4312 4313 4314 4315 4316 4317 4318 4319 4320 4321 4322 4323 4324 4325 4326 4327 4328 4329 4330 4331 4332 4333 4334 4335 4336 4337 4338 4339 4340 4341 4342 4343 4344 4345 4346 4347 4348 4349 4350 4351 4352 4353 4354 4355 4356 4357 4358 4359 4360 4361 4362 4363 4364 4365 4366 4367 4368 4369 4370 4371 4372 4373 4374 4375 4376 4377 4378 4379 4380 4381 4382 4383 4384 4385 4386 4387 4388 4389 4390 4391 4392 4393 4394 4395 4396 4397 4398 4399 4400 4401 4402 4403 4404 4405 4406 4407 4408 4409 4410 4411 4412 4413 4414 4415 4416 4417 4418 4419 4420 4421 4422 4423 4424 4425 4426 4427 4428 4429 4430 4431 4432 4433 4434 4435 4436 4437 4438 4439 4440 4441 4442 4443 4444 4445 4446 4447 4448 4449 4450 4451 4452 4453 4454 4455 4456 4457 4458 4459 4460 4461 4462 4463 4464 4465 4466 4467 4468 4469 4470 4471 4472 4473 4474 4475 4476 4477 4478 4479 4480 4481 4482 4483 4484 4485 4486 4487 4488 4489 4490 4491 4492 4493 4494 4495 4496 4497 4498 4499 4500 4501 4502 4503 4504 4505 4506 4507 4508 4509 4510 4511 4512 4513 4514 4515 4516 4517 4518 4519 4520 4521 4522 4523 4524 4525 4526 4527 4528 4529 4530 4531 4532 4533 4534 4535 4536 4537 4538 4539 4540 4541 4542 4543 4544 4545 4546 4547 4548 4549 4550 4551 4552 4553 4554 4555 4556 4557 4558 4559 4560 4561 4562 4563 4564 4565 4566 4567 4568 4569 4570 4571 4572 4573 4574 4575 4576 4577 4578 4579 4580 4581 4582 4583 4584 4585 4586 4587 4588 4589 4590 4591 4592 4593 4594 4595 4596 4597 4598 4599 4600 4601 4602 4603 4604 4605 4606 4607 4608 4609 4610 4611 4612 4613 4614 4615 4616 4617 4618 4619 4620 4621 4622 4623 4624 4625 4626 4627 4628 4629 4630 4631 4632 4633 4634 4635 4636 4637 4638 4639 4640 4641 4642 4643 4644 4645 4646 4647 4648 4649 4650 4651 4652 4653 4654 4655 4656 4657 4658 4659 4660 4661 4662 4663 4664 4665 4666 4667 4668 4669 4670 4671 4672 4673 4674 4675 4676 4677 4678 4679 4680 4681 4682 4683 4684 4685 4686 4687 4688 4689 4690 4691 4692 4693 4694 4695 4696 4697 4698 4699 4700 4701 4702 4703 4704 4705 4706 4707 4708 4709 4710 4711 4712 4713 4714 4715 4716 4717 4718 4719 4720 4721 4722 4723 4724 4725 4726 4727 4728 4729 4730 4731 4732 4733 4734 4735 4736 4737 4738 4739 4740 4741 4742 4743 4744 4745 4746 4747 4748 4749 4750 4751 4752 4753 4754 4755 4756 4757 4758 4759 4760 4761 4762 4763 4764 4765 4766 4767 4768 4769 4770 4771 4772 4773 4774 4775 4776 4777 4778 4779 4780 4781 4782 4783 4784 4785 4786 4787 4788 4789 4790 4791 4792 4793 4794 4795 4796 4797 4798 4799 4800 4801 4802 4803 4804 4805 4806 4807 4808 4809 4810 4811 4812 4813 4814 4815 4816 4817 4818 4819 4820 4821 4822 4823 4824 4825 4826 4827 4828 4829 4830 4831 4832 4833 4834 4835 4836 4837 4838 4839 4840 4841 4842 4843 4844 4845 4846 4847 4848 4849 4850 4851 4852 4853 4854 4855 4856 4857 4858 4859 4860 4861 4862 4863 4864 4865 4866 4867 4868 4869 4870 4871 4872 4873 4874 4875 4876 4877 4878 4879 4880 4881 4882 4883 4884 4885 4886 4887 4888 4889 4890 4891 4892 4893 4894 4895 4896 4897 4898 4899 4900 4901 4902 4903 4904 4905 4906 4907 4908 4909 4910 4911 4912 4913 4914 4915 4916 4917 4918 4919 4920 4921 4922 4923 4924 4925 4926 4927 4928 4929 4930 4931 4932 4933 4934 4935 4936 4937 4938 4939 4940 4941 4942 4943 4944 4945 4946 4947 4948 4949 4950 4951 4952 4953 4954 4955 4956 4957 4958 4959 4960 4961 4962 4963 4964 4965 4966 4967 4968 4969 4970 4971 4972 4973 4974 4975 4976 4977 4978 4979 4980 4981 4982 4983 4984 4985 4986 4987 4988 4989 4990 4991 4992 4993 4994 4995 4996 4997 4998 4999 5000 5001 5002 5003 5004 5005 5006 5007 5008 5009 5010 5011 5012 5013 5014 5015 5016 5017 5018 5019 5020 5021 5022 5023 5024 5025 5026 5027 5028 5029 5030 5031 5032 5033 5034 5035 5036 5037 5038 5039 5040 5041 5042 5043 5044 5045 5046 5047 5048 5049 5050 5051 5052 5053 5054 5055 5056 5057 5058 5059 5060 5061 5062 5063 5064 5065 5066 5067 5068 5069 5070 5071 5072 5073 5074 5075 5076 5077 5078 5079 5080 5081 5082 5083 5084 5085 5086 5087 5088 5089 5090 5091 5092 5093 5094 5095 5096 5097 5098 5099 5100 5101 5102 5103 5104 5105 5106 5107 5108 5109 5110 5111 5112 5113 5114 5115 5116 5117 5118 5119 5120 5121 5122 5123 5124 5125 5126 5127 5128 5129 5130 5131 5132 5133 5134 5135 5136 5137 5138 5139 5140 5141 5142 5143 5144 5145 5146 5147 5148 5149 5150 5151 5152 5153 5154 5155 5156 5157 5158 5159 5160 5161 5162 5163 5164 5165 5166 5167 5168 5169 5170 5171 5172 5173 5174 5175 5176 5177 5178 5179 5180 5181 5182 5183 5184 5185 5186 5187 5188 5189 5190 5191 5192 5193 5194 5195 5196 5197 5198 5199 5200 5201 5202 5203 5204 5205 5206 5207 5208 5209 5210 5211 5212 5213 5214 5215 5216 5217 5218 5219 5220 5221 5222 5223 5224 5225 5226 5227 5228 5229 5230 5231 5232 5233 5234 5235 5236 5237 5238 5239 5240 5241 5242 5243 5244 5245 5246 5247 5248 5249 5250 5251 5252 5253 5254 5255 5256 5257 5258 5259 5260 5261 5262 5263 5264 5265 5266 5267 5268 5269 5270 5271 5272 5273 5274 5275 5276 5277 5278 5279 5280 5281 5282 5283 5284 5285 5286 5287 5288 5289 5290 5291 5292 5293 5294 5295 5296 5297 5298 5299 5300 5301 5302 5303 5304 5305 5306 5307 5308 5309 5310 5311 5312 5313 5314 5315 5316 5317 5318 5319 5320 5321 5322 5323 5324 5325 5326 5327 5328 5329 5330 5331 5332 5333 5334 5335 5336 5337 5338 5339 5340 5341 5342 5343 5344 5345 5346 5347 5348 5349 5350 5351 5352 5353 5354 5355 5356 5357 5358 5359 5360 5361 5362 5363 5364 5365 5366 5367 5368 5369 5370 5371 5372 5373 5374 5375 5376 5377 5378 5379 5380 5381 5382 5383 5384 5385 5386 5387 5388 5389 5390 5391 5392 5393 5394 5395 5396 5397 5398 5399 5400 5401 5402 5403 5404 5405 5406 5407 5408 5409 5410 5411 5412 5413 5414 5415 5416 5417 5418 5419 5420 5421 5422 5423 5424 5425 5426 5427 5428 5429 5430 5431 5432 5433 5434 5435 5436 5437 5438 5439 5440 5441 5442 5443 5444 5445 5446 5447 5448 5449 5450 5451 5452 5453 5454 5455 5456 5457 5458 5459 5460 5461 5462 5463 5464 5465 5466 5467 5468 5469 5470 5471 5472 5473 5474 5475 5476 5477 5478 5479 5480 5481 5482 5483 5484 5485 5486 5487 5488 5489 5490 5491 5492 5493 5494 5495 5496 5497 5498 5499 5500 5501 5502 5503 5504 5505 5506 5507 5508 5509 5510 5511 5512 5513 5514 5515 5516 5517 5518 5519 5520 5521 5522 5523 5524 5525 5526 5527 5528 5529 5530 5531 5532 5533 5534 5535 5536 5537 5538 5539 5540 5541 5542 5543 5544 5545 5546 5547 5548 5549 5550 5551 5552 5553 5554 5555 5556 5557 5558 5559 5560 5561 5562 5563 5564 5565 5566 5567 5568 5569 5570 5571 5572 5573 5574 5575 5576 5577 5578 5579 5580 5581 5582 5583 5584 5585 5586 5587 5588 5589 5590 5591 5592 5593 5594 5595 5596 5597 5598 5599 5600 5601 5602 5603 5604 5605 5606 5607 5608 5609 5610 5611 5612 5613 5614 5615 5616 5617 5618 5619 5620 5621 5622 5623 5624 5625 5626 5627 5628 5629 5630 5631 5632 5633 5634 5635 5636 5637 5638 5639 5640 5641 5642 5643 5644 5645 5646 5647 5648 5649 5650 5651 5652 5653 5654 5655 5656 5657 5658 5659 5660 5661 5662 5663 5664 5665 5666 5667 5668 5669 5670 5671 5672 5673 5674 5675 5676 5677 5678 5679 5680 5681 5682 5683 5684 5685 5686 5687 5688 5689 5690 5691 5692 5693 5694 5695 5696 5697 5698 5699 5700 5701 5702 5703 5704 5705 5706 5707 5708 5709 5710 5711 5712 5713 5714 5715 5716 5717 5718 5719 5720 5721 5722 5723 5724 5725 5726 5727 5728 5729 5730 5731 5732 5733 5734 5735 5736 5737 5738 5739 5740 5741 5742 5743 5744 5745 5746 5747 5748 5749 5750 5751 5752 5753 5754 5755 5756 5757 5758 5759 5760 5761 5762 5763 5764 5765 5766 5767 5768 5769 5770 5771 5772 5773 5774 5775 5776 5777 5778 5779 5780 5781 5782 5783 5784 5785 5786 5787 5788 5789 5790 5791 5792 5793 5794 5795 5796 5797 5798 5799 5800 5801 5802 5803 5804 5805 5806 5807 5808 5809 5810 5811 5812 5813 5814 5815 5816 5817 5818 5819 5820 5821 5822 5823 5824 5825 5826 5827 5828 5829 5830 5831 5832 5833 5834 5835 5836 5837 5838 5839 5840 5841 5842 5843 5844 5845 5846 5847 5848 5849 5850 5851 5852 5853 5854 5855 5856 5857 5858 5859 5860 5861 5862 5863 5864 5865 5866 5867 5868 5869 5870 5871 5872 5873 5874 5875 5876 5877 5878 5879 5880 5881 5882 5883 5884 5885 5886 5887 5888 5889 5890 5891 5892 5893 5894 5895 5896 5897 5898 5899 5900 5901 5902 5903 5904 5905 5906 5907 5908 5909 5910 5911 5912 5913 5914 5915 5916 5917 5918 5919 5920 5921 5922 5923 5924 5925 5926 5927 5928 5929 5930 5931 5932 5933 5934 5935 5936 5937 5938 5939 5940 5941 5942 5943 5944 5945 5946 5947 5948 5949 5950 5951 5952 5953 5954 5955 5956 5957 5958 5959 5960 5961 5962 5963 5964 5965 5966 5967 5968 5969 5970 5971 5972 5973 5974 5975 5976 5977 5978 5979 5980 5981 5982 5983 5984 5985 5986 5987 5988 5989 5990 5991 5992 5993 5994 5995 5996 5997 5998 5999 6000 6001 6002 6003 6004 6005 6006 6007 6008 6009 6010 6011 6012 6013 6014 6015 6016 6017 6018 6019 6020 6021 6022 6023 6024 6025 6026 6027 6028 6029 6030 6031 6032 6033 6034 6035 6036 6037 6038 6039 6040 6041 6042 6043 6044 6045 6046 6047 6048 6049 6050 6051 6052 6053 6054 6055 6056 6057 6058 6059 6060 6061 6062 6063 6064 6065 6066 6067 6068 6069 6070 6071 6072 6073 6074 6075 6076 6077 6078 6079 6080 6081 6082 6083 6084 6085 6086 6087 6088 6089 6090 6091 6092 6093 6094 6095 6096 6097 6098 6099 6100 6101 6102 6103 6104 6105 6106 6107 6108 6109 6110 6111 6112 6113 6114 6115 6116 6117 6118 6119 6120 6121 6122 6123 6124 6125 6126 6127 6128 6129 6130 6131 6132 6133 6134 6135 6136 6137 6138 6139 6140 6141 6142 6143 6144 6145 6146 6147 6148 6149 6150 6151 6152 6153 6154 6155 6156 6157 6158 6159 6160 6161 6162 6163 6164 6165 6166 6167 6168 6169 6170 6171 6172 6173 6174 6175 6176 6177 6178 6179 6180 6181 6182 6183 6184 6185 6186 6187 6188 6189 6190 6191 6192 6193 6194 6195 6196 6197 6198 6199 6200 6201 6202 6203 6204 6205 6206 6207 6208 6209 6210 6211 6212 6213 6214 6215 6216 6217 6218 6219 6220 6221 6222 6223 6224 6225 6226 6227 6228 6229 6230 6231 6232 6233 6234 6235 6236 6237 6238 6239 6240 6241 6242 6243 6244 6245 6246 6247 6248 6249 6250 6251 6252 6253 6254 6255 6256 6257 6258 6259 6260 6261 6262 6263 6264 6265 6266 6267 6268 6269 6270 6271 6272 6273 6274 6275 6276 6277 6278 6279 6280 6281 6282 6283 6284 6285 6286 6287 6288 6289 6290 6291 6292 6293 6294 6295 6296 6297 6298 6299 6300 6301 6302 6303 6304 6305 6306 6307 6308 6309 6310 6311 6312 6313 6314 6315 6316 6317 6318 6319 6320 6321 6322 6323 6324 6325 6326 6327 6328 6329 6330 6331 6332 6333 6334 6335 6336 6337 6338 6339 6340 6341 6342 6343 6344 6345 6346 6347 6348 6349 6350 6351 6352 6353 6354 6355 6356 6357 6358 6359 6360 6361 6362 6363 6364 6365 6366 6367 6368 6369 6370 6371 6372 6373 6374 6375 6376 6377 6378 6379 6380 6381 6382 6383 6384 6385 6386 6387 6388 6389 6390 6391 6392 6393 6394 6395 6396 6397 6398 6399 6400 6401 6402 6403 6404 6405 6406 6407 6408 6409 6410 6411 6412 6413 6414 6415 6416 6417 6418 6419 6420 6421 6422 6423 6424 6425 6426 6427 6428 6429 6430 6431 6432 6433 6434 6435 6436 6437 6438 6439 6440 6441 6442 6443 6444 6445 6446 6447 6448 6449 6450 6451 6452 6453 6454 6455 6456 6457 6458 6459 6460 6461 6462 6463 6464 6465 6466 6467 6468 6469 6470 6471 6472 6473 6474 6475 6476 6477 6478 6479 6480 6481 6482 6483 6484 6485 6486 6487 6488 6489 6490 6491 6492 6493 6494 6495 6496 6497 6498 6499 6500 6501 6502 6503 6504 6505 6506 6507 6508 6509 6510 6511 6512 6513 6514 6515 6516 6517 6518 6519 6520 6521 6522 6523 6524 6525 6526 6527 6528 6529 6530 6531 6532 6533 6534 6535 6536 6537 6538 6539 6540 6541 6542 6543 6544 6545 6546 6547 6548 6549 6550 6551 6552 6553 6554 6555 6556 6557 6558 6559 6560 6561 6562 6563 6564 6565 6566 6567 6568 6569 6570 6571 6572 6573 6574 6575 6576 6577 6578 6579 6580 6581 6582 6583 6584 6585 6586 6587 6588 6589 6590 6591 6592 6593 6594 6595 6596 6597 6598 6599 6600 6601 6602 6603 6604 6605 6606 6607 6608 6609 6610 6611 6612 6613 6614 6615 6616 6617 6618 6619 6620 6621 6622 6623 6624 6625 6626 6627 6628 6629 6630 6631 6632 6633 6634 6635 6636 6637 6638 6639 6640 6641 6642 6643 6644 6645 6646 6647 6648 6649 6650 6651 6652 6653 6654 6655 6656 6657 6658 6659 6660 6661 6662 6663 6664 6665 6666 6667 6668 6669 6670 6671 6672 6673 6674 6675 6676 6677 6678 6679 6680 6681 6682 6683 6684 6685 6686 6687 6688 6689 6690 6691 6692 6693 6694 6695 6696 6697 6698 6699 6700 6701 6702 6703 6704 6705 6706 6707 6708 6709 6710 6711 6712 6713 6714 6715 6716 6717 6718 6719 6720 6721 6722 6723 6724 6725 6726 6727 6728 6729 6730 6731 6732 6733 6734 6735 6736 6737 6738 6739 6740 6741 6742 6743 6744 6745 6746 6747 6748 6749 6750 6751 6752 6753 6754 6755 6756 6757 6758 6759 6760 6761 6762 6763 6764 6765 6766 6767 6768 6769 6770 6771 6772 6773 6774 6775 6776 6777 6778 6779 6780 6781 6782 6783 6784 6785 6786 6787 6788 6789 6790 6791 6792 6793 6794 6795 6796 6797 6798 6799 6800 6801 6802 6803 6804 6805 6806 6807 6808 6809 6810 6811 6812 6813 6814 6815 6816 6817 6818 6819 6820 6821 6822 6823 6824 6825 6826 6827 6828 6829 6830 6831 6832 6833 6834 6835 6836 6837 6838 6839 6840 6841 6842 6843 6844 6845 6846 6847 6848 6849 6850 6851 6852 6853 6854 6855 6856 6857 6858 6859 6860 6861 6862 6863 6864 6865 6866 6867 6868 6869 6870 6871 6872 6873 6874 6875 6876 6877 6878 6879 6880 6881 6882 6883 6884 6885 6886 6887 6888 6889 6890 6891 6892 6893 6894 6895 6896 6897 6898 6899 6900 6901 6902 6903 6904 6905 6906 6907 6908 6909 6910 6911 6912 6913 6914 6915 6916 6917 6918 6919 6920 6921 6922 6923 6924 6925 6926 6927 6928 6929 6930 6931 6932 6933 6934 6935 6936 6937 6938 6939 6940 6941 6942 6943 6944 6945 6946 6947 6948 6949 6950 6951 6952 6953 6954 6955 6956 6957 6958 6959 6960 6961 6962 6963 6964 6965 6966 6967 6968 6969 6970 6971 6972 6973 6974 6975 6976 6977 6978 6979 6980 6981 6982 6983 6984 6985 6986 6987 6988 6989 6990 6991 6992 6993 6994 6995 6996 6997 6998 6999 7000 7001 7002 7003 7004 7005 7006 7007 7008 7009 7010 7011 7012 7013 7014 7015 7016 7017 7018 7019 7020 7021 7022 7023 7024 7025 7026 7027 7028 7029 7030 7031 7032 7033 7034 7035 7036 7037 7038 7039 7040 7041 7042 7043 7044 7045 7046 7047 7048 7049 7050 7051 7052 7053 7054 7055 7056 7057 7058 7059 7060 7061 7062 7063 7064 7065 7066 7067 7068 7069 7070 7071 7072 7073 7074 7075 7076 7077 7078 7079 7080 7081 7082 7083 7084 7085 7086 7087 7088 7089 7090 7091 7092 7093 7094 7095 7096 7097 7098 7099 7100 7101 7102 7103 7104 7105 7106 7107 7108 7109 7110 7111 7112 7113 7114 7115 7116 7117 7118 7119 7120 7121 7122 7123 7124 7125 7126 7127 7128 7129 7130 7131 7132 7133 7134 7135 7136 7137 7138 7139 7140 7141 7142 7143 7144 7145 7146 7147 7148 7149 7150 7151 7152 7153 7154 7155 7156 7157 7158 7159 7160 7161 7162 7163 7164 7165 7166 7167 7168 7169 7170 7171 7172 7173 7174 7175 7176 7177 7178 7179 7180 7181 7182 7183 7184 7185 7186 7187 7188 7189 7190 7191 7192 7193 7194 7195 7196 7197 7198 7199 7200 7201 7202 7203 7204 7205 7206 7207 7208 7209 7210 7211 7212 7213 7214 7215 7216 7217 7218 7219 7220 7221 7222 7223 7224 7225 7226 7227 7228 7229 7230 7231 7232 7233 7234 7235 7236 7237 7238 7239 7240 7241 7242 7243 7244 7245 7246 7247 7248 7249 7250 7251 7252 7253 7254 7255 7256 7257 7258 7259 7260 7261 7262 7263 7264 7265 7266 7267 7268 7269 7270 7271 7272 7273 7274 7275 7276 7277 7278 7279 7280 7281 7282 7283 7284 7285 7286 7287 7288 7289 7290 7291 7292 7293 7294 7295 7296 7297 7298 7299 7300 7301 7302 7303 7304 7305 7306 7307 7308 7309 7310 7311 7312 7313 7314 7315 7316 7317 7318 7319 7320 7321 7322 7323 7324 7325 7326 7327 7328 7329 7330 7331 7332 7333 7334 7335 7336 7337 7338 7339 7340 7341 7342 7343 7344 7345 7346 7347 7348 7349 7350 7351 7352 7353 7354 7355 7356 7357 7358 7359 7360 7361 7362 7363 7364 7365 7366 7367 7368 7369 7370 7371 7372 7373 7374 7375 7376 7377 7378 7379 7380 7381 7382 7383 7384 7385 7386 7387 7388 7389 7390 7391 7392 7393 7394 7395 7396 7397 7398 7399 7400 7401 7402 7403 7404 7405 7406 7407 7408 7409 7410 7411 7412 7413 7414 7415 7416 7417 7418 7419 7420 7421 7422 7423 7424 7425 7426 7427 7428 7429 7430 7431 7432 7433 7434 7435 7436 7437 7438 7439 7440 7441 7442 7443 7444 7445 7446 7447 7448 7449 7450 7451 7452 7453 7454 7455 7456 7457 7458 7459 7460 7461 7462 7463 7464 7465 7466 7467 7468 7469 7470 7471 7472 7473 7474 7475 7476 7477 7478 7479 7480 7481 7482 7483 7484 7485 7486 7487 7488 7489 7490 7491 7492 7493 7494 7495 7496 7497 7498 7499 7500 7501 7502 7503 7504 7505 7506 7507 7508 7509 7510 7511 7512 7513 7514 7515 7516 7517 7518 7519 7520 7521 7522 7523 7524 7525 7526 7527 7528 7529 7530 7531 7532 7533 7534 7535 7536 7537 7538 7539 7540 7541 7542 7543 7544 7545 7546 7547 7548 7549 7550 7551 7552 7553 7554 7555 7556 7557 7558 7559 7560 7561 7562 7563 7564 7565 7566 7567 7568 7569 7570 7571 7572 7573 7574 7575 7576 7577 7578 7579 7580 7581 7582 7583 7584 7585 7586 7587 7588 7589 7590 7591 7592 7593 7594 7595 7596 7597 7598 7599 7600 7601 7602 7603 7604 7605 7606 7607 7608 7609 7610 7611 7612 7613 7614 7615 7616 7617 7618 7619 7620 7621 7622 7623 7624 7625 7626 7627 7628 7629 7630 7631 7632 7633 7634 7635 7636 7637 7638 7639 7640 7641 7642 7643 7644 7645 7646 7647 7648 7649 7650 7651 7652 7653 7654 7655 7656 7657 7658 7659 7660 7661 7662 7663 7664 7665 7666 7667 7668 7669 7670 7671 7672 7673 7674 7675 7676 7677 7678 7679 7680 7681 7682 7683 7684 7685 7686 7687 7688 7689 7690 7691 7692 7693 7694 7695 7696 7697 7698 7699 7700 7701 7702 7703 7704 7705 7706 7707 7708 7709 7710 7711 7712 7713 7714 7715 7716 7717 7718 7719 7720 7721 7722 7723 7724 7725 7726 7727 7728 7729 7730 7731 7732 7733 7734 7735 7736 7737 7738 7739 7740 7741 7742 7743 7744 7745 7746 7747 7748 7749 7750 7751 7752 7753 7754 7755 7756 7757 7758 7759 7760 7761 7762 7763 7764 7765 7766 7767 7768 7769 7770 7771 7772 7773 7774 7775 7776 7777 7778 7779 7780 7781 7782 7783 7784 7785 7786 7787 7788 7789 7790 7791 7792 7793 7794 7795 7796 7797 7798 7799 7800 7801 7802 7803 7804 7805 7806 7807 7808 7809 7810 7811 7812 7813 7814 7815 7816 7817 7818 7819 7820 7821 7822 7823 7824 7825 7826 7827 7828 7829 7830 7831 7832 7833 7834 7835 7836 7837 7838 7839 7840 7841 7842 7843 7844 7845 7846 7847 7848 7849 7850 7851 7852 7853 7854 7855 7856 7857 7858 7859 7860 7861 7862 7863 7864 7865 7866 7867 7868 7869 7870 7871 7872 7873 7874 7875 7876 7877 7878 7879 7880 7881 7882 7883 7884 7885 7886 7887 7888 7889 7890 7891 7892 7893 7894 7895 7896 7897 7898 7899 7900 7901 7902 7903 7904 7905 7906 7907 7908 7909 7910 7911 7912 7913 7914 7915 7916 7917 7918 7919 7920 7921 7922 7923 7924 7925 7926 7927 7928 7929 7930 7931 7932 7933 7934 7935 7936 7937 7938 7939 7940 7941 7942 7943 7944 7945 7946 7947 7948 7949 7950 7951 7952 7953 7954 7955 7956 7957 7958 7959 7960 7961 7962 7963 7964 7965 7966 7967 7968 7969 7970 7971 7972 7973 7974 7975 7976 7977 7978 7979 7980 7981 7982 7983 7984 7985 7986 7987 7988 7989 7990 7991 7992 7993 7994 7995 7996 7997 7998 7999 8000 8001 8002 8003 8004 8005 8006 8007 8008 8009 8010 8011 8012 8013 8014 8015 8016 8017 8018 8019 8020 8021 8022 8023 8024 8025 8026 8027 8028 8029 8030 8031 8032 8033 8034 8035 8036 8037 8038 8039 8040 8041 8042 8043 8044 8045 8046 8047 8048 8049 8050 8051 8052 8053 8054 8055 8056 8057 8058 8059 8060 8061 8062 8063 8064 8065 8066 8067 8068 8069 8070 8071 8072 8073 8074 8075 8076 8077 8078 8079 8080 8081 8082 8083 8084 8085 8086 8087 8088 8089 8090 8091 8092 8093 8094 8095 8096 8097 8098 8099 8100 8101 8102 8103 8104 8105 8106 8107 8108 8109 8110 8111 8112 8113 8114 8115 8116 8117 8118 8119 8120 8121 8122 8123 8124 8125 8126 8127 8128 8129 8130 8131 8132 8133 8134 8135 8136 8137 8138 8139 8140 8141 8142 8143 8144 8145 8146 8147 8148 8149 8150 8151 8152 8153 8154 8155 8156 8157 8158 8159 8160 8161 8162 8163 8164 8165 8166 8167 8168 8169 8170 8171 8172 8173 8174 8175 8176 8177 8178 8179 8180 8181 8182 8183 8184 8185 8186 8187 8188 8189 8190 8191 8192 8193 8194 8195 8196 8197 8198 8199 8200 8201 8202 8203 8204 8205 8206 8207 8208 8209 8210 8211 8212 8213 8214 8215 8216 8217 8218 8219 8220 8221 8222 8223 8224 8225 8226 8227 8228 8229 8230 8231 8232 8233 8234 8235 8236 8237 8238 8239 8240 8241 8242 8243 8244 8245 8246 8247 8248 8249 8250 8251 8252 8253 8254 8255 8256 8257 8258 8259 8260 8261 8262 8263 8264 8265 8266 8267 8268 8269 8270 8271 8272 8273 8274 8275 8276 8277 8278 8279 8280 8281 8282 8283 8284 8285 8286 8287 8288 8289 8290 8291 8292 8293 8294 8295 8296 8297 8298 8299 8300 8301 8302 8303 8304 8305 8306 8307 8308 8309 8310 8311 8312 8313 8314 8315 8316 8317 8318 8319 8320 8321 8322 8323 8324 8325 8326 8327 8328 8329 8330 8331 8332 8333 8334 8335 8336 8337 8338 8339 8340 8341 8342 8343 8344 8345 8346 8347 8348 8349 8350 8351 8352 8353 8354 8355 8356 8357 8358 8359 8360 8361 8362 8363 8364 8365 8366 8367 8368 8369 8370 8371 8372 8373 8374 8375 8376 8377 8378 8379 8380 8381 8382 8383 8384 8385 8386 8387 8388 8389 8390 8391 8392 8393 8394 8395 8396 8397 8398 8399 8400 8401 8402 8403 8404 8405 8406 8407 8408 8409 8410 8411 8412 8413 8414 8415 8416 8417 8418 8419 8420 8421 8422 8423 8424 8425 8426 8427 8428 8429 8430 8431 8432 8433 8434 8435 8436 8437 8438 8439 8440 8441 8442 8443 8444 8445 8446 8447 8448 8449 8450 8451 8452 8453 8454 8455 8456 8457 8458 8459 8460 8461 8462 8463 8464 8465 8466 8467 8468 8469 8470 8471 8472 8473 8474 8475 8476 8477 8478 8479 8480 8481 8482 8483 8484 8485 8486 8487 8488 8489 8490 8491 8492 8493 8494 8495 8496 8497 8498 8499 8500 8501 8502 8503 8504 8505 8506 8507 8508 8509 8510 8511 8512 8513 8514 8515 8516 8517 8518 8519 8520 8521 8522 8523 8524 8525 8526 8527 8528 8529 8530 8531 8532 8533 8534 8535 8536 8537 8538 8539 8540 8541 8542 8543 8544 8545 8546 8547 8548 8549 8550 8551 8552 8553 8554 8555 8556 8557 8558 8559 8560 8561 8562 8563 8564 8565 8566 8567 8568 8569 8570 8571 8572 8573 8574 8575 8576 8577 8578 8579 8580 8581 8582 8583 8584 8585 8586 8587 8588 8589 8590 8591 8592 8593 8594 8595 8596 8597 8598 8599 8600 8601 8602 8603 8604 8605 8606 8607 8608 8609 8610 8611 8612 8613 8614 8615 8616 8617 8618 8619 8620 8621 8622 8623 8624 8625 8626 8627 8628 8629 8630 8631 8632 8633 8634 8635 8636 8637 8638 8639 8640 8641 8642 8643 8644 8645 8646 8647 8648 8649 8650 8651 8652 8653 8654 8655 8656 8657 8658 8659 8660 8661 8662 8663 8664 8665 8666 8667 8668 8669 8670 8671 8672 8673 8674 8675 8676 8677 8678 8679 8680 8681 8682 8683 8684 8685 8686 8687 8688 8689 8690 8691 8692 8693 8694 8695 8696 8697 8698 8699 8700 8701 8702 8703 8704 8705 8706 8707 8708 8709 8710 8711 8712 8713 8714 8715 8716 8717 8718 8719 8720 8721 8722 8723 8724 8725 8726 8727 8728 8729 8730 8731 8732 8733 8734 8735 8736 8737 8738 8739 8740 8741 8742 8743 8744 8745 8746 8747 8748 8749 8750 8751 8752 8753 8754 8755 8756 8757 8758 8759 8760 8761 8762 8763 8764 8765 8766 8767 8768 8769 8770 8771 8772 8773 8774 8775 8776 8777 8778 8779 8780 8781 8782 8783 8784 8785 8786 8787 8788 8789 8790 8791 8792 8793 8794 8795 8796 8797 8798 8799 8800 8801 8802 8803 8804 8805 8806 8807 8808 8809 8810 8811 8812 8813 8814 8815 8816 8817 8818 8819 8820 8821 8822 8823 8824 8825 8826 8827 8828 8829 8830 8831 8832 8833 8834 8835 8836 8837 8838 8839 8840 8841 8842 8843 8844 8845 8846 8847 8848 8849 8850 8851 8852 8853 8854 8855 8856 8857 8858 8859 8860 8861 8862 8863 8864 8865 8866 8867 8868 8869 8870 8871 8872 8873 8874 8875 8876 8877 8878 8879 8880 8881 8882 8883 8884 8885 8886 8887 8888 8889 8890 8891 8892 8893 8894 8895 8896 8897 8898 8899 8900 8901 8902 8903 8904 8905 8906 8907 8908 8909 8910 8911 8912 8913 8914 8915 8916 8917 8918 8919 8920 8921 8922 8923 8924 8925 8926 8927 8928 8929 8930 8931 8932 8933 8934 8935 8936 8937 8938 8939 8940 8941 8942 8943 8944 8945 8946 8947 8948 8949 8950 8951 8952 8953 8954 8955 8956 8957 8958 8959 8960 8961 8962 8963 8964 8965 8966 8967 8968 8969 8970 8971 8972 8973 8974 8975 8976 8977 8978 8979 8980 8981 8982 8983 8984 8985 8986 8987 8988 8989 8990 8991 8992 8993 8994 8995 8996 8997 8998 8999 9000 9001 9002 9003 9004 9005 9006 9007 9008 9009 9010 9011 9012 9013 9014 9015 9016 9017 9018 9019 9020 9021 9022 9023 9024 9025 9026 9027 9028 9029 9030 9031 9032 9033 9034 9035 9036 9037 9038 9039 9040 9041 9042 9043 9044 9045 9046 9047 9048 9049 9050 9051 9052 9053 9054 9055 9056 9057 9058 9059 9060 9061 9062 9063 9064 9065 9066 9067 9068 9069 9070 9071 9072 9073 9074 9075 9076 9077 9078 9079 9080 9081 9082 9083 9084 9085 9086 9087 9088 9089 9090 9091 9092 9093 9094 9095 9096 9097 9098 9099 9100 9101 9102 9103 9104 9105 9106 9107 9108 9109 9110 9111 9112 9113 9114 9115 9116 9117 9118 9119 9120 9121 9122 9123 9124 9125 9126 9127 9128 9129 9130 9131 9132 9133 9134 9135 9136 9137 9138 9139 9140 9141 9142 9143 9144 9145 9146 9147 9148 9149 9150 9151 9152 9153 9154 9155 9156 9157 9158 9159 9160 9161 9162 9163 9164 9165 9166 9167 9168 9169 9170 9171 9172 9173 9174 9175 9176 9177 9178 9179 9180 9181 9182 9183 9184 9185 9186 9187 9188 9189 9190 9191 9192 9193 9194 9195 9196 9197 9198 9199 9200 9201 9202 9203 9204 9205 9206 9207 9208 9209 9210 9211 9212 9213 9214 9215 9216 9217 9218 9219 9220 9221 9222 9223 9224 9225 9226 9227 9228 9229 9230 9231 9232 9233 9234 9235 9236 9237 9238 9239 9240 9241 9242 9243 9244 9245 9246 9247 9248 9249 9250 9251 9252 9253 9254 9255 9256 9257 9258 9259 9260 9261 9262 9263 9264 9265 9266 9267 9268 9269 9270 9271 9272 9273 9274 9275 9276 9277 9278 9279 9280 9281 9282 9283 9284 9285 9286 9287 9288 9289 9290 9291 9292 9293 9294 9295 9296 9297 9298 9299 9300 9301 9302 9303 9304 9305 9306 9307 9308 9309 9310 9311 9312 9313 9314 9315 9316 9317 9318 9319 9320 9321 9322 9323 9324 9325 9326 9327 9328 9329 9330 9331 9332 9333 9334 9335 9336 9337 9338 9339 9340 9341 9342 9343 9344 9345 9346 9347 9348 9349 9350 9351 9352 9353 9354 9355 9356 9357 9358 9359 9360 9361 9362 9363 9364 9365 9366 9367 9368 9369 9370 9371 9372 9373 9374 9375 9376 9377 9378 9379 9380 9381 9382 9383 9384 9385 9386 9387 9388 9389 9390 9391 9392 9393 9394 9395 9396 9397 9398 9399 9400 9401 9402 9403 9404 9405 9406 9407 9408 9409 9410 9411 9412 9413 9414 9415 9416 9417 9418 9419 9420 9421 9422 9423 9424 9425 9426 9427 9428 9429 9430 9431 9432 9433 9434 9435 9436 9437 9438 9439 9440 9441 9442 9443 9444 9445 9446 9447 9448 9449 9450 9451 9452 9453 9454 9455 9456 9457 9458 9459 9460 9461 9462 9463 9464 9465 9466 9467 9468 9469 9470 9471 9472 9473 9474 9475 9476 9477 9478 9479 9480 9481 9482 9483 9484 9485 9486 9487 9488 9489 9490 9491 9492 9493 9494 9495 9496 9497 9498 9499 9500 9501 9502 9503 9504 9505 9506 9507 9508 9509 9510 9511 9512 9513 9514 9515 9516 9517 9518 9519 9520 9521 9522 9523 9524 9525 9526 9527 9528 9529 9530 9531 9532 9533 9534 9535 9536 9537 9538 9539 9540 9541 9542 9543 9544 9545 9546 9547 9548 9549 9550 9551 9552 9553 9554 9555 9556 9557 9558 9559 9560 9561 9562 9563 9564 9565 9566 9567 9568 9569 9570 9571 9572 9573 9574 9575 9576 9577 9578 9579 9580 9581 9582 9583 9584 9585 9586 9587 9588 9589 9590 9591 9592 9593 9594 9595 9596 9597 9598 9599 9600 9601 9602 9603 9604 9605 9606 9607 9608 9609 9610 9611 9612 9613 9614 9615 9616 9617 9618 9619 9620 9621 9622 9623 9624 9625 9626 9627 9628 9629 9630 9631 9632 9633 9634 9635 9636 9637 9638 9639 9640 9641 9642 9643 9644 9645 9646 9647 9648 9649 9650 9651 9652 9653 9654 9655 9656 9657 9658 9659 9660 9661 9662 9663 9664 9665 9666 9667 9668 9669 9670 9671 9672 9673 9674 9675 9676 9677 9678 9679 9680 9681 9682 9683 9684 9685 9686 9687 9688 9689 9690 9691 9692 9693 9694 9695 9696 9697 9698 9699 9700 9701 9702 9703 9704 9705 9706 9707 9708 9709 9710 9711 9712 9713 9714 9715 9716 9717 9718 9719 9720 9721 9722 9723 9724 9725 9726 9727 9728 9729 9730 9731 9732 9733 9734 9735 9736 9737 9738 9739 9740 9741 9742 9743 9744 9745 9746 9747 9748 9749 9750 9751 9752 9753 9754 9755 9756 9757 9758 9759 9760 9761 9762 9763 9764 9765 9766 9767 9768 9769 9770 9771 9772 9773 9774 9775 9776 9777 9778 9779 9780 9781 9782 9783 9784 9785 9786 9787 9788 9789 9790 9791 9792 9793 9794 9795 9796 9797 9798 9799 9800 9801 9802 9803 9804 9805 9806 9807 9808 9809 9810 9811 9812 9813 9814 9815 9816 9817 9818 9819 9820 9821 9822 9823 9824 9825 9826 9827 9828 9829 9830 9831 9832 9833 9834 9835 9836 9837 9838 9839 9840 9841 9842 9843 9844 9845 9846 9847 9848 9849 9850 9851 9852 9853 9854 9855 9856 9857 9858 9859 9860 9861 9862 9863 9864 9865 9866 9867 9868 9869 9870 9871 9872 9873 9874 9875 9876 9877 9878 9879 9880 9881 9882 9883 9884 9885 9886 9887 9888 9889 9890 9891 9892 9893 9894 9895 9896 9897 9898 9899 9900 9901 9902 9903 9904 9905 9906 9907 9908 9909 9910 9911 9912 9913 9914 9915 9916 9917 9918 9919 9920 9921 9922 9923 9924 9925 9926 9927 9928 9929 9930 9931 9932 9933 9934 9935 9936 9937 9938 9939 9940 9941 9942 9943 9944 9945 9946 9947 9948 9949 9950 9951 9952 9953 9954 9955 9956 9957 9958 9959 9960 9961 9962 9963 9964 9965 9966 9967 9968 9969 9970 9971 9972 9973 9974 9975 9976 9977 9978 9979 9980 9981 9982 9983 9984 9985 9986 9987 9988 9989 9990 9991 9992 9993 9994 9995 9996 9997 9998 9999 10000 10001 10002 10003 10004 10005 10006 10007 10008 10009 10010 10011 10012 10013 10014 10015 10016 10017 10018 10019 10020 10021 10022 10023 10024 10025 10026 10027 10028 10029 10030 10031 10032 10033 10034 10035 10036 10037 10038 10039 10040 10041 10042 10043 10044 10045 10046 10047 10048 10049 10050 10051 10052 10053 10054 10055 10056 10057 10058 10059 10060 10061 10062 10063 10064 10065 10066 10067 10068 10069 10070 10071 10072 10073 10074 10075 10076 10077 10078 10079 10080 10081 10082 10083 10084 10085 10086 10087 10088 10089 10090 10091 10092 10093 10094 10095 10096 10097 10098 10099 10100 10101 10102 10103 10104 10105 10106 10107 10108 10109 10110 10111 10112 10113 10114 10115 10116 10117 10118 10119 10120 10121 10122 10123 10124 10125 10126 10127 10128 10129 10130 10131 10132 10133 10134 10135 10136 10137 10138 10139 10140 10141 10142 10143 10144 10145 10146 10147 10148 10149 10150 10151 10152 10153 10154 10155 10156 10157 10158 10159 10160 10161 10162 10163 10164 10165 10166 10167 10168 10169 10170 10171 10172 10173 10174 10175 10176 10177 10178 10179 10180 10181 10182 10183 10184 10185 10186 10187 10188 10189 10190 10191 10192 10193 10194 10195 10196 10197 10198 10199 10200 10201 10202 10203 10204 10205 10206 10207 10208 10209 10210 10211 10212 10213 10214 10215 10216 10217 10218 10219 10220 10221 10222 10223 10224 10225 10226 10227 10228 10229 10230 10231 10232 10233 10234 10235 10236 10237 10238 10239 10240 10241 10242 10243 10244 10245 10246 10247 10248 10249 10250 10251 10252 10253 10254 10255 10256 10257 10258 10259 10260 10261 10262 10263 10264 10265 10266 10267 10268 10269 10270 10271 10272 10273 10274 10275 10276 10277 10278 10279 10280 10281 10282 10283 10284 10285 10286 10287 10288 10289 10290 10291 10292 10293 10294 10295 10296 10297 10298 10299 10300 10301 10302 10303 10304 10305 10306 10307 10308 10309 10310 10311 10312 10313 10314 10315 10316 10317 10318 10319 10320 10321 10322 10323 10324 10325 10326 10327 10328 10329 10330 10331 10332 10333 10334 10335 10336 10337 10338 10339 10340 10341 10342 10343 10344 10345 10346 10347 10348 10349 10350 10351 10352 10353 10354 10355 10356 10357 10358 10359 10360 10361 10362 10363 10364 10365 10366 10367 10368 10369 10370 10371 10372 10373 10374 10375 10376 10377 10378 10379 10380 10381 10382 10383 10384 10385 10386 10387 10388 10389 10390 10391 10392 10393 10394 10395 10396 10397 10398 10399 10400 10401 10402 10403 10404 10405 10406 10407 10408 10409 10410 10411 10412 10413 10414 10415 10416 10417 10418 10419 10420 10421 10422 10423 10424 10425 10426 10427 10428 10429 10430 10431 10432 10433 10434 10435 10436 10437 10438 10439 10440 10441 10442 10443 10444 10445 10446 10447 10448 10449 10450 10451 10452 10453 10454 10455 10456 10457 10458 10459 10460 10461 10462 10463 10464 10465 10466 10467 10468 10469 10470 10471 10472 10473 10474 10475 10476 10477 10478 10479 10480 10481 10482 10483 10484 10485 10486 10487 10488 10489 10490 10491 10492 10493 10494 10495 10496 10497 10498 10499 10500 10501 10502 10503 10504 10505 10506 10507 10508 10509 10510 10511 10512 10513 10514 10515 10516 10517 10518 10519 10520 10521 10522 10523 10524 10525 10526 10527 10528 10529 10530 10531 10532 10533 10534 10535 10536 10537 10538 10539 10540 10541 10542 10543 10544 10545 10546 10547 10548 10549 10550 10551 10552 10553 10554 10555 10556 10557 10558 10559 10560 10561 10562 10563 10564 10565 10566 10567 10568 10569 10570 10571 10572 10573 10574 10575 10576 10577 10578 10579 10580 10581 10582 10583 10584 10585 10586 10587 10588 10589 10590 10591 10592 10593 10594 10595 10596 10597 10598 10599 10600 10601 10602 10603 10604 10605 10606 10607 10608 10609 10610 10611 10612 10613 10614 10615 10616 10617 10618 10619 10620 10621 10622 10623 10624 10625 10626 10627 10628 10629 10630 10631 10632 10633 10634 10635 10636 10637 10638 10639 10640 10641 10642 10643 10644 10645 10646 10647 10648 10649 10650 10651 10652 10653 10654 10655 10656 10657 10658 10659 10660 10661 10662 10663 10664 10665 10666 10667 10668 10669 10670 10671 10672 10673 10674 10675 10676 10677 10678 10679 10680 10681 10682 10683 10684 10685 10686 10687 10688 10689 10690 10691 10692 10693 10694 10695 10696 10697 10698 10699 10700 10701 10702 10703 10704 10705 10706 10707 10708 10709 10710 10711 10712 10713 10714 10715 10716 10717 10718 10719 10720 10721 10722 10723 10724 10725 10726 10727 10728 10729 10730 10731 10732 10733 10734 10735 10736 10737 10738 10739 10740 10741 10742 10743 10744 10745 10746 10747 10748 10749 10750 10751 10752 10753 10754 10755 10756 10757 10758 10759 10760 10761 10762 10763 10764 10765 10766 10767 10768 10769 10770 10771 10772 10773 10774 10775 10776 10777 10778 10779 10780 10781 10782 10783 10784 10785 10786 10787 10788 10789 10790 10791 10792 10793 10794 10795 10796 10797 10798 10799 10800 10801 10802 10803 10804 10805 10806 10807 10808 10809 10810 10811 10812 10813 10814 10815 10816 10817 10818 10819 10820 10821 10822 10823 10824 10825 10826 10827 10828 10829 10830 10831 10832 10833 10834 10835 10836 10837 10838 10839 10840 10841 10842 10843 10844 10845 10846 10847 10848 10849 10850 10851 10852 10853 10854 10855 10856 10857 10858 10859 10860 10861 10862 10863 10864 10865 10866 10867 10868 10869 10870 10871 10872 10873 10874 10875 10876 10877 10878 10879 10880 10881 10882 10883 10884 10885 10886 10887 10888 10889 10890 10891 10892 10893 10894 10895 10896 10897 10898 10899 10900 10901 10902 10903 10904 10905 10906 10907 10908 10909 10910 10911 10912 10913 10914 10915 10916 10917 10918 10919 10920 10921 10922 10923 10924 10925 10926 10927 10928 10929 10930 10931 10932 10933 10934 10935 10936 10937 10938 10939 10940 10941 10942 10943 10944 10945 10946 10947 10948 10949 10950 10951 10952 10953 10954 10955 10956 10957 10958 10959 10960 10961 10962 10963 10964 10965 10966 10967 10968 10969 10970 10971 10972 10973 10974 10975 10976 10977 10978 10979 10980 10981 10982 10983 10984 10985 10986 10987 10988 10989 10990 10991 10992 10993 10994 10995 10996 10997 10998 10999 11000 11001 11002 11003 11004 11005 11006 11007 11008 11009 11010 11011 11012 11013 11014 11015 11016 11017 11018 11019 11020 11021 11022 11023 11024 11025 11026 11027 11028 11029 11030 11031 11032 11033 11034 11035 11036 11037 11038 11039 11040 11041 11042 11043 11044 11045 11046 11047 11048 11049 11050 11051 11052 11053 11054 11055 11056 11057 11058 11059 11060 11061 11062 11063 11064 11065 11066 11067 11068 11069 11070 11071 11072 11073 11074 11075 11076 11077 11078 11079 11080 11081 11082 11083 11084 11085 11086 11087 11088 11089 11090 11091 11092 11093 11094 11095 11096 11097 11098 11099 11100 11101 11102 11103 11104 11105 11106 11107 11108 11109 11110 11111 11112 11113 11114 11115 11116 11117 11118 11119 11120 11121 11122 11123 11124 11125 11126 11127 11128 11129 11130 11131 11132 11133 11134 11135 11136 11137 11138 11139 11140 11141 11142 11143 11144 11145 11146 11147 11148 11149 11150 11151 11152 11153 11154 11155 11156 11157 11158 11159 11160 11161 11162 11163 11164 11165 11166 11167 11168 11169 11170 11171 11172 11173 11174 11175 11176 11177 11178 11179 11180 11181 11182 11183 11184 11185 11186 11187 11188 11189 11190 11191 11192 11193 11194 11195 11196 11197 11198 11199 11200 11201 11202 11203 11204 11205 11206 11207 11208 11209 11210 11211 11212 11213 11214 11215 11216 11217 11218 11219 11220 11221 11222 11223 11224 11225 11226 11227 11228 11229 11230 11231 11232 11233 11234 11235 11236 11237 11238 11239 11240 11241 11242 11243 11244 11245 11246 11247 11248 11249 11250 11251 11252 11253 11254 11255 11256 11257 11258 11259 11260 11261 11262 11263 11264 11265 11266 11267 11268 11269 11270 11271 11272 11273 11274 11275 11276 11277 11278 11279 11280 11281 11282 11283 11284 11285 11286 11287 11288 11289 11290 11291 11292 11293 11294 11295 11296 11297 11298 11299 11300 11301 11302 11303 11304 11305 11306 11307 11308 11309 11310 11311 11312 11313 11314 11315 11316 11317 11318 11319 11320 11321 11322 11323 11324 11325 11326 11327 11328 11329 11330 11331 11332 11333 11334 11335 11336 11337 11338 11339 11340 11341 11342 11343 11344 11345 11346 11347 11348 11349 11350 11351 11352 11353 11354 11355 11356 11357 11358 11359 11360 11361 11362 11363 11364 11365 11366 11367 11368 11369 11370 11371 11372 11373 11374 11375 11376 11377 11378 11379 11380 11381 11382 11383 11384 11385 11386 11387 11388 11389 11390 11391 11392 11393 11394 11395 11396 11397 11398 11399 11400 11401 11402 11403 11404 11405 11406 11407 11408 11409 11410 11411 11412 11413 11414 11415 11416 11417 11418 11419 11420 11421 11422 11423 11424 11425 11426 11427 11428 11429 11430 11431 11432 11433 11434 11435 11436 11437 11438 11439 11440 11441 11442 11443 11444 11445 11446 11447 11448 11449 11450 11451 11452 11453 11454 11455 11456 11457 11458 11459 11460 11461 11462 11463 11464 11465 11466 11467 11468 11469 11470 11471 11472 11473 11474 11475 11476 11477 11478 11479 11480 11481 11482 11483 11484 11485 11486 11487 11488 11489 11490 11491 11492 11493 11494 11495 11496 11497 11498 11499 11500 11501 11502 11503 11504 11505 11506 11507 11508 11509 11510 11511 11512 11513 11514 11515 11516 11517 11518 11519 11520 11521 11522 11523 11524 11525 11526 11527 11528 11529 11530 11531 11532 11533 11534 11535 11536 11537 11538 11539 11540 11541 11542 11543 11544 11545 11546 11547 11548 11549 11550 11551 11552 11553 11554 11555 11556 11557 11558 11559 11560 11561 11562 11563 11564 11565 11566 11567 11568 11569 11570 11571 11572 11573 11574 11575 11576 11577 11578 11579 11580 11581 11582 11583 11584 11585 11586 11587 11588 11589 11590 11591 11592 11593 11594 11595 11596 11597 11598 11599 11600 11601 11602 11603 11604 11605 11606 11607 11608 11609 11610 11611 11612 11613 11614 11615 11616 11617 11618 11619 11620 11621 11622 11623 11624 11625 11626 11627 11628 11629 11630 11631 11632 11633 11634 11635 11636 11637 11638 11639 11640 11641 11642 11643 11644 11645 11646 11647 11648 11649 11650 11651 11652 11653 11654 11655 11656 11657 11658 11659 11660 11661 11662 11663 11664 11665 11666 11667 11668 11669 11670 11671 11672 11673 11674 11675 11676 11677 11678 11679 11680 11681 11682 11683 11684 11685 11686 11687 11688 11689 11690 11691 11692 11693 11694 11695 11696 11697 11698 11699 11700 11701 11702 11703 11704 11705 11706 11707 11708 11709 11710 11711 11712 11713 11714 11715 11716 11717 11718 11719 11720 11721 11722 11723 11724 11725 11726 11727 11728 11729 11730 11731 11732 11733 11734 11735 11736 11737 11738 11739 11740 11741 11742 11743 11744 11745 11746 11747 11748 11749 11750 11751 11752 11753 11754 11755 11756 11757 11758 11759 11760 11761 11762 11763 11764 11765 11766 11767 11768 11769 11770 11771 11772 11773 11774 11775 11776 11777 11778 11779 11780 11781 11782 11783 11784 11785 11786 11787 11788 11789 11790 11791 11792 11793 11794 11795 11796 11797 11798 11799 11800 11801 11802 11803 11804 11805 11806 11807 11808 11809 11810 11811 11812 11813 11814 11815 11816 11817 11818 11819 11820 11821 11822 11823 11824 11825 11826 11827 11828 11829 11830 11831 11832 11833 11834 11835 11836 11837 11838 11839 11840 11841 11842 11843 11844 11845 11846 11847 11848 11849 11850 11851 11852 11853 11854 11855 11856 11857 11858 11859 11860 11861 11862 11863 11864 11865 11866 11867 11868 11869 11870 11871 11872 11873 11874 11875 11876 11877 11878 11879 11880 11881 11882 11883 11884 11885 11886 11887 11888 11889 11890 11891 11892 11893 11894 11895 11896 11897 11898 11899 11900 11901 11902 11903 11904 11905 11906 11907 11908 11909 11910 11911 11912 11913 11914 11915 11916 11917 11918 11919 11920 11921 11922 11923 11924 11925 11926 11927 11928 11929 11930 11931 11932 11933 11934 11935 11936 11937 11938 11939 11940 11941 11942 11943 11944 11945 11946 11947 11948 11949 11950 11951 11952 11953 11954 11955 11956 11957 11958 11959 11960 11961 11962 11963 11964 11965 11966 11967 11968 11969 11970 11971 11972 11973 11974 11975 11976 11977 11978 11979 11980 11981 11982 11983 11984 11985 11986 11987 11988 11989 11990 11991 11992 11993 11994 11995 11996 11997 11998 11999 12000 12001 12002 12003 12004 12005 12006 12007 12008 12009 12010 12011 12012 12013 12014 12015 12016 12017 12018 12019 12020 12021 12022 12023 12024 12025 12026 12027 12028 12029 12030 12031 12032 12033 12034 12035 12036 12037 12038 12039 12040 12041 12042 12043 12044 12045 12046 12047 12048 12049 12050 12051 12052 12053 12054 12055 12056 12057 12058 12059 12060 12061 12062 12063 12064 12065 12066 12067 12068 12069 12070 12071 12072 12073 12074 12075 12076 12077 12078 12079 12080 12081 12082 12083 12084 12085 12086 12087 12088 12089 12090 12091 12092 12093 12094 12095 12096 12097 12098 12099 12100 12101 12102 12103 12104 12105 12106 12107 12108 12109 12110 12111 12112 12113 12114 12115 12116 12117 12118 12119 12120 12121 12122 12123 12124 12125 12126 12127 12128 12129 12130 12131 12132 12133 12134 12135 12136 12137 12138 12139 12140 12141 12142 12143 12144 12145 12146 12147 12148 12149 12150 12151 12152 12153 12154 12155 12156 12157 12158 12159 12160 12161 12162 12163 12164 12165 12166 12167 12168 12169 12170 12171 12172 12173 12174 12175 12176 12177 12178 12179 12180 12181 12182 12183 12184 12185 12186 12187 12188 12189 12190 12191 12192 12193 12194 12195 12196 12197 12198 12199 12200 12201 12202 12203 12204 12205 12206 12207 12208 12209 12210 12211 12212 12213 12214 12215 12216 12217 12218 12219 12220 12221 12222 12223 12224 12225 12226 12227 12228 12229 12230 12231 12232 12233 12234 12235 12236 12237 12238 12239 12240 12241 12242 12243 12244 12245 12246 12247 12248 12249 12250 12251 12252 12253 12254 12255 12256 12257 12258 12259 12260 12261 12262 12263 12264 12265 12266 12267 12268 12269 12270 12271 12272 12273 12274 12275 12276 12277 12278 12279 12280 12281 12282 12283 12284 12285 12286 12287 12288 12289 12290 12291 12292 12293 12294 12295 12296 12297 12298 12299 12300 12301 12302 12303 12304 12305 12306 12307 12308 12309 12310 12311 12312 12313 12314 12315 12316 12317 12318 12319 12320 12321 12322 12323 12324 12325 12326 12327 12328 12329 12330 12331 12332 12333 12334 12335 12336 12337 12338 12339 12340 12341 12342 12343 12344 12345 12346 12347 12348 12349 12350 12351 12352 12353 12354 12355 12356 12357 12358 12359 12360 12361 12362 12363 12364 12365 12366 12367 12368 12369 12370 12371 12372 12373 12374 12375 12376 12377 12378 12379 12380 12381 12382 12383 12384 12385 12386 12387 12388 12389 12390 12391 12392 12393 12394 12395 12396 12397 12398 12399 12400 12401 12402 12403 12404 12405 12406 12407 12408 12409 12410 12411 12412 12413 12414 12415 12416 12417 12418 12419 12420 12421 12422 12423 12424 12425 12426 12427 12428 12429 12430 12431 12432 12433 12434 12435 12436 12437 12438 12439 12440 12441 12442 12443 12444 12445 12446 12447 12448 12449 12450 12451 12452 12453 12454 12455 12456 12457 12458 12459 12460 12461 12462 12463 12464 12465 12466 12467 12468 12469 12470 12471 12472 12473 12474 12475 12476 12477 12478 12479 12480 12481 12482 12483 12484 12485 12486 12487 12488 12489 12490 12491 12492 12493 12494 12495 12496 12497 12498 12499 12500 12501 12502 12503 12504 12505 12506 12507 12508 12509 12510 12511 12512 12513 12514 12515 12516 12517 12518 12519 12520 12521 12522 12523 12524 12525 12526 12527 12528 12529 12530 12531 12532 12533 12534 12535 12536 12537 12538 12539 12540 12541 12542 12543 12544 12545 12546 12547 12548 12549 12550 12551 12552 12553 12554 12555 12556 12557 12558 12559 12560 12561 12562 12563 12564 12565 12566 12567 12568 12569 12570 12571 12572 12573 12574 12575 12576 12577 12578 12579 12580 12581 12582 12583 12584 12585 12586 12587 12588 12589 12590 12591 12592 12593 12594 12595 12596 12597 12598 12599 12600 12601 12602 12603 12604 12605 12606 12607 12608 12609 12610 12611 12612 12613 12614 12615 12616 12617 12618 12619 12620 12621 12622 12623 12624 12625 12626 12627 12628 12629 12630 12631 12632 12633 12634 12635 12636 12637 12638 12639 12640 12641 12642 12643 12644 12645 12646 12647 12648 12649 12650 12651 12652 12653 12654 12655 12656 12657 12658 12659 12660 12661 12662 12663 12664 12665 12666 12667 12668 12669 12670 12671 12672 12673 12674 12675 12676 12677 12678 12679 12680 12681 12682 12683 12684 12685 12686 12687 12688 12689 12690 12691 12692 12693 12694 12695 12696 12697 12698 12699 12700 12701 12702 12703 12704 12705 12706 12707 12708 12709 12710 12711 12712 12713 12714 12715 12716 12717 12718 12719 12720 12721 12722 12723 12724 12725 12726 12727 12728 12729 12730 12731 12732 12733 12734 12735 12736 12737 12738 12739 12740 12741 12742 12743 12744 12745 12746 12747 12748 12749 12750 12751 12752 12753 12754 12755 12756 12757 12758 12759 12760 12761 12762 12763 12764 12765 12766 12767 12768 12769 12770 12771 12772 12773 12774 12775 12776 12777 12778 12779 12780 12781 12782 12783 12784 12785 12786 12787 12788 12789 12790 12791 12792 12793 12794 12795 12796 12797 12798 12799 12800 12801 12802 12803 12804 12805 12806 12807 12808 12809 12810 12811 12812 12813 12814 12815 12816 12817 12818 12819 12820 12821 12822 12823 12824 12825 12826 12827 12828 12829 12830 12831 12832 12833 12834 12835 12836 12837 12838 12839 12840 12841 12842 12843 12844 12845 12846 12847 12848 12849 12850 12851 12852 12853 12854 12855 12856 12857 12858 12859 12860 12861 12862 12863 12864 12865 12866 12867 12868 12869 12870 12871 12872 12873 12874 12875 12876 12877 12878 12879 12880 12881 12882 12883 12884 12885 12886 12887 12888 12889 12890 12891 12892 12893 12894 12895 12896 12897 12898 12899 12900 12901 12902 12903 12904 12905 12906 12907 12908 12909 12910 12911 12912 12913 12914 12915 12916 12917 12918 12919 12920 12921 12922 12923 12924 12925 12926 12927 12928 12929 12930 12931 12932 12933 12934 12935 12936 12937 12938 12939 12940 12941 12942 12943 12944 12945 12946 12947 12948 12949 12950 12951 12952 12953 12954 12955 12956 12957 12958 12959 12960 12961 12962 12963 12964 12965 12966 12967 12968 12969 12970 12971 12972 12973 12974 12975 12976 12977 12978 12979 12980 12981 12982 12983 12984 12985 12986 12987 12988 12989 12990 12991 12992 12993 12994 12995 12996 12997 12998 12999 13000 13001 13002 13003 13004 13005 13006 13007 13008 13009 13010 13011 13012 13013 13014 13015 13016 13017 13018 13019 13020 13021 13022 13023 13024 13025 13026 13027 13028 13029 13030 13031 13032 13033 13034 13035 13036 13037 13038 13039 13040 13041 13042 13043 13044 13045 13046 13047 13048 13049 13050 13051 13052 13053 13054 13055 13056 13057 13058 13059 13060 13061 13062 13063 13064 13065 13066 13067 13068 13069 13070 13071 13072 13073 13074 13075 13076 13077 13078 13079 13080 13081 13082 13083 13084 13085 13086 13087 13088 13089 13090 13091 13092 13093 13094 13095 13096 13097 13098 13099 13100 13101 13102 13103 13104 13105 13106 13107 13108 13109 13110 13111 13112 13113 13114 13115 13116 13117 13118 13119 13120 13121 13122 13123 13124 13125 13126 13127 13128 13129 13130 13131 13132 13133 13134 13135 13136 13137 13138 13139 13140 13141 13142 13143 13144 13145 13146 13147 13148 13149 13150 13151 13152 13153 13154 13155 13156 13157 13158 13159 13160 13161 13162 13163 13164 13165 13166 13167 13168 13169 13170 13171 13172 13173 13174 13175 13176 13177 13178 13179 13180 13181 13182 13183 13184 13185 13186 13187 13188 13189 13190 13191 13192 13193 13194 13195 13196 13197 13198 13199 13200 13201 13202 13203 13204 13205 13206 13207 13208 13209 13210 13211 13212 13213 13214 13215 13216 13217 13218 13219 13220 13221 13222 13223 13224 13225 13226 13227 13228 13229 13230 13231 13232 13233 13234 13235 13236 13237 13238 13239 13240 13241 13242 13243 13244 13245 13246 13247 13248 13249 13250 13251 13252 13253 13254 13255 13256 13257 13258 13259 13260 13261 13262 13263 13264 13265 13266 13267 13268 13269 13270 13271 13272 13273 13274 13275 13276 13277 13278 13279 13280 13281 13282 13283 13284 13285 13286 13287 13288 13289 13290 13291 13292 13293 13294 13295 13296 13297 13298 13299 13300 13301 13302 13303 13304 13305 13306 13307 13308 13309 13310 13311 13312 13313 13314 13315 13316 13317 13318 13319 13320 13321 13322 13323 13324 13325 13326 13327 13328 13329 13330 13331 13332 13333 13334 13335 13336 13337 13338 13339 13340 13341 13342 13343 13344 13345 13346 13347 13348 13349 13350 13351 13352 13353 13354 13355 13356 13357 13358 13359 13360 13361 13362 13363 13364 13365 13366 13367 13368 13369 13370 13371 13372 13373 13374 13375 13376 13377 13378 13379 13380 13381 13382 13383 13384 13385 13386 13387 13388 13389 13390 13391 13392 13393 13394 13395 13396 13397 13398 13399 13400 13401 13402 13403 13404 13405 13406 13407 13408 13409 13410 13411 13412 13413 13414 13415 13416 13417 13418 13419 13420 13421 13422 13423 13424 13425 13426 13427 13428 13429 13430 13431 13432 13433 13434 13435 13436 13437 13438 13439 13440 13441 13442 13443 13444 13445 13446 13447 13448 13449 13450 13451 13452 13453 13454 13455 13456 13457 13458 13459 13460 13461 13462 13463 13464 13465 13466 13467 13468 13469 13470 13471 13472 13473 13474 13475 13476 13477 13478 13479 13480 13481 13482 13483 13484 13485 13486 13487 13488 13489 13490 13491 13492 13493 13494 13495 13496 13497 13498 13499 13500 13501 13502 13503 13504 13505 13506 13507 13508 13509 13510 13511 13512 13513 13514 13515 13516 13517 13518 13519 13520 13521 13522 13523 13524 13525 13526 13527 13528 13529 13530 13531 13532 13533 13534 13535 13536 13537 13538 13539 13540 13541 13542 13543 13544 13545 13546 13547 13548 13549 13550 13551 13552 13553 13554 13555 13556 13557 13558 13559 13560 13561 13562 13563 13564 13565 13566 13567 13568 13569 13570 13571 13572 13573 13574 13575 13576 13577 13578 13579 13580 13581 13582 13583 13584 13585 13586 13587 13588 13589 13590 13591 13592 13593 13594 13595 13596 13597 13598 13599 13600 13601 13602 13603 13604 13605 13606 13607 13608 13609 13610 13611 13612 13613 13614 13615 13616 13617 13618 13619 13620 13621 13622 13623 13624 13625 13626 13627 13628 13629 13630 13631 13632 13633 13634 13635 13636 13637 13638 13639 13640 13641 13642 13643 13644 13645 13646 13647 13648 13649 13650 13651 13652 13653 13654 13655 13656 13657 13658 13659 13660 13661 13662 13663 13664 13665 13666 13667 13668 13669 13670 13671 13672 13673 13674 13675 13676 13677 13678 13679 13680 13681 13682 13683 13684 13685 13686 13687 13688 13689 13690 13691 13692 13693 13694 13695 13696 13697 13698 13699 13700 13701 13702 13703 13704 13705 13706 13707 13708 13709 13710 13711 13712 13713 13714 13715 13716 13717 13718 13719 13720 13721 13722 13723 13724 13725 13726 13727 13728 13729 13730 13731 13732 13733 13734 13735 13736 13737 13738 13739 13740 13741 13742 13743 13744 13745 13746 13747 13748 13749 13750 13751 13752 13753 13754 13755 13756 13757 13758 13759 13760 13761 13762 13763 13764 13765 13766 13767 13768 13769 13770 13771 13772 13773 13774 13775 13776 13777 13778 13779 13780 13781 13782 13783 13784 13785 13786 13787 13788 13789 13790 13791 13792 13793 13794 13795 13796 13797 13798 13799 13800 13801 13802 13803 13804 13805 13806 13807 13808 13809 13810 13811 13812 13813 13814 13815 13816 13817 13818 13819 13820 13821 13822 13823 13824 13825 13826 13827 13828 13829 13830 13831 13832 13833 13834 13835 13836 13837 13838 13839 13840 13841 13842 13843 13844 13845 13846 13847 13848 13849 13850 13851 13852 13853 13854 13855 13856 13857 13858 13859 13860 13861 13862 13863 13864 13865 13866 13867 13868 13869 13870 13871 13872 13873 13874 13875 13876 13877 13878 13879 13880 13881 13882 13883 13884 13885 13886 13887 13888 13889 13890 13891 13892 13893 13894 13895 13896 13897 13898 13899 13900 13901 13902 13903 13904 13905 13906 13907 13908 13909 13910 13911 13912 13913 13914 13915 13916 13917 13918 13919 13920 13921 13922 13923 13924 13925 13926 13927 13928 13929 13930 13931 13932 13933 13934 13935 13936 13937 13938 13939 13940 13941 13942 13943 13944 13945 13946 13947 13948 13949 13950 13951 13952 13953 13954 13955 13956 13957 13958 13959 13960 13961 13962 13963 13964 13965 13966 13967 13968 13969 13970 13971 13972 13973 13974 13975 13976 13977 13978 13979 13980 13981 13982 13983 13984 13985 13986 13987 13988 13989 13990 13991 13992 13993 13994 13995 13996 13997 13998 13999 14000 14001 14002 14003 14004 14005 14006 14007 14008 14009 14010 14011 14012 14013 14014 14015 14016 14017 14018 14019 14020 14021 14022 14023 14024 14025 14026 14027 14028 14029 14030 14031 14032 14033 14034 14035 14036 14037 14038 14039 14040 14041 14042 14043 14044 14045 14046 14047 14048 14049 14050 14051 14052 14053 14054 14055 14056 14057 14058 14059 14060 14061 14062 14063 14064 14065 14066 14067 14068 14069 14070 14071 14072 14073 14074 14075 14076 14077 14078 14079 14080 14081 14082 14083 14084 14085 14086 14087 14088 14089 14090 14091 14092 14093 14094 14095 14096 14097 14098 14099 14100 14101 14102 14103 14104 14105 14106 14107 14108 14109 14110 14111 14112 14113 14114 14115 14116 14117 14118 14119 14120 14121 14122 14123 14124 14125 14126 14127 14128 14129 14130 14131 14132 14133 14134 14135 14136 14137 14138 14139 14140 14141 14142 14143 14144 14145 14146 14147 14148 14149 14150 14151 14152 14153 14154 14155 14156 14157 14158 14159 14160 14161 14162 14163 14164 14165 14166 14167 14168 14169 14170 14171 14172 14173 14174 14175 14176 14177 14178 14179 14180 14181 14182 14183 14184 14185 14186 14187 14188 14189 14190 14191 14192 14193 14194 14195 14196 14197 14198 14199 14200 14201 14202 14203 14204 14205 14206 14207 14208 14209 14210 14211 14212 14213 14214 14215 14216 14217 14218 14219 14220 14221 14222 14223 14224 14225 14226 14227 14228 14229 14230 14231 14232 14233 14234 14235 14236 14237 14238 14239 14240 14241 14242 14243 14244 14245 14246 14247 14248 14249 14250 14251 14252 14253 14254 14255 14256 14257 14258 14259 14260 14261 14262 14263 14264 14265 14266 14267 14268 14269 14270 14271 14272 14273 14274 14275 14276 14277 14278 14279 14280 14281 14282 14283 14284 14285 14286 14287 14288 14289 14290 14291 14292 14293 14294 14295 14296 14297 14298 14299 14300 14301 14302 14303 14304 14305 14306 14307 14308 14309 14310 14311 14312 14313 14314 14315 14316 14317 14318 14319 14320 14321 14322 14323 14324 14325 14326 14327 14328 14329 14330 14331 14332 14333 14334 14335 14336 14337 14338 14339 14340 14341 14342 14343 14344 14345 14346 14347 14348 14349 14350 14351 14352 14353 14354 14355 14356 14357 14358 14359 14360 14361 14362 14363 14364 14365 14366 14367 14368 14369 14370 14371 14372 14373 14374 14375 14376 14377 14378 14379 14380 14381 14382 14383 14384 14385 14386 14387 14388 14389 14390 14391 14392 14393 14394 14395 14396 14397 14398 14399 14400 14401 14402 14403 14404 14405 14406 14407 14408 14409 14410 14411 14412 14413 14414 14415 14416 14417 14418 14419 14420 14421 14422 14423 14424 14425 14426 14427 14428 14429 14430 14431 14432 14433 14434 14435 14436 14437 14438 14439 14440 14441 14442 14443 14444 14445 14446 14447 14448 14449 14450 14451 14452 14453 14454 14455 14456 14457 14458 14459 14460 14461 14462 14463 14464 14465 14466 14467 14468 14469 14470 14471 14472 14473 14474 14475 14476 14477 14478 14479 14480 14481 14482 14483 14484 14485 14486 14487 14488 14489 14490 14491 14492 14493 14494 14495 14496 14497 14498 14499 14500 14501 14502 14503 14504 14505 14506 14507 14508 14509 14510 14511 14512 14513 14514 14515 14516 14517 14518 14519 14520 14521 14522 14523 14524 14525 14526 14527 14528 14529 14530 14531 14532 14533 14534 14535 14536 14537 14538 14539 14540 14541 14542 14543 14544 14545 14546 14547 14548 14549 14550 14551 14552 14553 14554 14555 14556 14557 14558 14559 14560 14561 14562 14563 14564 14565 14566 14567 14568 14569 14570 14571 14572 14573 14574 14575 14576 14577 14578 14579 14580 14581 14582 14583 14584 14585 14586 14587 14588 14589 14590 14591 14592 14593 14594 14595 14596 14597 14598 14599 14600 14601 14602 14603 14604 14605 14606 14607 14608 14609 14610 14611 14612 14613 14614 14615 14616 14617 14618 14619 14620 14621 14622 14623 14624 14625 14626 14627 14628 14629 14630 14631 14632 14633 14634 14635 14636 14637 14638 14639 14640 14641 14642 14643 14644 14645 14646 14647 14648 14649 14650 14651 14652 14653 14654 14655 14656 14657 14658 14659 14660 14661 14662 14663 14664 14665 14666 14667 14668 14669 14670 14671 14672 14673 14674 14675 14676 14677 14678 14679 14680 14681 14682 14683 14684 14685 14686 14687 14688 14689 14690 14691 14692 14693 14694 14695 14696 14697 14698 14699 14700 14701 14702 14703 14704 14705 14706 14707 14708 14709 14710 14711 14712 14713 14714 14715 14716 14717 14718 14719 14720 14721 14722 14723 14724 14725 14726 14727 14728 14729 14730 14731 14732 14733 14734 14735 14736 14737 14738 14739 14740 14741 14742 14743 14744 14745 14746 14747 14748 14749 14750 14751 14752 14753 14754 14755 14756 14757 14758 14759 14760 14761 14762 14763 14764 14765 14766 14767 14768 14769 14770 14771 14772 14773 14774 14775 14776 14777 14778 14779 14780 14781 14782 14783 14784 14785 14786 14787 14788 14789 14790 14791 14792 14793 14794 14795 14796 14797 14798 14799 14800 14801 14802 14803 14804 14805 14806 14807 14808 14809 14810 14811 14812 14813 14814 14815 14816 14817 14818 14819 14820 14821 14822 14823 14824 14825 14826 14827 14828 14829 14830 14831 14832 14833 14834 14835 14836 14837 14838 14839 14840 14841 14842 14843 14844 14845 14846 14847 14848 14849 14850 14851 14852 14853 14854 14855 14856 14857 14858 14859 14860 14861 14862 14863 14864 14865 14866 14867 14868 14869 14870 14871 14872 14873 14874 14875 14876 14877 14878 14879 14880 14881 14882 14883 14884 14885 14886 14887 14888 14889 14890 14891 14892 14893 14894 14895 14896 14897 14898 14899 14900 14901 14902 14903 14904 14905 14906 14907 14908 14909 14910 14911 14912 14913 14914 14915 14916 14917 14918 14919 14920 14921 14922 14923 14924 14925 14926 14927 14928 14929 14930 14931 14932 14933 14934 14935 14936 14937 14938 14939 14940 14941 14942 14943 14944 14945 14946 14947 14948 14949 14950 14951 14952 14953 14954 14955 14956 14957 14958 14959 14960 14961 14962 14963 14964 14965 14966 14967 14968 14969 14970 14971 14972 14973 14974 14975 14976 14977 14978 14979 14980 14981 14982 14983 14984 14985 14986 14987 14988 14989 14990 14991 14992 14993 14994 14995 14996 14997 14998 14999 15000 15001 15002 15003 15004 15005 15006 15007 15008 15009 15010 15011 15012 15013 15014 15015 15016 15017 15018 15019 15020 15021 15022 15023 15024 15025 15026 15027 15028 15029 15030 15031 15032 15033 15034 15035 15036 15037 15038 15039 15040 15041 15042 15043 15044 15045 15046 15047 15048 15049 15050 15051 15052 15053 15054 15055 15056 15057 15058 15059 15060 15061 15062 15063 15064 15065 15066 15067 15068 15069 15070 15071 15072 15073 15074 15075 15076 15077 15078 15079 15080 15081 15082 15083 15084 15085 15086 15087 15088 15089 15090 15091 15092 15093 15094 15095 15096 15097 15098 15099 15100 15101 15102 15103 15104 15105 15106 15107 15108 15109 15110 15111 15112 15113 15114 15115 15116 15117 15118 15119 15120 15121 15122 15123 15124 15125 15126 15127 15128 15129 15130 15131 15132 15133 15134 15135 15136 15137 15138 15139 15140 15141 15142 15143 15144 15145 15146 15147 15148 15149 15150 15151 15152 15153 15154 15155 15156 15157 15158 15159 15160 15161 15162 15163 15164 15165 15166 15167 15168 15169 15170 15171 15172 15173 15174 15175 15176 15177 15178 15179 15180 15181 15182 15183 15184 15185 15186 15187 15188 15189 15190 15191 15192 15193 15194 15195 15196 15197 15198 15199 15200 15201 15202 15203 15204 15205 15206 15207 15208 15209 15210 15211 15212 15213 15214 15215 15216 15217 15218 15219 15220 15221 15222 15223 15224 15225 15226 15227 15228 15229 15230 15231 15232 15233 15234 15235 15236 15237 15238 15239 15240 15241 15242 15243 15244 15245 15246 15247 15248 15249 15250 15251 15252 15253 15254 15255 15256 15257 15258 15259 15260 15261 15262 15263 15264 15265 15266 15267 15268 15269 15270 15271 15272 15273 15274 15275 15276 15277 15278 15279 15280 15281 15282 15283 15284 15285 15286 15287 15288 15289 15290 15291 15292 15293 15294 15295 15296 15297 15298 15299 15300 15301 15302 15303 15304 15305 15306 15307 15308 15309 15310 15311 15312 15313 15314 15315 15316 15317 15318 15319 15320 15321 15322 15323 15324 15325 15326 15327 15328 15329 15330 15331 15332 15333 15334 15335 15336 15337 15338 15339 15340 15341 15342 15343 15344 15345 15346 15347 15348 15349 15350 15351 15352 15353 15354 15355 15356 15357 15358 15359 15360 15361 15362 15363 15364 15365 15366 15367 15368 15369 15370 15371 15372 15373 15374 15375 15376 15377 15378 15379 15380 15381 15382 15383 15384 15385 15386 15387 15388 15389 15390 15391 15392 15393 15394 15395 15396 15397 15398 15399 15400 15401 15402 15403 15404 15405 15406 15407 15408 15409 15410 15411 15412 15413 15414 15415 15416 15417 15418 15419 15420 15421 15422 15423 15424 15425 15426 15427 15428 15429 15430 15431 15432 15433 15434 15435 15436 15437 15438 15439 15440 15441 15442 15443 15444 15445 15446 15447 15448 15449 15450 15451 15452 15453 15454 15455 15456 15457 15458 15459 15460 15461 15462 15463 15464 15465 15466 15467 15468 15469 15470 15471 15472 15473 15474 15475 15476 15477 15478 15479 15480 15481 15482 15483 15484 15485 15486 15487 15488 15489 15490 15491 15492 15493 15494 15495 15496 15497 15498 15499 15500 15501 15502 15503 15504 15505 15506 15507 15508 15509 15510 15511 15512 15513 15514 15515 15516 15517 15518 15519 15520 15521 15522 15523 15524 15525 15526 15527 15528 15529 15530 15531 15532 15533 15534 15535 15536 15537 15538 15539 15540 15541 15542 15543 15544 15545 15546 15547 15548 15549 15550 15551 15552 15553 15554 15555 15556 15557 15558 15559 15560 15561 15562 15563 15564 15565 15566 15567 15568 15569 15570 15571 15572 15573 15574 15575 15576 15577 15578 15579 15580 15581 15582 15583 15584 15585 15586 15587 15588 15589 15590 15591 15592 15593 15594 15595 15596 15597 15598 15599 15600 15601 15602 15603 15604 15605 15606 15607 15608 15609 15610 15611 15612 15613 15614 15615 15616 15617 15618 15619 15620 15621 15622 15623 15624 15625 15626 15627 15628 15629 15630 15631 15632 15633 15634 15635 15636 15637 15638 15639 15640 15641 15642 15643 15644 15645 15646 15647 15648 15649 15650 15651 15652 15653 15654 15655 15656 15657 15658 15659 15660 15661 15662 15663 15664 15665 15666 15667 15668 15669 15670 15671 15672 15673 15674 15675 15676 15677 15678 15679 15680 15681 15682 15683 15684 15685 15686 15687 15688 15689 15690 15691 15692 15693 15694 15695 15696 15697 15698 15699 15700 15701 15702 15703 15704 15705 15706 15707 15708 15709 15710 15711 15712 15713 15714 15715 15716 15717 15718 15719 15720 15721 15722 15723 15724 15725 15726 15727 15728 15729 15730 15731 15732 15733 15734 15735 15736 15737 15738 15739 15740 15741 15742 15743 15744 15745 15746 15747 15748 15749 15750 15751 15752 15753 15754 15755 15756 15757 15758 15759 15760 15761 15762 15763 15764 15765 15766 15767 15768 15769 15770 15771 15772 15773 15774 15775 15776 15777 15778 15779 15780 15781 15782 15783 15784 15785 15786 15787 15788 15789 15790 15791 15792 15793 15794 15795 15796 15797 15798 15799 15800 15801 15802 15803 15804 15805 15806 15807 15808 15809 15810 15811 15812 15813 15814 15815 15816 15817 15818 15819 15820 15821 15822 15823 15824 15825 15826 15827 15828 15829 15830 15831 15832 15833 15834 15835 15836 15837 15838 15839 15840 15841 15842 15843 15844 15845 15846 15847 15848 15849 15850 15851 15852 15853 15854 15855 15856 15857 15858 15859 15860 15861 15862 15863 15864 15865 15866 15867 15868 15869 15870 15871 15872 15873 15874 15875 15876 15877 15878 15879 15880 15881 15882 15883 15884 15885 15886 15887 15888 15889 15890 15891 15892 15893 15894 15895 15896 15897 15898 15899 15900 15901 15902 15903 15904 15905 15906 15907 15908 15909 15910 15911 15912 15913 15914 15915 15916 15917 15918 15919 15920 15921 15922 15923 15924 15925 15926 15927 15928 15929 15930 15931 15932 15933 15934 15935 15936 15937 15938 15939 15940 15941 15942 15943 15944 15945 15946 15947 15948 15949 15950 15951 15952 15953 15954 15955 15956 15957 15958 15959 15960 15961 15962 15963 15964 15965 15966 15967 15968 15969 15970 15971 15972 15973 15974 15975 15976 15977 15978 15979 15980 15981 15982 15983 15984 15985 15986 15987 15988 15989 15990 15991 15992 15993 15994 15995 15996 15997 15998 15999 16000 16001 16002 16003 16004 16005 16006 16007 16008 16009 16010 16011 16012 16013 16014 16015 16016 16017 16018 16019 16020 16021 16022 16023 16024 16025 16026 16027 16028 16029 16030 16031 16032 16033 16034 16035 16036 16037 16038 16039 16040 16041 16042 16043 16044 16045 16046 16047 16048 16049 16050 16051 16052 16053 16054 16055 16056 16057 16058 16059 16060 16061 16062 16063 16064 16065 16066 16067 16068 16069 16070 16071 16072 16073 16074 16075 16076 16077 16078 16079 16080 16081 16082 16083 16084 16085 16086 16087 16088 16089 16090 16091 16092 16093 16094 16095 16096 16097 16098 16099 16100 16101 16102 16103 16104 16105 16106 16107 16108 16109 16110 16111 16112 16113 16114 16115 16116 16117 16118 16119 16120 16121 16122 16123 16124 16125 16126 16127 16128 16129 16130 16131 16132 16133 16134 16135 16136 16137 16138 16139 16140 16141 16142 16143 16144 16145 16146 16147 16148 16149 16150 16151 16152 16153 16154 16155 16156 16157 16158 16159 16160 16161 16162 16163 16164 16165 16166 16167 16168 16169 16170 16171 16172 16173 16174 16175 16176 16177 16178 16179 16180 16181 16182 16183 16184 16185 16186 16187 16188 16189 16190 16191 16192 16193 16194 16195 16196 16197 16198 16199 16200 16201 16202 16203 16204 16205 16206 16207 16208 16209 16210 16211 16212 16213 16214 16215 16216 16217 16218 16219 16220 16221 16222 16223 16224 16225 16226 16227 16228 16229 16230 16231 16232 16233 16234 16235 16236 16237 16238 16239 16240 16241 16242 16243 16244 16245 16246 16247 16248 16249 16250 16251 16252 16253 16254 16255 16256 16257 16258 16259 16260 16261 16262 16263 16264 16265 16266 16267 16268 16269 16270 16271 16272 16273 16274 16275 16276 16277 16278 16279 16280 16281 16282 16283 16284 16285 16286 16287 16288 16289 16290 16291 16292 16293 16294 16295 16296 16297 16298 16299 16300 16301 16302 16303 16304 16305 16306 16307 16308 16309 16310 16311 16312 16313 16314 16315 16316 16317 16318 16319 16320 16321 16322 16323 16324 16325 16326 16327 16328 16329 16330 16331 16332 16333 16334 16335 16336 16337 16338 16339 16340 16341 16342 16343 16344 16345 16346 16347 16348 16349 16350 16351 16352 16353 16354 16355 16356 16357 16358 16359 16360 16361 16362 16363 16364 16365 16366 16367 16368 16369 16370 16371 16372 16373 16374 16375 16376 16377 16378 16379 16380 16381 16382 16383 16384 16385 16386 16387 16388 16389 16390 16391 16392 16393 16394 16395 16396 16397 16398 16399 16400 16401 16402 16403 16404 16405 16406 16407 16408 16409 16410 16411 16412 16413 16414 16415 16416 16417 16418 16419 16420 16421 16422 16423 16424 16425 16426 16427 16428 16429 16430 16431 16432 16433 16434 16435 16436 16437 16438 16439 16440 16441 16442 16443 16444 16445 16446 16447 16448 16449 16450 16451 16452 16453 16454 16455 16456 16457 16458 16459 16460 16461 16462 16463 16464 16465 16466 16467 16468 16469 16470 16471 16472 16473 16474 16475 16476 16477 16478 16479 16480 16481 16482 16483 16484 16485 16486 16487 16488 16489 16490 16491 16492 16493 16494 16495 16496 16497 16498 16499 16500 16501 16502 16503 16504 16505 16506 16507 16508 16509 16510 16511 16512 16513 16514 16515 16516 16517 16518 16519 16520 16521 16522 16523 16524 16525 16526 16527 16528 16529 16530 16531 16532 16533 16534 16535 16536 16537 16538 16539 16540 16541 16542 16543 16544 16545 16546 16547 16548 16549 16550 16551 16552 16553 16554 16555 16556 16557 16558 16559 16560 16561 16562 16563 16564 16565 16566 16567 16568 16569 16570 16571 16572 16573 16574 16575 16576 16577 16578 16579 16580 16581 16582 16583 16584 16585 16586 16587 16588 16589 16590 16591 16592 16593 16594 16595 16596 16597 16598 16599 16600 16601 16602 16603 16604 16605 16606 16607 16608 16609 16610 16611 16612 16613 16614 16615 16616 16617 16618 16619 16620 16621 16622 16623 16624 16625 16626 16627 16628 16629 16630 16631 16632 16633 16634 16635 16636 16637 16638 16639 16640 16641 16642 16643 16644 16645 16646 16647 16648 16649 16650 16651 16652 16653 16654 16655 16656 16657 16658 16659 16660 16661 16662 16663 16664 16665 16666 16667 16668 16669 16670 16671 16672 16673 16674 16675 16676 16677 16678 16679 16680 16681 16682 16683 16684 16685 16686 16687 16688 16689 16690 16691 16692 16693 16694 16695 16696 16697 16698 16699 16700 16701 16702 16703 16704 16705 16706 16707 16708 16709 16710 16711 16712 16713 16714 16715 16716 16717 16718 16719 16720 16721 16722 16723 16724 16725 16726 16727 16728 16729 16730 16731 16732 16733 16734 16735 16736 16737 16738 16739 16740 16741 16742 16743 16744 16745 16746 16747 16748 16749 16750 16751 16752 16753 16754 16755 16756 16757 16758 16759 16760 16761 16762 16763 16764 16765 16766 16767 16768 16769 16770 16771 16772 16773 16774 16775 16776 16777 16778 16779 16780 16781 16782 16783 16784 16785 16786 16787 16788 16789 16790 16791 16792 16793 16794 16795 16796 16797 16798 16799 16800 16801 16802 16803 16804 16805 16806 16807 16808 16809 16810 16811 16812 16813 16814 16815 16816 16817 16818 16819 16820 16821 16822 16823 16824 16825 16826 16827 16828 16829 16830 16831 16832 16833 16834 16835 16836 16837 16838 16839 16840 16841 16842 16843 16844 16845 16846 16847 16848 16849 16850 16851 16852 16853 16854 16855 16856 16857 16858 16859 16860 16861 16862 16863 16864 16865 16866 16867 16868 16869 16870 16871 16872 16873 16874 16875 16876 16877 16878 16879 16880 16881 16882 16883 16884 16885 16886 16887 16888 16889 16890 16891 16892 16893 16894 16895 16896 16897 16898 16899 16900 16901 16902 16903 16904 16905 16906 16907 16908 16909 16910 16911 16912 16913 16914 16915 16916 16917 16918 16919 16920 16921 16922 16923 16924 16925 16926 16927 16928 16929 16930 16931 16932 16933 16934 16935 16936 16937 16938 16939 16940 16941 16942 16943 16944 16945 16946 16947 16948 16949 16950 16951 16952 16953 16954 16955 16956 16957 16958 16959 16960 16961 16962 16963 16964 16965 16966 16967 16968 16969 16970 16971 16972 16973 16974 16975 16976 16977 16978 16979 16980 16981 16982 16983 16984 16985 16986 16987 16988 16989 16990 16991 16992 16993 16994 16995 16996 16997 16998 16999 17000 17001 17002 17003 17004 17005 17006 17007 17008 17009 17010 17011 17012 17013 17014 17015 17016 17017 17018 17019 17020 17021 17022 17023 17024 17025 17026 17027 17028 17029 17030 17031 17032 17033 17034 17035 17036 17037 17038 17039 17040 17041 17042 17043 17044 17045 17046 17047 17048 17049 17050 17051 17052 17053 17054 17055 17056 17057 17058 17059 17060 17061 17062 17063 17064 17065 17066 17067 17068 17069 17070 17071 17072 17073 17074 17075 17076 17077 17078 17079 17080 17081 17082 17083 17084 17085 17086 17087 17088 17089 17090 17091 17092 17093 17094 17095 17096 17097 17098 17099 17100 17101 17102 17103 17104 17105 17106 17107 17108 17109 17110 17111 17112 17113 17114 17115 17116 17117 17118 17119 17120 17121 17122 17123 17124 17125 17126 17127 17128 17129 17130 17131 17132 17133 17134 17135 17136 17137 17138 17139 17140 17141 17142 17143 17144 17145 17146 17147 17148 17149 17150 17151 17152 17153 17154 17155 17156 17157 17158 17159 17160 17161 17162 17163 17164 17165 17166 17167 17168 17169 17170 17171 17172 17173 17174 17175 17176 17177 17178 17179 17180 17181 17182 17183 17184 17185 17186 17187 17188 17189 17190 17191 17192 17193 17194 17195 17196 17197 17198 17199 17200 17201 17202 17203 17204 17205 17206 17207 17208 17209 17210 17211 17212 17213 17214 17215 17216 17217 17218 17219 17220 17221 17222 17223 17224 17225 17226 17227 17228 17229 17230 17231 17232 17233 17234 17235 17236 17237 17238 17239 17240 17241 17242 17243 17244 17245 17246 17247 17248 17249 17250 17251 17252 17253 17254 17255 17256 17257 17258 17259 17260 17261 17262 17263 17264 17265 17266 17267 17268 17269 17270 17271 17272 17273 17274 17275 17276 17277 17278 17279 17280 17281 17282 17283 17284 17285 17286 17287 17288 17289 17290 17291 17292 17293 17294 17295 17296 17297 17298 17299 17300 17301 17302 17303 17304 17305 17306 17307 17308 17309 17310 17311 17312 17313 17314 17315 17316 17317 17318 17319 17320 17321 17322 17323 17324 17325 17326 17327 17328 17329 17330 17331 17332 17333 17334 17335 17336 17337 17338 17339 17340 17341 17342 17343 17344 17345 17346 17347 17348 17349 17350 17351 17352 17353 17354 17355 17356 17357 17358 17359 17360 17361 17362 17363 17364 17365 17366 17367 17368 17369 17370 17371 17372 17373 17374 17375 17376 17377 17378 17379 17380 17381 17382 17383 17384 17385 17386 17387 17388 17389 17390 17391 17392 17393 17394 17395 17396 17397 17398 17399 17400 17401 17402 17403 17404 17405 17406 17407 17408 17409 17410 17411 17412 17413 17414 17415 17416 17417 17418 17419 17420 17421 17422 17423 17424 17425 17426 17427 17428 17429 17430 17431 17432 17433 17434 17435 17436 17437 17438 17439 17440 17441 17442 17443 17444 17445 17446 17447 17448 17449 17450 17451 17452 17453 17454 17455 17456 17457 17458 17459 17460 17461 17462 17463 17464 17465 17466 17467 17468 17469 17470 17471 17472 17473 17474 17475 17476 17477 17478 17479 17480 17481 17482 17483 17484 17485 17486 17487 17488 17489 17490 17491 17492 17493 17494 17495 17496 17497 17498 17499 17500 17501 17502 17503 17504 17505 17506 17507 17508 17509 17510 17511 17512 17513 17514 17515 17516 17517 17518 17519 17520 17521 17522 17523 17524 17525 17526 17527 17528 17529 17530 17531 17532 17533 17534 17535 17536 17537 17538 17539 17540 17541 17542 17543 17544 17545 17546 17547 17548 17549 17550 17551 17552 17553 17554 17555 17556 17557 17558 17559 17560 17561 17562 17563 17564 17565 17566 17567 17568 17569 17570 17571 17572 17573 17574 17575 17576 17577 17578 17579 17580 17581 17582 17583 17584 17585 17586 17587 17588 17589 17590 17591 17592 17593 17594 17595 17596 17597 17598 17599 17600 17601 17602 17603 17604 17605 17606 17607 17608 17609 17610 17611 17612 17613 17614 17615 17616 17617 17618 17619 17620 17621 17622 17623 17624 17625 17626 17627 17628 17629 17630 17631 17632 17633 17634 17635 17636 17637 17638 17639 17640 17641 17642 17643 17644 17645 17646 17647 17648 17649 17650 17651 17652 17653 17654 17655 17656 17657 17658 17659 17660 17661 17662 17663 17664 17665 17666 17667 17668 17669 17670 17671 17672 17673 17674 17675 17676 17677 17678 17679 17680 17681 17682 17683 17684 17685 17686 17687 17688 17689 17690 17691 17692 17693 17694 17695 17696 17697 17698 17699 17700 17701 17702 17703 17704 17705 17706 17707 17708 17709 17710 17711 17712 17713 17714 17715 17716 17717 17718 17719 17720 17721 17722 17723 17724 17725 17726 17727 17728 17729 17730 17731 17732 17733 17734 17735 17736 17737 17738 17739 17740 17741 17742 17743 17744 17745 17746 17747 17748 17749 17750 17751 17752 17753 17754 17755 17756 17757 17758 17759 17760 17761 17762 17763 17764 17765 17766 17767 17768 17769 17770 17771 17772 17773 17774 17775 17776 17777 17778 17779 17780 17781 17782 17783 17784 17785 17786 17787 17788 17789 17790 17791 17792 17793 17794 17795 17796 17797 17798 17799 17800 17801 17802 17803 17804 17805 17806 17807 17808 17809 17810 17811 17812 17813 17814 17815 17816 17817 17818 17819 17820 17821 17822 17823 17824 17825 17826 17827 17828 17829 17830 17831 17832 17833 17834 17835 17836 17837 17838 17839 17840 17841 17842 17843 17844 17845 17846 17847 17848 17849 17850 17851 17852 17853 17854 17855 17856 17857 17858 17859 17860 17861 17862 17863 17864 17865 17866 17867 17868 17869 17870 17871 17872 17873 17874 17875 17876 17877 17878 17879 17880 17881 17882 17883 17884 17885 17886 17887 17888 17889 17890 17891 17892 17893 17894 17895 17896 17897 17898 17899 17900 17901 17902 17903 17904 17905 17906 17907 17908 17909 17910 17911 17912 17913 17914 17915 17916 17917 17918 17919 17920 17921 17922 17923 17924 17925 17926 17927 17928 17929 17930 17931 17932 17933 17934 17935 17936 17937 17938 17939 17940 17941 17942 17943 17944 17945 17946 17947 17948 17949 17950 17951 17952 17953 17954 17955 17956 17957 17958 17959 17960 17961 17962 17963 17964 17965 17966 17967 17968 17969 17970 17971 17972 17973 17974 17975 17976 17977 17978 17979 17980 17981 17982 17983 17984 17985 17986 17987 17988 17989 17990 17991 17992 17993 17994 17995 17996 17997 17998 17999 18000 18001 18002 18003 18004 18005 18006 18007 18008 18009 18010 18011 18012 18013 18014 18015 18016 18017 18018 18019 18020 18021 18022 18023 18024 18025 18026 18027 18028 18029 18030 18031 18032 18033 18034 18035 18036 18037 18038 18039 18040 18041 18042 18043 18044 18045 18046 18047 18048 18049 18050 18051 18052 18053 18054 18055 18056 18057 18058 18059 18060 18061 18062 18063 18064 18065 18066 18067 18068 18069 18070 18071 18072 18073 18074 18075 18076 18077 18078 18079 18080 18081 18082 18083 18084 18085 18086 18087 18088 18089 18090 18091 18092 18093 18094 18095 18096 18097 18098 18099 18100 18101 18102 18103 18104 18105 18106 18107 18108 18109 18110 18111 18112 18113 18114 18115 18116 18117 18118 18119 18120 18121 18122 18123 18124 18125 18126 18127 18128 18129 18130 18131 18132 18133 18134 18135 18136 18137 18138 18139 18140 18141 18142 18143 18144 18145 18146 18147 18148 18149 18150 18151 18152 18153 18154 18155 18156 18157 18158 18159 18160 18161 18162 18163 18164 18165 18166 18167 18168 18169 18170 18171 18172 18173 18174 18175 18176 18177 18178 18179 18180 18181 18182 18183 18184 18185 18186 18187 18188 18189 18190 18191 18192 18193 18194 18195 18196 18197 18198 18199 18200 18201 18202 18203 18204 18205 18206 18207 18208 18209 18210 18211 18212 18213 18214 18215 18216 18217 18218 18219 18220 18221 18222 18223 18224 18225 18226 18227 18228 18229 18230 18231 18232 18233 18234 18235 18236 18237 18238 18239 18240 18241 18242 18243 18244 18245 18246 18247 18248 18249 18250 18251 18252 18253 18254 18255 18256 18257 18258 18259 18260 18261 18262 18263 18264 18265 18266 18267 18268 18269 18270 18271 18272 18273 18274 18275 18276 18277 18278 18279 18280 18281 18282 18283 18284 18285 18286 18287 18288 18289 18290 18291 18292 18293 18294 18295 18296 18297 18298 18299 18300 18301 18302 18303 18304 18305 18306 18307 18308 18309 18310 18311 18312 18313 18314 18315 18316 18317 18318 18319 18320 18321 18322 18323 18324 18325 18326 18327 18328 18329 18330 18331 18332 18333 18334 18335 18336 18337 18338 18339 18340 18341 18342 18343 18344 18345 18346 18347 18348 18349 18350 18351 18352 18353 18354 18355 18356 18357 18358 18359 18360 18361 18362 18363 18364 18365 18366 18367 18368 18369 18370 18371 18372 18373 18374 18375 18376 18377 18378 18379 18380 18381 18382 18383 18384 18385 18386 18387 18388 18389 18390 18391 18392 18393 18394 18395 18396 18397 18398 18399 18400 18401 18402 18403 18404 18405 18406 18407 18408 18409 18410 18411 18412 18413 18414 18415 18416 18417 18418 18419 18420 18421 18422 18423 18424 18425 18426 18427 18428 18429 18430 18431 18432 18433 18434 18435 18436 18437 18438 18439 18440 18441 18442 18443 18444 18445 18446 18447 18448 18449 18450 18451 18452 18453 18454 18455 18456 18457 18458 18459 18460 18461 18462 18463 18464 18465 18466 18467 18468 18469 18470 18471 18472 18473 18474 18475 18476 18477 18478 18479 18480 18481 18482 18483 18484 18485 18486 18487 18488 18489 18490 18491 18492 18493 18494 18495 18496 18497 18498 18499 18500 18501 18502 18503 18504 18505 18506 18507 18508 18509 18510 18511 18512 18513 18514 18515 18516 18517 18518 18519 18520 18521 18522 18523 18524 18525 18526 18527 18528 18529 18530 18531 18532 18533 18534 18535 18536 18537 18538 18539 18540 18541 18542 18543 18544 18545 18546 18547 18548 18549 18550 18551 18552 18553 18554 18555 18556 18557 18558 18559 18560 18561 18562 18563 18564 18565 18566 18567 18568 18569 18570 18571 18572 18573 18574 18575 18576 18577 18578 18579 18580 18581 18582 18583 18584 18585 18586 18587 18588 18589 18590 18591 18592 18593 18594 18595 18596 18597 18598 18599 18600 18601 18602 18603 18604 18605 18606 18607 18608 18609 18610 18611 18612 18613 18614 18615 18616 18617 18618 18619 18620 18621 18622 18623 18624 18625 18626 18627 18628 18629 18630 18631 18632 18633 18634 18635 18636 18637 18638 18639 18640 18641 18642 18643 18644 18645 18646 18647 18648 18649 18650 18651 18652 18653 18654 18655 18656 18657 18658 18659 18660 18661 18662 18663 18664 18665 18666 18667 18668 18669 18670 18671 18672 18673 18674 18675 18676 18677 18678 18679 18680 18681 18682 18683 18684 18685 18686 18687 18688 18689 18690 18691 18692 18693 18694 18695 18696 18697 18698 18699 18700 18701 18702 18703 18704 18705 18706 18707 18708 18709 18710 18711 18712 18713 18714 18715 18716 18717 18718 18719 18720 18721 18722 18723 18724 18725 18726 18727 18728 18729 18730 18731 18732 18733 18734 18735 18736 18737 18738 18739 18740 18741 18742 18743 18744 18745 18746 18747 18748 18749 18750 18751 18752 18753 18754 18755 18756 18757 18758 18759 18760 18761 18762 18763 18764 18765 18766 18767 18768 18769 18770 18771 18772 18773 18774 18775 18776 18777 18778 18779 18780 18781 18782 18783 18784 18785 18786 18787 18788 18789 18790 18791 18792 18793 18794 18795 18796 18797 18798 18799 18800 18801 18802 18803 18804 18805 18806 18807 18808 18809 18810 18811 18812 18813 18814 18815 18816 18817 18818 18819 18820 18821 18822 18823 18824 18825 18826 18827 18828 18829 18830 18831 18832 18833 18834 18835 18836 18837 18838 18839 18840 18841 18842 18843 18844 18845 18846 18847 18848 18849 18850 18851 18852 18853 18854 18855 18856 18857 18858 18859 18860 18861 18862 18863 18864 18865 18866 18867 18868 18869 18870 18871 18872 18873 18874 18875 18876 18877 18878 18879 18880 18881 18882 18883 18884 18885 18886 18887 18888 18889 18890 18891 18892 18893 18894 18895 18896 18897 18898 18899 18900 18901 18902 18903 18904 18905 18906 18907 18908 18909 18910 18911 18912 18913 18914 18915 18916 18917 18918 18919 18920 18921 18922 18923 18924 18925 18926 18927 18928 18929 18930 18931 18932 18933 18934 18935 18936 18937 18938 18939 18940 18941 18942 18943 18944 18945 18946 18947 18948 18949 18950 18951 18952 18953 18954 18955 18956 18957 18958 18959 18960 18961 18962 18963 18964 18965 18966 18967 18968 18969 18970 18971 18972 18973 18974 18975 18976 18977 18978 18979 18980 18981 18982 18983 18984 18985 18986 18987 18988 18989 18990 18991 18992 18993 18994 18995 18996 18997 18998 18999 19000 19001 19002 19003 19004 19005 19006 19007 19008 19009 19010 19011 19012 19013 19014 19015 19016 19017 19018 19019 19020 19021 19022 19023 19024 19025 19026 19027 19028 19029 19030 19031 19032 19033 19034 19035 19036 19037 19038 19039 19040 19041 19042 19043 19044 19045 19046 19047 19048 19049 19050 19051 19052 19053 19054 19055 19056 19057 19058 19059 19060 19061 19062 19063 19064 19065 19066 19067 19068 19069 19070 19071 19072 19073 19074 19075 19076 19077 19078 19079 19080 19081 19082 19083 19084 19085 19086 19087 19088 19089 19090 19091 19092 19093 19094 19095 19096 19097 19098 19099 19100 19101 19102 19103 19104 19105 19106 19107 19108 19109 19110 19111 19112 19113 19114 19115 19116 19117 19118 19119 19120 19121 19122 19123 19124 19125 19126 19127 19128 19129 19130 19131 19132 19133 19134 19135 19136 19137 19138 19139 19140 19141 19142 19143 19144 19145 19146 19147 19148 19149 19150 19151 19152 19153 19154 19155 19156 19157 19158 19159 19160 19161 19162 19163 19164 19165 19166 19167 19168 19169 19170 19171 19172 19173 19174 19175 19176 19177 19178 19179 19180 19181 19182 19183 19184 19185 19186 19187 19188 19189 19190 19191 19192 19193 19194 19195 19196 19197 19198 19199 19200 19201 19202 19203 19204 19205 19206 19207 19208 19209 19210 19211 19212 19213 19214 19215 19216 19217 19218 19219 19220 19221 19222 19223 19224 19225 19226 19227 19228 19229 19230 19231 19232 19233 19234 19235 19236 19237 19238 19239 19240 19241 19242 19243 19244 19245 19246 19247 19248 19249 19250 19251 19252 19253 19254 19255 19256 19257 19258 19259 19260 19261 19262 19263 19264 19265 19266 19267 19268 19269 19270 19271 19272 19273 19274 19275 19276 19277 19278 19279 19280 19281 19282 19283 19284 19285 19286 19287 19288 19289 19290 19291 19292 19293 19294 19295 19296 19297 19298 19299 19300 19301 19302 19303 19304 19305 19306 19307 19308 19309 19310 19311 19312 19313 19314 19315 19316 19317 19318 19319 19320 19321 19322 19323 19324 19325 19326 19327 19328 19329 19330 19331 19332 19333 19334 19335 19336 19337 19338 19339 19340 19341 19342 19343 19344 19345 19346 19347 19348 19349 19350 19351 19352 19353 19354 19355 19356 19357 19358 19359 19360 19361 19362 19363 19364 19365 19366 19367 19368 19369 19370 19371 19372 19373 19374 19375 19376 19377 19378 19379 19380 19381 19382 19383 19384 19385 19386 19387 19388 19389 19390 19391 19392 19393 19394 19395 19396 19397 19398 19399 19400 19401 19402 19403 19404 19405 19406 19407 19408 19409 19410 19411 19412 19413 19414 19415 19416 19417 19418 19419 19420 19421 19422 19423 19424 19425 19426 19427 19428 19429 19430 19431 19432 19433 19434 19435 19436 19437 19438 19439 19440 19441 19442 19443 19444 19445 19446 19447 19448 19449 19450 19451 19452 19453 19454 19455 19456 19457 19458 19459 19460 19461 19462 19463 19464 19465 19466 19467 19468 19469 19470 19471 19472 19473 19474 19475 19476 19477 19478 19479 19480 19481 19482 19483 19484 19485 19486 19487 19488 19489 19490 19491 19492 19493 19494 19495 19496 19497 19498 19499 19500 19501 19502 19503 19504 19505 19506 19507 19508 19509 19510 19511 19512 19513 19514 19515 19516 19517 19518 19519 19520 19521 19522 19523 19524 19525 19526 19527 19528 19529 19530 19531 19532 19533 19534 19535 19536 19537 19538 19539 19540 19541 19542 19543 19544 19545 19546 19547 19548 19549 19550 19551 19552 19553 19554 19555 19556 19557 19558 19559 19560 19561 19562 19563 19564 19565 19566 19567 19568 19569 19570 19571 19572 19573 19574 19575 19576 19577 19578 19579 19580 19581 19582 19583 19584 19585 19586 19587 19588 19589 19590 19591 19592 19593 19594 19595 19596 19597 19598 19599 19600 19601 19602 19603 19604 19605 19606 19607 19608 19609 19610 19611 19612 19613 19614 19615 19616 19617 19618 19619 19620 19621 19622 19623 19624 19625 19626 19627 19628 19629 19630 19631 19632 19633 19634 19635 19636 19637 19638 19639 19640 19641 19642 19643 19644 19645 19646 19647 19648 19649 19650 19651 19652 19653 19654 19655 19656 19657 19658 19659 19660 19661 19662 19663 19664 19665 19666 19667 19668 19669 19670 19671 19672 19673 19674 19675 19676 19677 19678 19679 19680 19681 19682 19683 19684 19685 19686 19687 19688 19689 19690 19691 19692 19693 19694 19695 19696 19697 19698 19699 19700 19701 19702 19703 19704 19705 19706 19707 19708 19709 19710 19711 19712 19713 19714 19715 19716 19717 19718 19719 19720 19721 19722 19723 19724 19725 19726 19727 19728 19729 19730 19731 19732 19733 19734 19735 19736 19737 19738 19739 19740 19741 19742 19743 19744 19745 19746 19747 19748 19749 19750 19751 19752 19753 19754 19755 19756 19757 19758 19759 19760 19761 19762 19763 19764 19765 19766 19767 19768 19769 19770 19771 19772 19773 19774 19775 19776 19777 19778 19779 19780 19781 19782 19783 19784 19785 19786 19787 19788 19789 19790 19791 19792 19793 19794 19795 19796 19797 19798 19799 19800 19801 19802 19803 19804 19805 19806 19807 19808 19809 19810 19811 19812 19813 19814 19815 19816 19817 19818 19819 19820 19821 19822 19823 19824 19825 19826 19827 19828 19829 19830 19831 19832 19833 19834 19835 19836 19837 19838 19839 19840 19841 19842 19843 19844 19845 19846 19847 19848 19849 19850 19851 19852 19853 19854 19855 19856 19857 19858 19859 19860 19861 19862 19863 19864 19865 19866 19867 19868 19869 19870 19871 19872 19873 19874 19875 19876 19877 19878 19879 19880 19881 19882 19883 19884 19885 19886 19887 19888 19889 19890 19891 19892 19893 19894 19895 19896 19897 19898 19899 19900 19901 19902 19903 19904 19905 19906 19907 19908 19909 19910 19911 19912 19913 19914 19915 19916 19917 19918 19919 19920 19921 19922 19923 19924 19925 19926 19927 19928 19929 19930 19931 19932 19933 19934 19935 19936 19937 19938 19939 19940 19941 19942 19943 19944 19945 19946 19947 19948 19949 19950 19951 19952 19953 19954 19955 19956 19957 19958 19959 19960 19961 19962 19963 19964 19965 19966 19967 19968 19969 19970 19971 19972 19973 19974 19975 19976 19977 19978 19979 19980 19981 19982 19983 19984 19985 19986 19987 19988 19989 19990 19991 19992 19993 19994 19995 19996 19997 19998 19999 20000 20001 20002 20003 20004 20005 20006 20007 20008 20009 20010 20011 20012 20013 20014 20015 20016 20017 20018 20019 20020 20021 20022 20023 20024 20025 20026 20027 20028 20029 20030 20031 20032 20033 20034 20035 20036 20037 20038 20039 20040 20041 20042 20043 20044 20045 20046 20047 20048 20049 20050 20051 20052 20053 20054 20055 20056 20057 20058 20059 20060 20061 20062 20063 20064 20065 20066 20067 20068 20069 20070 20071 20072 20073 20074 20075 20076 20077 20078 20079 20080 20081 20082 20083 20084 20085 20086 20087 20088 20089 20090 20091 20092 20093 20094 20095 20096 20097 20098 20099 20100 20101 20102 20103 20104 20105 20106 20107 20108 20109 20110 20111 20112 20113 20114 20115 20116 20117 20118 20119 20120 20121 20122 20123 20124 20125 20126 20127 20128 20129 20130 20131 20132 20133 20134 20135 20136 20137 20138 20139 20140 20141 20142 20143 20144 20145 20146 20147 20148 20149 20150 20151 20152 20153 20154 20155 20156 20157 20158 20159 20160 20161 20162 20163 20164 20165 20166 20167 20168 20169 20170 20171 20172 20173 20174 20175 20176 20177 20178 20179 20180 20181 20182 20183 20184 20185 20186 20187 20188 20189 20190 20191 20192 20193 20194 20195 20196 20197 20198 20199 20200 20201 20202 20203 20204 20205 20206 20207 20208 20209 20210 20211 20212 20213 20214 20215 20216 20217 20218 20219 20220 20221 20222 20223 20224 20225 20226 20227 20228 20229 20230 20231 20232 20233 20234 20235 20236 20237 20238 20239 20240 20241 20242 20243 20244 20245 20246 20247 20248 20249 20250 20251 20252 20253 20254 20255 20256 20257 20258 20259 20260 20261 20262 20263 20264 20265 20266 20267 20268 20269 20270 20271 20272 20273 20274 20275 20276 20277 20278 20279 20280 20281 20282 20283 20284 20285 20286 20287 20288 20289 20290 20291 20292 20293 20294 20295 20296 20297 20298 20299 20300 20301 20302 20303 20304 20305 20306 20307 20308 20309 20310 20311 20312 20313 20314 20315 20316 20317 20318 20319 20320 20321 20322 20323 20324 20325 20326 20327 20328 20329 20330 20331 20332 20333 20334 20335 20336 20337 20338 20339 20340 20341 20342 20343 20344 20345 20346 20347 20348 20349 20350 20351 20352 20353 20354 20355 20356 20357 20358 20359 20360 20361 20362 20363 20364 20365 20366 20367 20368 20369 20370 20371 20372 20373 20374 20375 20376 20377 20378 20379 20380 20381 20382 20383 20384 20385 20386 20387 20388 20389 20390 20391 20392 20393 20394 20395 20396 20397 20398 20399 20400 20401 20402 20403 20404 20405 20406 20407 20408 20409 20410 20411 20412 20413 20414 20415 20416 20417 20418 20419 20420 20421 20422 20423 20424 20425 20426 20427 20428 20429 20430 20431 20432 20433 20434 20435 20436 20437 20438 20439 20440 20441 20442 20443 20444 20445 20446 20447 20448 20449 20450 20451 20452 20453 20454 20455 20456 20457 20458 20459 20460 20461 20462 20463 20464 20465 20466 20467 20468 20469 20470 20471 20472 20473 20474 20475 20476 20477 20478 20479 20480 20481 20482 20483 20484 20485 20486 20487 20488 20489 20490 20491 20492 20493 20494 20495 20496 20497 20498 20499 20500 20501 20502 20503 20504 20505 20506 20507 20508 20509 20510 20511 20512 20513 20514 20515 20516 20517 20518 20519 20520 20521 20522 20523 20524 20525 20526 20527 20528 20529 20530 20531 20532 20533 20534 20535 20536 20537 20538 20539 20540 20541 20542 20543 20544 20545 20546 20547 20548 20549 20550 20551 20552 20553 20554 20555 20556 20557 20558 20559 20560 20561 20562 20563 20564 20565 20566 20567 20568 20569 20570 20571 20572 20573 20574 20575 20576 20577 20578 20579 20580 20581 20582 20583 20584 20585 20586 20587 20588 20589 20590 20591 20592 20593 20594 20595 20596 20597 20598 20599 20600 20601 20602 20603 20604 20605 20606 20607 20608 20609 20610 20611 20612 20613 20614 20615 20616 20617 20618 20619 20620 20621 20622 20623 20624 20625 20626 20627 20628 20629 20630 20631 20632 20633 20634 20635 20636 20637 20638 20639 20640 20641 20642 20643 20644 20645 20646 20647 20648 20649 20650 20651 20652 20653 20654 20655 20656 20657 20658 20659 20660 20661 20662 20663 20664 20665 20666 20667 20668 20669 20670 20671 20672 20673 20674 20675 20676 20677 20678 20679 20680 20681 20682 20683 20684 20685 20686 20687 20688 20689 20690 20691 20692 20693 20694 20695 20696 20697 20698 20699 20700 20701 20702 20703 20704 20705 20706 20707 20708 20709 20710 20711 20712 20713 20714 20715 20716 20717 20718 20719 20720 20721 20722 20723 20724 20725 20726 20727 20728 20729 20730 20731 20732 20733 20734 20735 20736 20737 20738 20739 20740 20741 20742 20743 20744 20745 20746 20747 20748 20749 20750 20751 20752 20753 20754 20755 20756 20757 20758 20759 20760 20761 20762 20763 20764 20765 20766 20767 20768 20769 20770 20771 20772 20773 20774 20775 20776 20777 20778 20779 20780 20781 20782 20783 20784 20785 20786 20787 20788 20789 20790 20791 20792 20793 20794 20795 20796 20797 20798 20799 20800 20801 20802 20803 20804 20805 20806 20807 20808 20809 20810 20811 20812 20813 20814 20815 20816 20817 20818 20819 20820 20821 20822 20823 20824 20825 20826 20827 20828 20829 20830 20831 20832 20833 20834 20835 20836 20837 20838 20839 20840 20841 20842 20843 20844 20845 20846 20847 20848 20849 20850 20851 20852 20853 20854 20855 20856 20857 20858 20859 20860 20861 20862 20863 20864 20865 20866 20867 20868 20869 20870 20871 20872 20873 20874 20875 20876 20877 20878 20879 20880 20881 20882 20883 20884 20885 20886 20887 20888 20889 20890 20891 20892 20893 20894 20895 20896 20897 20898 20899 20900 20901 20902 20903 20904 20905 20906 20907 20908 20909 20910 20911 20912 20913 20914 20915 20916 20917 20918 20919 20920 20921 20922 20923 20924 20925 20926 20927 20928 20929 20930 20931 20932 20933 20934 20935 20936 20937 20938 20939 20940 20941 20942 20943 20944 20945 20946 20947 20948 20949 20950 20951 20952 20953 20954 20955 20956 20957 20958 20959 20960 20961 20962 20963 20964 20965 20966 20967 20968 20969 20970 20971 20972 20973 20974 20975 20976 20977 20978 20979 20980 20981 20982 20983 20984 20985 20986 20987 20988 20989 20990 20991 20992 20993 20994 20995 20996 20997 20998 20999 21000 21001 21002 21003 21004 21005 21006 21007 21008 21009 21010 21011 21012 21013 21014 21015 21016 21017 21018 21019 21020 21021 21022 21023 21024 21025 21026 21027 21028 21029 21030 21031 21032 21033 21034 21035 21036 21037 21038 21039 21040 21041 21042 21043 21044 21045 21046 21047 21048 21049 21050 21051 21052 21053 21054 21055 21056 21057 21058 21059 21060 21061 21062 21063 21064 21065 21066 21067 21068 21069 21070 21071 21072 21073 21074 21075 21076 21077 21078 21079 21080 21081 21082 21083 21084 21085 21086 21087 21088 21089 21090 21091 21092 21093 21094 21095 21096 21097 21098 21099 21100 21101 21102 21103 21104 21105 21106 21107 21108 21109 21110 21111 21112 21113 21114 21115 21116 21117 21118 21119 21120 21121 21122 21123 21124 21125 21126 21127 21128 21129 21130 21131 21132 21133 21134 21135 21136 21137 21138 21139 21140 21141 21142 21143 21144 21145 21146 21147 21148 21149 21150 21151 21152 21153 21154 21155 21156 21157 21158 21159 21160 21161 21162 21163 21164 21165 21166 21167 21168 21169 21170 21171 21172 21173 21174 21175 21176 21177 21178 21179 21180 21181 21182 21183 21184 21185 21186 21187 21188 21189 21190 21191 21192 21193 21194 21195 21196 21197 21198 21199 21200 21201 21202 21203 21204 21205 21206 21207 21208 21209 21210 21211 21212 21213 21214 21215 21216 21217 21218 21219 21220 21221 21222 21223 21224 21225 21226 21227 21228 21229 21230 21231 21232 21233 21234 21235 21236 21237 21238 21239 21240 21241 21242 21243 21244 21245 21246 21247 21248 21249 21250 21251 21252 21253 21254 21255 21256 21257 21258 21259 21260 21261 21262 21263 21264 21265 21266 21267 21268 21269 21270 21271 21272 21273 21274 21275 21276 21277 21278 21279 21280 21281 21282 21283 21284 21285 21286 21287 21288 21289 21290 21291 21292 21293 21294 21295 21296 21297 21298 21299 21300 21301 21302 21303 21304 21305 21306 21307 21308 21309 21310 21311 21312 21313 21314 21315 21316 21317 21318 21319 21320 21321 21322 21323 21324 21325 21326 21327 21328 21329 21330 21331 21332 21333 21334 21335 21336 21337 21338 21339 21340 21341 21342 21343 21344 21345 21346 21347 21348 21349 21350 21351 21352 21353 21354 21355 21356 21357 21358 21359 21360 21361 21362 21363 21364 21365 21366 21367 21368 21369 21370 21371 21372 21373 21374 21375 21376 21377 21378 21379 21380 21381 21382 21383 21384 21385 21386 21387 21388 21389 21390 21391 21392 21393 21394 21395 21396 21397 21398 21399 21400 21401 21402 21403 21404 21405 21406 21407 21408 21409 21410 21411 21412 21413 21414 21415 21416 21417 21418 21419 21420 21421 21422 21423 21424 21425 21426 21427 21428 21429 21430 21431 21432 21433 21434 21435 21436 21437 21438 21439 21440 21441 21442 21443 21444 21445 21446 21447 21448 21449 21450 21451 21452 21453 21454 21455 21456 21457 21458 21459 21460 21461 21462 21463 21464 21465 21466 21467 21468 21469 21470 21471 21472 21473 21474 21475 21476 21477 21478 21479 21480 21481 21482 21483 21484 21485 21486 21487 21488 21489 21490 21491 21492 21493 21494 21495 21496 21497 21498 21499 21500 21501 21502 21503 21504 21505 21506 21507 21508 21509 21510 21511 21512 21513 21514 21515 21516 21517 21518 21519 21520 21521 21522 21523 21524 21525 21526 21527 21528 21529 21530 21531 21532 21533 21534 21535 21536 21537 21538 21539 21540 21541 21542 21543 21544 21545 21546 21547 21548 21549 21550 21551 21552 21553 21554 21555 21556 21557 21558 21559 21560 21561 21562 21563 21564 21565 21566 21567 21568 21569 21570 21571 21572 21573 21574 21575 21576 21577 21578 21579 21580 21581 21582 21583 21584 21585 21586 21587 21588 21589 21590 21591 21592 21593 21594 21595 21596 21597 21598 21599 21600 21601 21602 21603 21604 21605 21606 21607 21608 21609 21610 21611 21612 21613 21614 21615 21616 21617 21618 21619 21620 21621 21622 21623 21624 21625 21626 21627 21628 21629 21630 21631 21632 21633 21634 21635 21636 21637 21638 21639 21640 21641 21642 21643 21644 21645 21646 21647 21648 21649 21650 21651 21652 21653 21654 21655 21656 21657 21658 21659 21660 21661 21662 21663 21664 21665 21666 21667 21668 21669 21670 21671 21672 21673 21674 21675 21676 21677 21678 21679 21680 21681 21682 21683 21684 21685 21686 21687 21688 21689 21690 21691 21692 21693 21694 21695 21696 21697 21698 21699 21700 21701 21702 21703 21704 21705 21706 21707 21708 21709 21710 21711 21712 21713 21714 21715 21716 21717 21718 21719 21720 21721 21722 21723 21724 21725 21726 21727 21728 21729 21730 21731 21732 21733 21734 21735 21736 21737 21738 21739 21740 21741 21742 21743 21744 21745 21746 21747 21748 21749 21750 21751 21752 21753 21754 21755 21756 21757 21758 21759 21760 21761 21762 21763 21764 21765 21766 21767 21768 21769 21770 21771 21772 21773 21774 21775 21776 21777 21778 21779 21780 21781 21782 21783 21784 21785 21786 21787 21788 21789 21790 21791 21792 21793 21794 21795 21796 21797 21798 21799 21800 21801 21802 21803 21804 21805 21806 21807 21808 21809 21810 21811 21812 21813 21814 21815 21816 21817 21818 21819 21820 21821 21822 21823 21824 21825 21826 21827 21828 21829 21830 21831 21832 21833 21834 21835 21836 21837 21838 21839 21840 21841 21842 21843 21844 21845 21846 21847 21848 21849 21850 21851 21852 21853 21854 21855 21856 21857 21858 21859 21860 21861 21862 21863 21864 21865 21866 21867 21868 21869 21870 21871 21872 21873 21874 21875 21876 21877 21878 21879 21880 21881 21882 21883 21884 21885 21886 21887 21888 21889 21890 21891 21892 21893 21894 21895 21896 21897 21898 21899 21900 21901 21902 21903 21904 21905 21906 21907 21908 21909 21910 21911 21912 21913 21914 21915 21916 21917 21918 21919 21920 21921 21922 21923 21924 21925 21926 21927 21928 21929 21930 21931 21932 21933 21934 21935 21936 21937 21938 21939 21940 21941 21942 21943 21944 21945 21946 21947 21948 21949 21950 21951 21952 21953 21954 21955 21956 21957 21958 21959 21960 21961 21962 21963 21964 21965 21966 21967 21968 21969 21970 21971 21972 21973 21974 21975 21976 21977 21978 21979 21980 21981 21982 21983 21984 21985 21986 21987 21988 21989 21990 21991 21992 21993 21994 21995 21996 21997 21998 21999 22000 22001 22002 22003 22004 22005 22006 22007 22008 22009 22010 22011 22012 22013 22014 22015 22016 22017 22018 22019 22020 22021 22022 22023 22024 22025 22026 22027 22028 22029 22030 22031 22032 22033 22034 22035 22036 22037 22038 22039 22040 22041 22042 22043 22044 22045 22046 22047 22048 22049 22050 22051 22052 22053 22054 22055 22056 22057 22058 22059 22060 22061 22062 22063 22064 22065 22066 22067 22068 22069 22070 22071 22072 22073 22074 22075 22076 22077 22078 22079 22080 22081 22082 22083 22084 22085 22086 22087 22088 22089 22090 22091 22092 22093 22094 22095 22096 22097 22098 22099 22100 22101 22102 22103 22104 22105 22106 22107 22108 22109 22110 22111 22112 22113 22114 22115 22116 22117 22118 22119 22120 22121 22122 22123 22124 22125 22126 22127 22128 22129 22130 22131 22132 22133 22134 22135 22136 22137 22138 22139 22140 22141 22142 22143 22144 22145 22146 22147 22148 22149 22150 22151 22152 22153 22154 22155 22156 22157 22158 22159 22160 22161 22162 22163 22164 22165 22166 22167 22168 22169 22170 22171 22172 22173 22174 22175 22176 22177 22178 22179 22180 22181 22182 22183 22184 22185 22186 22187 22188 22189 22190 22191 22192 22193 22194 22195 22196 22197 22198 22199 22200 22201 22202 22203 22204 22205 22206 22207 22208 22209 22210 22211 22212 22213 22214 22215 22216 22217 22218 22219 22220 22221 22222 22223 22224 22225 22226 22227 22228 22229 22230 22231 22232 22233 22234 22235 22236 22237 22238 22239 22240 22241 22242 22243 22244 22245 22246 22247 22248 22249 22250 22251 22252 22253 22254 22255 22256 22257 22258 22259 22260 22261 22262 22263 22264 22265 22266 22267 22268 22269 22270 22271 22272 22273 22274 22275 22276 22277 22278 22279 22280 22281 22282 22283 22284 22285 22286 22287 22288 22289 22290 22291 22292 22293 22294 22295 22296 22297 22298 22299 22300 22301 22302 22303 22304 22305 22306 22307 22308 22309 22310 22311 22312 22313 22314 22315 22316 22317 22318 22319 22320 22321 22322 22323 22324 22325 22326 22327 22328 22329 22330 22331 22332 22333 22334 22335 22336 22337 22338 22339 22340 22341 22342 22343 22344 22345 22346 22347 22348 22349 22350 22351 22352 22353 22354 22355 22356 22357 22358 22359 22360 22361 22362 22363 22364 22365 22366 22367 22368 22369 22370 22371 22372 22373 22374 22375 22376 22377 22378 22379 22380 22381 22382 22383 22384 22385 22386 22387 22388 22389 22390 22391 22392 22393 22394 22395 22396 22397 22398 22399 22400 22401 22402 22403 22404 22405 22406 22407 22408 22409 22410 22411 22412 22413 22414 22415 22416 22417 22418 22419 22420 22421 22422 22423 22424 22425 22426 22427 22428 22429 22430 22431 22432 22433 22434 22435 22436 22437 22438 22439 22440 22441 22442 22443 22444 22445 22446 22447 22448 22449 22450 22451 22452 22453 22454 22455 22456 22457 22458 22459 22460 22461 22462 22463 22464 22465 22466 22467 22468 22469 22470 22471 22472 22473 22474 22475 22476 22477 22478 22479 22480 22481 22482 22483 22484 22485 22486 22487 22488 22489 22490 22491 22492 22493 22494 22495 22496 22497 22498 22499 22500 22501 22502 22503 22504 22505 22506 22507 22508 22509 22510 22511 22512 22513 22514 22515 22516 22517 22518 22519 22520 22521 22522 22523 22524 22525 22526 22527 22528 22529 22530 22531 22532 22533 22534 22535 22536 22537 22538 22539 22540 22541 22542 22543 22544 22545 22546 22547 22548 22549 22550 22551 22552 22553 22554 22555 22556 22557 22558 22559 22560 22561 22562 22563 22564 22565 22566 22567 22568 22569 22570 22571 22572 22573 22574 22575 22576 22577 22578 22579 22580 22581 22582 22583 22584 22585 22586 22587 22588 22589 22590 22591 22592 22593 22594 22595 22596 22597 22598 22599 22600 22601 22602 22603 22604 22605 22606 22607 22608 22609 22610 22611 22612 22613 22614 22615 22616 22617 22618 22619 22620 22621 22622 22623 22624 22625 22626 22627 22628 22629 22630 22631 22632 22633 22634 22635 22636 22637 22638 22639 22640 22641 22642 22643 22644 22645 22646 22647 22648 22649 22650 22651 22652 22653 22654 22655 22656 22657 22658 22659 22660 22661 22662 22663 22664 22665 22666 22667 22668 22669 22670 22671 22672 22673 22674 22675 22676 22677 22678 22679 22680 22681 22682 22683 22684 22685 22686 22687 22688 22689 22690 22691 22692 22693 22694 22695 22696 22697 22698 22699 22700 22701 22702 22703 22704 22705 22706 22707 22708 22709 22710 22711 22712 22713 22714 22715 22716 22717 22718 22719 22720 22721 22722 22723 22724 22725 22726 22727 22728 22729 22730 22731 22732 22733 22734 22735 22736 22737 22738 22739 22740 22741 22742 22743 22744 22745 22746 22747 22748 22749 22750 22751 22752 22753 22754 22755 22756 22757 22758 22759 22760 22761 22762 22763 22764 22765 22766 22767 22768 22769 22770 22771 22772 22773 22774 22775 22776 22777 22778 22779 22780 22781 22782 22783 22784 22785 22786 22787 22788 22789 22790 22791 22792 22793 22794 22795 22796 22797 22798 22799 22800 22801 22802 22803 22804 22805 22806 22807 22808 22809 22810 22811 22812 22813 22814 22815 22816 22817 22818 22819 22820 22821 22822 22823 22824 22825 22826 22827 22828 22829 22830 22831 22832 22833 22834 22835 22836 22837 22838 22839 22840 22841 22842 22843 22844 22845 22846 22847 22848 22849 22850 22851 22852 22853 22854 22855 22856 22857 22858 22859 22860 22861 22862 22863 22864 22865 22866 22867 22868 22869 22870 22871 22872 22873 22874 22875 22876 22877 22878 22879 22880 22881 22882 22883 22884 22885 22886 22887 22888 22889 22890 22891 22892 22893 22894 22895 22896 22897 22898 22899 22900 22901 22902 22903 22904 22905 22906 22907 22908 22909 22910 22911 22912 22913 22914 22915 22916 22917 22918 22919 22920 22921 22922 22923 22924 22925 22926 22927 22928 22929 22930 22931 22932 22933 22934 22935 22936 22937 22938 22939 22940 22941 22942 22943 22944 22945 22946 22947 22948 22949 22950 22951 22952 22953 22954 22955 22956 22957 22958 22959 22960 22961 22962 22963 22964 22965 22966 22967 22968 22969 22970 22971 22972 22973 22974 22975 22976 22977 22978 22979 22980 22981 22982 22983 22984 22985 22986 22987 22988 22989 22990 22991 22992 22993 22994 22995 22996 22997 22998 22999 23000 23001 23002 23003 23004 23005 23006 23007 23008 23009 23010 23011 23012 23013 23014 23015 23016 23017 23018 23019 23020 23021 23022 23023 23024 23025 23026 23027 23028 23029 23030 23031 23032 23033 23034 23035 23036 23037 23038 23039 23040 23041 23042 23043 23044 23045 23046 23047 23048 23049 23050 23051 23052 23053 23054 23055 23056 23057 23058 23059 23060 23061 23062 23063 23064 23065 23066 23067 23068 23069 23070 23071 23072 23073 23074 23075 23076 23077 23078 23079 23080 23081 23082 23083 23084 23085 23086 23087 23088 23089 23090 23091 23092 23093 23094 23095 23096 23097 23098 23099 23100 23101 23102 23103 23104 23105 23106 23107 23108 23109 23110 23111 23112 23113 23114 23115 23116 23117 23118 23119 23120 23121 23122 23123 23124 23125 23126 23127 23128 23129 23130 23131 23132 23133 23134 23135 23136 23137 23138 23139 23140 23141 23142 23143 23144 23145 23146 23147 23148 23149 23150 23151 23152 23153 23154 23155 23156 23157 23158 23159 23160 23161 23162 23163 23164 23165 23166 23167 23168 23169 23170 23171 23172 23173 23174 23175 23176 23177 23178 23179 23180 23181 23182 23183 23184 23185 23186 23187 23188 23189 23190 23191 23192 23193 23194 23195 23196 23197 23198 23199 23200 23201 23202 23203 23204 23205 23206 23207 23208 23209 23210 23211 23212 23213 23214 23215 23216 23217 23218 23219 23220 23221 23222 23223 23224 23225 23226 23227 23228 23229 23230 23231 23232 23233 23234 23235 23236 23237 23238 23239 23240 23241 23242 23243 23244 23245 23246 23247 23248 23249 23250 23251 23252 23253 23254 23255 23256 23257 23258 23259 23260 23261 23262 23263 23264 23265 23266 23267 23268 23269 23270 23271 23272 23273 23274 23275 23276 23277 23278 23279 23280 23281 23282 23283 23284 23285 23286 23287 23288 23289 23290 23291 23292 23293 23294 23295 23296 23297 23298 23299 23300 23301 23302 23303 23304 23305 23306 23307 23308 23309 23310 23311 23312 23313 23314 23315 23316 23317 23318 23319 23320 23321 23322 23323 23324 23325 23326 23327 23328 23329 23330 23331 23332 23333 23334 23335 23336 23337 23338 23339 23340 23341 23342 23343 23344 23345 23346 23347 23348 23349 23350 23351 23352 23353 23354 23355 23356 23357 23358 23359 23360 23361 23362 23363 23364 23365 23366 23367 23368 23369 23370 23371 23372 23373 23374 23375 23376 23377 23378 23379 23380 23381 23382 23383 23384 23385 23386 23387 23388 23389 23390 23391 23392 23393 23394 23395 23396 23397 23398 23399 23400 23401 23402 23403 23404 23405 23406 23407 23408 23409 23410 23411 23412 23413 23414 23415 23416 23417 23418 23419 23420 23421 23422 23423 23424 23425 23426 23427 23428 23429 23430 23431 23432 23433 23434 23435 23436 23437 23438 23439 23440 23441 23442 23443 23444 23445 23446 23447 23448 23449 23450 23451 23452 23453 23454 23455 23456 23457 23458 23459 23460 23461 23462 23463 23464 23465 23466 23467 23468 23469 23470 23471 23472 23473 23474 23475 23476 23477 23478 23479 23480 23481 23482 23483 23484 23485 23486 23487 23488 23489 23490 23491 23492 23493 23494 23495 23496 23497 23498 23499 23500 23501 23502 23503 23504 23505 23506 23507 23508 23509 23510 23511 23512 23513 23514 23515 23516 23517 23518 23519 23520 23521 23522 23523 23524 23525 23526 23527 23528 23529 23530 23531 23532 23533 23534 23535 23536 23537 23538 23539 23540 23541 23542 23543 23544 23545 23546 23547 23548 23549 23550 23551 23552 23553 23554 23555 23556 23557 23558 23559 23560 23561 23562 23563 23564 23565 23566 23567 23568 23569 23570 23571 23572 23573 23574 23575 23576 23577 23578 23579 23580 23581 23582 23583 23584 23585 23586 23587 23588 23589 23590 23591 23592 23593 23594 23595 23596 23597 23598 23599 23600 23601 23602 23603 23604 23605 23606 23607 23608 23609 23610 23611 23612 23613 23614 23615 23616 23617 23618 23619 23620 23621 23622 23623 23624 23625 23626 23627 23628 23629 23630 23631 23632 23633 23634 23635 23636 23637 23638 23639 23640 23641 23642 23643 23644 23645 23646 23647 23648 23649 23650 23651 23652 23653 23654 23655 23656 23657 23658 23659 23660 23661 23662 23663 23664 23665 23666 23667 23668 23669 23670 23671 23672 23673 23674 23675 23676 23677 23678 23679 23680 23681 23682 23683 23684 23685 23686 23687 23688 23689 23690 23691 23692 23693 23694 23695 23696 23697 23698 23699 23700 23701 23702 23703 23704 23705 23706 23707 23708 23709 23710 23711 23712 23713 23714 23715 23716 23717 23718 23719 23720 23721 23722 23723 23724 23725 23726 23727 23728 23729 23730 23731 23732 23733 23734 23735 23736 23737 23738 23739 23740 23741 23742 23743 23744 23745 23746 23747 23748 23749 23750 23751 23752 23753 23754 23755 23756 23757 23758 23759 23760 23761 23762 23763 23764 23765 23766 23767 23768 23769 23770 23771 23772 23773 23774 23775 23776 23777 23778 23779 23780 23781 23782 23783 23784 23785 23786 23787 23788 23789 23790 23791 23792 23793 23794 23795 23796 23797 23798 23799 23800 23801 23802 23803 23804 23805 23806 23807 23808 23809 23810 23811 23812 23813 23814 23815 23816 23817 23818 23819 23820 23821 23822 23823 23824 23825 23826 23827 23828 23829 23830 23831 23832 23833 23834 23835 23836 23837 23838 23839 23840 23841 23842 23843 23844 23845 23846 23847 23848 23849 23850 23851 23852 23853 23854 23855 23856 23857 23858 23859 23860 23861 23862 23863 23864 23865 23866 23867 23868 23869 23870 23871 23872 23873 23874 23875 23876 23877 23878 23879 23880 23881 23882 23883 23884 23885 23886 23887 23888 23889 23890 23891 23892 23893 23894 23895 23896 23897 23898 23899 23900 23901 23902 23903 23904 23905 23906 23907 23908 23909 23910 23911 23912 23913 23914 23915 23916 23917 23918 23919 23920 23921 23922 23923 23924 23925 23926 23927 23928 23929 23930 23931 23932 23933 23934 23935 23936 23937 23938 23939 23940 23941 23942 23943 23944 23945 23946 23947 23948 23949 23950 23951 23952 23953 23954 23955 23956 23957 23958 23959 23960 23961 23962 23963 23964 23965 23966 23967 23968 23969 23970 23971 23972 23973 23974 23975 23976 23977 23978 23979 23980 23981 23982 23983 23984 23985 23986 23987 23988 23989 23990 23991 23992 23993 23994 23995 23996 23997 23998 23999 24000 24001 24002 24003 24004 24005 24006 24007 24008 24009 24010 24011 24012 24013 24014 24015 24016 24017 24018 24019 24020 24021 24022 24023 24024 24025 24026 24027 24028 24029 24030 24031 24032 24033 24034 24035 24036 24037 24038 24039 24040 24041 24042 24043 24044 24045 24046 24047 24048 24049 24050 24051 24052 24053 24054 24055 24056 24057 24058 24059 24060 24061 24062 24063 24064 24065 24066 24067 24068 24069 24070 24071 24072 24073 24074 24075 24076 24077 24078 24079 24080 24081 24082 24083 24084 24085 24086 24087 24088 24089 24090 24091 24092 24093 24094 24095 24096 24097 24098 24099 24100 24101 24102 24103 24104 24105 24106 24107 24108 24109 24110 24111 24112 24113 24114 24115 24116 24117 24118 24119 24120 24121 24122 24123 24124 24125 24126 24127 24128 24129 24130 24131 24132 24133 24134 24135 24136 24137 24138 24139 24140 24141 24142 24143 24144 24145 24146 24147 24148 24149 24150 24151 24152 24153 24154 24155 24156 24157 24158 24159 24160 24161 24162 24163 24164 24165 24166 24167 24168 24169 24170 24171 24172 24173 24174 24175 24176 24177 24178 24179 24180 24181 24182 24183 24184 24185 24186 24187 24188 24189 24190 24191 24192 24193 24194 24195 24196 24197 24198 24199 24200 24201 24202 24203 24204 24205 24206 24207 24208 24209 24210 24211 24212 24213 24214 24215 24216 24217 24218 24219 24220 24221 24222 24223 24224 24225 24226 24227 24228 24229 24230 24231 24232 24233 24234 24235 24236 24237 24238 24239 24240 24241 24242 24243 24244 24245 24246 24247 24248 24249 24250 24251 24252 24253 24254 24255 24256 24257 24258 24259 24260 24261 24262 24263 24264 24265 24266 24267 24268 24269 24270 24271 24272 24273 24274 24275 24276 24277 24278 24279 24280 24281 24282 24283 24284 24285 24286 24287 24288 24289 24290 24291 24292 24293 24294 24295 24296 24297 24298 24299 24300 24301 24302 24303 24304 24305 24306 24307 24308 24309 24310 24311 24312 24313 24314 24315 24316 24317 24318 24319 24320 24321 24322 24323 24324 24325 24326 24327 24328 24329 24330 24331 24332 24333 24334 24335 24336 24337 24338 24339 24340 24341 24342 24343 24344 24345 24346 24347 24348 24349 24350 24351 24352 24353 24354 24355 24356 24357 24358 24359 24360 24361 24362 24363 24364 24365 24366 24367 24368 24369 24370 24371 24372 24373 24374 24375 24376 24377 24378 24379 24380 24381 24382 24383 24384 24385 24386 24387 24388 24389 24390 24391 24392 24393 24394 24395 24396 24397 24398 24399 24400 24401 24402 24403 24404 24405 24406 24407 24408 24409 24410 24411 24412 24413 24414 24415 24416 24417 24418 24419 24420 24421 24422 24423 24424 24425 24426 24427 24428 24429 24430 24431 24432 24433 24434 24435
/******************************************************************************

Copyright (c) 2016, Highsoft

Permission is hereby granted, free of charge, to any person obtaining
a copy of this software and associated documentation files (the
"Software"), to deal in the Software without restriction, including
without limitation the rights to use, copy, modify, merge, publish,
distribute, sublicense, and/or sell copies of the Software, and to
permit persons to whom the Software is furnished to do so, subject to
the following conditions:

The above copyright notice and this permission notice shall be
included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY
CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT,
TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

******************************************************************************/
/******************************************************************************

Copyright (c) 2016-2018, Highsoft

Permission is hereby granted, free of charge, to any person obtaining
a copy of this software and associated documentation files (the
"Software"), to deal in the Software without restriction, including
without limitation the rights to use, copy, modify, merge, publish,
distribute, sublicense, and/or sell copies of the Software, and to
permit persons to whom the Software is furnished to do so, subject to
the following conditions:

The above copyright notice and this permission notice shall be
included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY
CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT,
TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

******************************************************************************/

// @format

//////////////////////////////////////////////////////////////////////////////

//# sourceMappingURL=highcharts.js.map
/** The main highcharts editor namespace
 * @ignore
 */
 var highed = {
    schemas: {},
    meta: {
      chartTemplates: {},
      fonts: []
    },
    plugins: {},
  
    resources: {
      logo:
        '<?xml version="1.0" encoding="utf-8"?><!-- Generator: Adobe Illustrator 16.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0)  --><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg version="1.1" id="Warstwa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"     width="425.197px" height="141.732px" viewBox="0 0 425.197 141.732" enable-background="new 0 0 425.197 141.732"     xml:space="preserve"><g>    <path fill="#383836" d="M138.475,69.712h-17.02v9.77c0,1.037-0.813,1.851-1.849,1.851c-1.037,0-1.85-0.813-1.85-1.851V57.725        c0-1.037,0.813-1.852,1.85-1.852c1.036,0,1.849,0.813,1.849,1.852v8.436h17.02v-8.436c0-1.037,0.814-1.852,1.85-1.852        c1.036,0,1.85,0.813,1.85,1.852v21.754c0,1.037-0.814,1.851-1.85,1.851c-1.036,0-1.85-0.813-1.85-1.851V69.712z"/>    <path fill="#383836" d="M156.973,79.479c0,1.037-0.814,1.851-1.852,1.851s-1.852-0.813-1.852-1.851V57.725        c0-1.037,0.814-1.852,1.852-1.852s1.852,0.813,1.852,1.852V79.479z"/>    <path fill="#383836" d="M184.125,70.378c0-1.036,0.814-1.774,1.852-1.774c1.034,0,1.852,0.813,1.852,1.849v5.847        c0,0.444-0.226,1.109-0.595,1.479c-2.367,2.369-5.549,3.773-9.176,3.773c-7.178,0-12.949-5.771-12.949-12.948        c0-7.181,5.771-12.949,12.949-12.949c3.627,0,6.809,1.405,9.176,3.771c0.738,0.74,0.738,1.852,0,2.592        c-0.741,0.738-1.922,0.813-2.663,0.072c-1.702-1.699-3.923-2.736-6.513-2.736c-5.104,0-9.249,4.144-9.249,9.25        c0,5.104,4.146,9.25,9.249,9.25c2.367,0,4.441-0.813,6.067-2.222V70.378z"/>    <path fill="#383836" d="M218.162,69.712h-17.019v9.77c0,1.037-0.817,1.851-1.852,1.851c-1.037,0-1.849-0.813-1.849-1.851V57.725        c0-1.037,0.812-1.852,1.849-1.852c1.034,0,1.852,0.813,1.852,1.852v8.436h17.019v-8.436c0-1.037,0.813-1.852,1.849-1.852        c1.037,0,1.852,0.813,1.852,1.852v21.754c0,1.037-0.813,1.851-1.852,1.851c-1.033,0-1.849-0.813-1.849-1.851V69.712z"/>    <path fill="#383836" d="M242.948,81.552c-7.182,0-12.949-5.771-12.949-12.948c0-7.181,5.77-12.949,12.949-12.949        c3.627,0,6.809,1.405,9.176,3.771c0.738,0.74,0.738,1.852,0,2.592c-0.741,0.738-1.925,0.813-2.666,0.072        c-1.699-1.699-3.92-2.736-6.51-2.736c-5.106,0-9.249,4.144-9.249,9.25c0,5.104,4.143,9.25,9.249,9.25        c2.59,0,4.884-0.962,6.586-2.664c0.74-0.741,1.849-0.741,2.59,0c0.738,0.738,0.738,1.85,0,2.589        C249.756,80.146,246.574,81.552,242.948,81.552z"/>    <path fill="#383836" d="M281.569,69.712h-17.02v9.77c0,1.037-0.813,1.851-1.852,1.851c-1.034,0-1.85-0.813-1.85-1.851V57.725        c0-1.037,0.813-1.852,1.85-1.852c1.035,0,1.852,0.813,1.852,1.852v8.436h17.02v-8.436c0-1.037,0.813-1.852,1.853-1.852        c1.034,0,1.849,0.813,1.849,1.852v21.754c0,1.037-0.813,1.851-1.849,1.851c-1.037,0-1.853-0.813-1.853-1.851V69.712z"/>    <path fill="#383836" d="M308.758,57.503l10.507,20.646c0.223,0.443,0.445,1.036,0.445,1.554c0,1.036-0.668,1.628-1.702,1.628        c-0.741,0-1.481-0.222-2.001-1.258l-3.253-6.438h-13.547l-3.183,6.438c-0.517,1.036-1.256,1.258-1.994,1.258        c-1.037,0-1.702-0.593-1.702-1.628c0-0.519,0.22-1.109,0.442-1.554l10.506-20.646c0.668-1.405,2.002-1.628,2.74-1.628        C306.76,55.875,308.09,56.096,308.758,57.503z M300.985,70.083h9.988l-4.957-9.99L300.985,70.083z"/>    <path fill="#383836" d="M340.159,56.023c4.441,0,8.064,3.255,8.064,7.694c0,3.923-2.813,6.884-6.511,7.549l6.731,7.104        c0.664,0.666,0.889,1.85,0.146,2.516c-0.736,0.741-2.145,0.521-2.886-0.296l-8.729-9.176h-6.511v8.142        c0,1.034-0.815,1.774-1.854,1.774c-1.033,0-1.85-0.813-1.85-1.851V57.873c0-1.035,0.814-1.85,1.85-1.85H340.159z M330.468,59.575        v8.288h9.691c2.59,0,4.367-1.776,4.367-4.146c0-2.365-1.777-4.144-4.367-4.144L330.468,59.575L330.468,59.575z"/>    <path fill="#383836" d="M365.047,59.575h-9.249c-1.033,0-1.849-0.74-1.849-1.776c0-1.034,0.813-1.773,1.849-1.773h22.201        c1.037,0,1.852,0.74,1.852,1.773c0,1.037-0.813,1.776-1.852,1.776h-9.249V79.48c0,1.037-0.813,1.851-1.849,1.851        c-1.037,0-1.854-0.813-1.854-1.851V59.575z"/>    <path fill="#383836" d="M388.724,66.013c0-9.25,5.698-10.359,9.99-10.359c1.035,0,1.85,0.813,1.85,1.85        c0,1.036-0.813,1.851-1.85,1.851c-3.479,0-6.29,0.738-6.29,6.66v5.18c0,9.25-5.698,10.358-9.989,10.358        c-1.035,0-1.85-0.813-1.85-1.85s0.814-1.85,1.85-1.85c3.479,0,6.289-0.74,6.289-6.66V66.013z"/></g><polygon fill="#8087E8" points="67.981,30.52 56.757,56.73 42.009,91.171 76.301,76.685 94.465,69.013 "/><polygon fill="#30426B" points="73.7,62.25 76.302,76.685 94.466,69.013 "/><polygon fill="#6699A1" points="67.981,30.52 73.7,62.251 94.465,69.013 "/><polygon fill="#78758C" points="73.7,62.25 94.466,69.013 56.758,56.729 42.009,91.171 76.302,76.685 "/><polygon fill="#A3EDBA" points="42.009,91.171 56.757,56.73 26.442,46.855 "/><polygon fill="#6699A1" points="76.302,76.685 79.628,95.13 94.466,69.013 "/><polygon fill="#8087E8" points="67.981,30.52 56.757,56.73 73.7,62.251 "/></svg>',
      icons: {
        line: '<?xml version="1.0" encoding="utf-8"?> <!-- Generator: Adobe Illustrator 22.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 36 36" style="enable-background:new 0 0 36 36;" xml:space="preserve"> <style type="text/css"> .st0{fill:#42C8C0;} .st1{display:none;} .st2{display:inline;fill:#42C8C0;} .st3{display:inline;} .st4{clip-path:url(#SVGID_4_);fill-rule:evenodd;clip-rule:evenodd;fill:#42C8C0;} .st5{clip-path:url(#SVGID_6_);fill:#42C8C0;} .st6{display:inline;fill:none;stroke:#42C8C0;stroke-width:2;stroke-miterlimit:10;} .st7{clip-path:url(#SVGID_8_);fill:#42C8C0;} .st8{display:inline;fill:none;stroke:#FFFFFF;stroke-width:5;} .st9{display:inline;fill:none;stroke:#42C8C0;stroke-width:2.2574;} </style> <g id="line"> <path class="st0" d="M12.1,13.1l3.6,4.1L9,27.7l-6.5,0l0.1-3.8L12.1,13.1z M21.4,11.5l2.5,6.8l-3,2.3l-3.1-3.5L21.4,11.5z M10.1,29.2L17,18.5l3.8,4.2l3.9-2.9l3.6,10.1l4.8-5.1l1.2,2.7l1.2-1.1L33.7,22l-4.8,4.9l-3-8.2l1.7-1.4l4.6,4l3.5-7.9l-1.4-0.5 l-2.5,5.8l-4-3.5L25.4,17l-3.4-9.4l-5.2,8l-4.6-5.1L2.4,21.8l0-20.4L0,1.4v34.5h35.7v-2.1l-33.3,0v-4.7H10.1z"/> </g> <g id="popular" class="st1"> <polygon class="st2" points="18.1,26.2 28.9,33.7 24.8,21.6 35.6,14.3 22.4,14.3 18.1,1.8 13.9,14.3 0.7,14.3 11.5,21.6 7.4,33.7 "/> </g> <g id="bar" class="st1"> <g class="st3"> <defs> <rect id="SVGID_1_" x="-2.2" y="-1.2" width="41.2" height="41.2"/> </defs> <clipPath id="SVGID_2_"> <use xlink:href="#SVGID_1_" style="overflow:visible;"/> </clipPath> </g> <path class="st2" d="M27.5,4.5v25.7h4.6V4.5H27.5z M20.6,13v17.1h4.6V13H20.6z M35.7,34.1H2.3V1.6H0.1v34.3h35.6L35.7,34.1 L35.7,34.1z M13.8,7.3v22.8h4.6V7.3H13.8L13.8,7.3z M6.9,18.8v11.4h4.6V18.8H6.9z"/> </g> <g id="columns" class="st1"> <g class="st3"> <defs> <rect id="SVGID_3_" x="1.3" y="1.5" width="33.8" height="33.8"/> </defs> <clipPath id="SVGID_4_"> <use xlink:href="#SVGID_3_" style="overflow:visible;"/> </clipPath> <path class="st4" d="M27,1.5v32.2h6.4V1.5H27z M16.9,12.2h-6.4v21.5h6.4V12.2z M8.6,22.9H2.2v10.8h6.4V22.9z M25.2,8.2h-6.4v25.5 h6.4V8.2z"/> </g> </g> <g id="pie" class="st1"> <g class="st3"> <defs> <rect id="SVGID_5_" x="-4.4" y="-4.8" width="45.6" height="45.6"/> </defs> <clipPath id="SVGID_6_"> <use xlink:href="#SVGID_5_" style="overflow:visible;"/> </clipPath> <path class="st5" d="M32.2,9.1c-1.3-2.3-3.2-4.2-5.5-5.5c-2.3-1.4-4.9-2.1-7.6-2v15.2h15.2C34.3,14.1,33.6,11.4,32.2,9.1L32.2,9.1 z M31,30.1c2.9-2.9,4.5-6.7,4.5-10.8H20.3L31,30.1z M16.5,19.1V4c-2.7,0-5.3,0.7-7.6,2c-2.3,1.3-4.2,3.2-5.6,5.5 c-2.7,4.7-2.7,10.5,0,15.2c1.3,2.3,3.3,4.2,5.6,5.6c4.1,2.4,9.1,2.7,13.5,0.9c1.8-0.8,3.5-1.9,4.9-3.3L16.5,19.1z"/> </g> </g> <g id="scatter" class="st1"> <path class="st2" d="M32.8,18.7c0,1.1-0.9,1.9-1.9,1.9c-1.1,0-1.9-0.8-1.9-1.9c0-1.1,0.9-1.9,1.9-1.9C32,16.8,32.8,17.6,32.8,18.7z M14,29.6c0,1.1-0.9,1.9-1.9,1.9c-1.1,0-1.9-0.8-1.9-1.9c0-1.1,0.9-1.9,1.9-1.9C13.1,27.6,14,28.5,14,29.6z M19.2,29.6 c0,1.1-0.9,1.9-1.9,1.9c-1.1,0-1.9-0.8-1.9-1.9c0-1.1,0.9-1.9,1.9-1.9C18.3,27.6,19.2,28.5,19.2,29.6z M21.2,23.8 c0,1.1-0.9,1.9-1.9,1.9s-1.9-0.8-1.9-1.9c0-1.1,0.9-1.9,1.9-1.9S21.2,22.8,21.2,23.8z M26.3,22.5c0,1.1-0.9,1.9-1.9,1.9 c-1.1,0-1.9-0.8-1.9-1.9s0.9-1.9,1.9-1.9C25.4,20.6,26.3,21.5,26.3,22.5z M28.3,16.8c0,1.1-0.9,1.9-1.9,1.9c-1.1,0-1.9-0.8-1.9-1.9 c0-1.1,0.9-1.9,1.9-1.9S28.3,15.7,28.3,16.8z M31.5,11c-1.1,0-1.9,0.8-1.9,1.9c0,1.1,0.9,1.9,1.9,1.9c1.1,0,1.9-0.8,1.9-1.9 C33.5,11.9,32.6,11,31.5,11z M5.6,18.1c0-1.1,0.9-1.9,1.9-1.9s1.9,0.8,1.9,1.9c0,1.1-0.9,1.9-1.9,1.9S5.6,19.1,5.6,18.1z M24.4,7.2 c0-1.1,0.9-1.9,1.9-1.9c1.1,0,1.9,0.8,1.9,1.9c0,1.1-0.9,1.9-1.9,1.9C25.3,9.1,24.4,8.2,24.4,7.2z M19.2,7.2c0-1.1,0.9-1.9,1.9-1.9 c1.1,0,1.9,0.8,1.9,1.9c0,1.1-0.9,1.9-1.9,1.9C20.1,9.1,19.2,8.2,19.2,7.2z M17.3,12.9c0-1.1,0.9-1.9,1.9-1.9s1.9,0.8,1.9,1.9 c0,1.1-0.9,1.9-1.9,1.9S17.3,14,17.3,12.9z M12.1,14.2c0-1.1,0.9-1.9,1.9-1.9c1.1,0,1.9,0.8,1.9,1.9c0,1.1-0.9,1.9-1.9,1.9 S12.1,15.3,12.1,14.2z M10.1,20c0-1.1,0.9-1.9,1.9-1.9S14,18.9,14,20s-0.9,1.9-1.9,1.9C11,21.9,10.1,21,10.1,20z M6.9,25.7 c1.1,0,1.9-0.8,1.9-1.9c0-1.1-0.9-1.9-1.9-1.9s-1.9,0.8-1.9,1.9C4.9,24.9,5.8,25.7,6.9,25.7z M35.2,5.1l-0.4-0.5L5.1,30.2l0.4,0.5 L35.2,5.1z M35.5,35.8H0.1V1.7h1.9V34h33.4V35.8z"/> </g> <g id="polar" class="st1"> <polygon class="st6" points="26.2,4 9.7,4 1.4,18.4 9.7,32.8 26.2,32.8 34.5,18.4 "/> <polygon class="st6" points="23.7,8.3 12.1,8.3 6.3,18.3 12.1,28.4 23.7,28.4 29.5,18.3 "/> <line class="st6" x1="9.7" y1="4" x2="26.2" y2="32.8"/> <line class="st6" x1="26.2" y1="4" x2="9.7" y2="32.8"/> <line class="st6" x1="1.4" y1="18.4" x2="34.5" y2="18.4"/> </g> <g id="stock" class="st1"> <path class="st2" d="M33.5,9.7c0-0.3-0.2-0.5-0.5-0.5h0h-7.4c-0.3,0-0.5,0.2-0.5,0.5c0,0.1,0.1,0.3,0.2,0.4l2.1,2.1l-7.9,7.9l-4-4 c-0.2-0.2-0.5-0.2-0.8,0l0,0l-9.9,9.9L8,29.3l7.1-7.1l4,4c0.2,0.2,0.5,0.2,0.8,0l0,0l10.8-10.8l2.1,2.1c0.2,0.2,0.5,0.2,0.8,0 c0.1-0.1,0.2-0.2,0.2-0.4V9.7L33.5,9.7z M35.3,33.2H2.8V1.4H0.2v34.4h35.1V33.2z"/> </g> <g id="combo" class="st1"> <g class="st3"> <defs> <rect id="SVGID_7_" x="-2.6" y="-6" width="50.2" height="50.2"/> </defs> <clipPath id="SVGID_8_"> <use xlink:href="#SVGID_7_" style="overflow:visible;"/> </clipPath> <path class="st7" d="M29.4,6.3v25.1H35V6.3H29.4z M21,14.7v16.8h5.6V14.7H21z M35.6,33.1H3V1.5H0.2v34.5h35.4L35.6,33.1L35.6,33.1 z M12.7,9.1v22.3h5.6V9.1H12.7L12.7,9.1z M4.3,20.3v11.2h5.6V20.3H4.3z"/> </g> <polyline class="st8" points="6.3,26 15.3,16.4 23.8,26 32.3,13.3 "/> <polyline class="st9" points="6.9,25.3 15.3,16.4 23.8,26 31.8,14 "/> </g> <g id="area" class="st1"> <g class="st3"> <path class="st0" d="M23,18.9L12.8,8.7L4.9,18.9v10.2h29.5l-4.5-15.9L23,18.9z M35.3,33.7l-32.9,0V1.8L0,1.8v34h35.3L35.3,33.7z" /> </g> </g> <g id="Layer_11" class="st1"> <path class="st2" d="M5.5,19.1H0.9c0.7,8.2,7.3,14.7,15.6,15.4v-4.6C10.8,29.3,6.2,24.8,5.5,19.1z M30.3,19.1 c-0.6,5.7-5.2,10.2-11,10.8v4.6c8.3-0.7,15-7.2,15.6-15.4L30.3,19.1L30.3,19.1z M0.9,16.4h4.6c0.6-5.7,5.2-10.2,11-10.8V1 C8.2,1.6,1.6,8.2,0.9,16.4z M19.3,1v4.6c5.8,0.6,10.4,5.1,11,10.8H35C34.3,8.2,27.7,1.6,19.3,1z"/> </g> </svg> ',
        area: '<?xml version="1.0" encoding="utf-8"?> <!-- Generator: Adobe Illustrator 22.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 36 36" style="enable-background:new 0 0 36 36;" xml:space="preserve"> <style type="text/css"> .st0{display:none;} .st1{display:inline;fill:#D66544;} .st2{display:inline;fill:#42C8C0;} .st3{display:inline;} .st4{clip-path:url(#SVGID_4_);fill-rule:evenodd;clip-rule:evenodd;fill:#42C8C0;} .st5{clip-path:url(#SVGID_6_);fill:#42C8C0;} .st6{display:inline;fill:none;stroke:#42C8C0;stroke-width:2;stroke-miterlimit:10;} .st7{clip-path:url(#SVGID_8_);fill:#42C8C0;} .st8{display:inline;fill:none;stroke:#FFFFFF;stroke-width:5;} .st9{display:inline;fill:none;stroke:#42C8C0;stroke-width:2.2574;} .st10{fill:#42C8C0;} </style> <g id="line" class="st0"> <path class="st1" d="M12.1,13.1l3.6,4.1L9,27.7l-6.5,0l0.1-3.8L12.1,13.1z M21.4,11.5l2.5,6.8l-3,2.3l-3.1-3.5L21.4,11.5z M10.1,29.2L17,18.5l3.8,4.2l3.9-2.9l3.6,10.1l4.8-5.1l1.2,2.7l1.2-1.1L33.7,22l-4.8,4.9l-3-8.2l1.7-1.4l4.6,4l3.5-7.9l-1.4-0.5 l-2.5,5.8l-4-3.5L25.4,17l-3.4-9.4l-5.2,8l-4.6-5.1L2.4,21.8l0-20.4L0,1.4v34.5h35.7v-2.1l-33.3,0v-4.7H10.1z"/> </g> <g id="popular" class="st0"> <polygon class="st2" points="18.1,27.7 28.9,35.2 24.8,23.1 35.6,15.8 22.4,15.8 18.1,3.3 13.9,15.8 0.7,15.8 11.5,23.1 7.4,35.2 "/> </g> <g id="bar" class="st0"> <g class="st3"> <defs> <rect id="SVGID_1_" x="-2.2" y="-1.2" width="41.2" height="41.2"/> </defs> <clipPath id="SVGID_2_"> <use xlink:href="#SVGID_1_" style="overflow:visible;"/> </clipPath> </g> <path class="st2" d="M27.5,4.5v25.7h4.6V4.5H27.5z M20.6,13v17.1h4.6V13H20.6z M35.7,34.1H2.3V1.6H0.1v34.3h35.6L35.7,34.1 L35.7,34.1z M13.8,7.3v22.8h4.6V7.3H13.8L13.8,7.3z M6.9,18.8v11.4h4.6V18.8H6.9z"/> </g> <g id="columns" class="st0"> <g class="st3"> <defs> <rect id="SVGID_3_" x="1.3" y="1.5" width="33.8" height="33.8"/> </defs> <clipPath id="SVGID_4_"> <use xlink:href="#SVGID_3_" style="overflow:visible;"/> </clipPath> <path class="st4" d="M27,1.5v32.2h6.4V1.5H27z M16.9,12.2h-6.4v21.5h6.4V12.2z M8.6,22.9H2.2v10.8h6.4V22.9z M25.2,8.2h-6.4v25.5 h6.4V8.2z"/> </g> </g> <g id="pie" class="st0"> <g class="st3"> <defs> <rect id="SVGID_5_" x="-4.4" y="-4.8" width="45.6" height="45.6"/> </defs> <clipPath id="SVGID_6_"> <use xlink:href="#SVGID_5_" style="overflow:visible;"/> </clipPath> <path class="st5" d="M32.2,9.1c-1.3-2.3-3.2-4.2-5.5-5.5c-2.3-1.4-4.9-2.1-7.6-2v15.2h15.2C34.3,14.1,33.6,11.4,32.2,9.1L32.2,9.1 z M31,30.1c2.9-2.9,4.5-6.7,4.5-10.8H20.3L31,30.1z M16.5,19.1V4c-2.7,0-5.3,0.7-7.6,2c-2.3,1.3-4.2,3.2-5.6,5.5 c-2.7,4.7-2.7,10.5,0,15.2c1.3,2.3,3.3,4.2,5.6,5.6c4.1,2.4,9.1,2.7,13.5,0.9c1.8-0.8,3.5-1.9,4.9-3.3L16.5,19.1z"/> </g> </g> <g id="scatter" class="st0"> <path class="st2" d="M32.8,18.7c0,1.1-0.9,1.9-1.9,1.9c-1.1,0-1.9-0.8-1.9-1.9c0-1.1,0.9-1.9,1.9-1.9C32,16.8,32.8,17.6,32.8,18.7z M14,29.6c0,1.1-0.9,1.9-1.9,1.9c-1.1,0-1.9-0.8-1.9-1.9c0-1.1,0.9-1.9,1.9-1.9C13.1,27.6,14,28.5,14,29.6z M19.2,29.6 c0,1.1-0.9,1.9-1.9,1.9c-1.1,0-1.9-0.8-1.9-1.9c0-1.1,0.9-1.9,1.9-1.9C18.3,27.6,19.2,28.5,19.2,29.6z M21.2,23.8 c0,1.1-0.9,1.9-1.9,1.9s-1.9-0.8-1.9-1.9c0-1.1,0.9-1.9,1.9-1.9S21.2,22.8,21.2,23.8z M26.3,22.5c0,1.1-0.9,1.9-1.9,1.9 c-1.1,0-1.9-0.8-1.9-1.9s0.9-1.9,1.9-1.9C25.4,20.6,26.3,21.5,26.3,22.5z M28.3,16.8c0,1.1-0.9,1.9-1.9,1.9c-1.1,0-1.9-0.8-1.9-1.9 c0-1.1,0.9-1.9,1.9-1.9S28.3,15.7,28.3,16.8z M31.5,11c-1.1,0-1.9,0.8-1.9,1.9c0,1.1,0.9,1.9,1.9,1.9c1.1,0,1.9-0.8,1.9-1.9 C33.5,11.9,32.6,11,31.5,11z M5.6,18.1c0-1.1,0.9-1.9,1.9-1.9s1.9,0.8,1.9,1.9c0,1.1-0.9,1.9-1.9,1.9S5.6,19.1,5.6,18.1z M24.4,7.2 c0-1.1,0.9-1.9,1.9-1.9c1.1,0,1.9,0.8,1.9,1.9c0,1.1-0.9,1.9-1.9,1.9C25.3,9.1,24.4,8.2,24.4,7.2z M19.2,7.2c0-1.1,0.9-1.9,1.9-1.9 c1.1,0,1.9,0.8,1.9,1.9c0,1.1-0.9,1.9-1.9,1.9C20.1,9.1,19.2,8.2,19.2,7.2z M17.3,12.9c0-1.1,0.9-1.9,1.9-1.9s1.9,0.8,1.9,1.9 c0,1.1-0.9,1.9-1.9,1.9S17.3,14,17.3,12.9z M12.1,14.2c0-1.1,0.9-1.9,1.9-1.9c1.1,0,1.9,0.8,1.9,1.9c0,1.1-0.9,1.9-1.9,1.9 S12.1,15.3,12.1,14.2z M10.1,20c0-1.1,0.9-1.9,1.9-1.9S14,18.9,14,20s-0.9,1.9-1.9,1.9C11,21.9,10.1,21,10.1,20z M6.9,25.7 c1.1,0,1.9-0.8,1.9-1.9c0-1.1-0.9-1.9-1.9-1.9s-1.9,0.8-1.9,1.9C4.9,24.9,5.8,25.7,6.9,25.7z M35.2,5.1l-0.4-0.5L5.1,30.2l0.4,0.5 L35.2,5.1z M35.5,35.8H0.1V1.7h1.9V34h33.4V35.8z"/> </g> <g id="polar" class="st0"> <polygon class="st6" points="26.2,4 9.7,4 1.4,18.4 9.7,32.8 26.2,32.8 34.5,18.4 "/> <polygon class="st6" points="23.7,8.3 12.1,8.3 6.3,18.3 12.1,28.4 23.7,28.4 29.5,18.3 "/> <line class="st6" x1="9.7" y1="4" x2="26.2" y2="32.8"/> <line class="st6" x1="26.2" y1="4" x2="9.7" y2="32.8"/> <line class="st6" x1="1.4" y1="18.4" x2="34.5" y2="18.4"/> </g> <g id="stock" class="st0"> <path class="st2" d="M33.5,9.7c0-0.3-0.2-0.5-0.5-0.5h0h-7.4c-0.3,0-0.5,0.2-0.5,0.5c0,0.1,0.1,0.3,0.2,0.4l2.1,2.1l-7.9,7.9l-4-4 c-0.2-0.2-0.5-0.2-0.8,0l0,0l-9.9,9.9L8,29.3l7.1-7.1l4,4c0.2,0.2,0.5,0.2,0.8,0l0,0l10.8-10.8l2.1,2.1c0.2,0.2,0.5,0.2,0.8,0 c0.1-0.1,0.2-0.2,0.2-0.4V9.7L33.5,9.7z M35.3,33.2H2.8V1.4H0.2v34.4h35.1V33.2z"/> </g> <g id="combo" class="st0"> <g class="st3"> <defs> <rect id="SVGID_7_" x="-2.6" y="-6" width="50.2" height="50.2"/> </defs> <clipPath id="SVGID_8_"> <use xlink:href="#SVGID_7_" style="overflow:visible;"/> </clipPath> <path class="st7" d="M29.4,6.3v25.1H35V6.3H29.4z M21,14.7v16.8h5.6V14.7H21z M35.6,33.1H3V1.5H0.2v34.5h35.4L35.6,33.1L35.6,33.1 z M12.7,9.1v22.3h5.6V9.1H12.7L12.7,9.1z M4.3,20.3v11.2h5.6V20.3H4.3z"/> </g> <polyline class="st8" points="6.3,26 15.3,16.4 23.8,26 32.3,13.3 "/> <polyline class="st9" points="6.9,25.3 15.3,16.4 23.8,26 31.8,14 "/> </g> <g id="area"> <g> <path class="st10" d="M23,18.9L12.8,8.7L4.9,18.9v10.2h29.5l-4.5-15.9L23,18.9z M35.3,33.7l-32.9,0V1.8L0,1.8v34h35.3L35.3,33.7z" /> </g> </g> <g id="Layer_11" class="st0"> <path class="st2" d="M5.5,19.1H0.9c0.7,8.2,7.3,14.7,15.6,15.4v-4.6C10.8,29.3,6.2,24.8,5.5,19.1z M30.3,19.1 c-0.6,5.7-5.2,10.2-11,10.8v4.6c8.3-0.7,15-7.2,15.6-15.4L30.3,19.1L30.3,19.1z M0.9,16.4h4.6c0.6-5.7,5.2-10.2,11-10.8V1 C8.2,1.6,1.6,8.2,0.9,16.4z M19.3,1v4.6c5.8,0.6,10.4,5.1,11,10.8H35C34.3,8.2,27.7,1.6,19.3,1z"/> </g> </svg> ',
        bar: '<?xml version="1.0" encoding="utf-8"?> <!-- Generator: Adobe Illustrator 22.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 36 36" style="enable-background:new 0 0 36 36;" xml:space="preserve"> <style type="text/css"> .st0{display:none;} .st1{display:inline;fill:#D66544;} .st2{display:inline;fill:#42C8C0;} .st3{fill:#42C8C0;} .st4{display:inline;} .st5{clip-path:url(#SVGID_4_);fill-rule:evenodd;clip-rule:evenodd;fill:#42C8C0;} .st6{clip-path:url(#SVGID_6_);fill:#42C8C0;} .st7{display:inline;fill:none;stroke:#42C8C0;stroke-width:2;stroke-miterlimit:10;} .st8{clip-path:url(#SVGID_8_);fill:#42C8C0;} .st9{display:inline;fill:none;stroke:#FFFFFF;stroke-width:5;} .st10{display:inline;fill:none;stroke:#42C8C0;stroke-width:2.2574;} </style> <g id="line" class="st0"> <path class="st1" d="M12.1,13.1l3.6,4.1L9,27.7l-6.5,0l0.1-3.8L12.1,13.1z M21.4,11.5l2.5,6.8l-3,2.3l-3.1-3.5L21.4,11.5z M10.1,29.2L17,18.5l3.8,4.2l3.9-2.9l3.6,10.1l4.8-5.1l1.2,2.7l1.2-1.1L33.7,22l-4.8,4.9l-3-8.2l1.7-1.4l4.6,4l3.5-7.9l-1.4-0.5 l-2.5,5.8l-4-3.5L25.4,17l-3.4-9.4l-5.2,8l-4.6-5.1L2.4,21.8l0-20.4L0,1.4v34.5h35.7v-2.1l-33.3,0v-4.7H10.1z"/> </g> <g id="popular" class="st0"> <polygon class="st2" points="18.1,27.7 28.9,35.2 24.8,23.1 35.6,15.8 22.4,15.8 18.1,3.3 13.9,15.8 0.7,15.8 11.5,23.1 7.4,35.2 "/> </g> <g id="bar"> <g> <defs> <rect id="SVGID_1_" x="-2.2" y="-1.2" width="41.2" height="41.2"/> </defs> <clipPath id="SVGID_2_"> <use xlink:href="#SVGID_1_" style="overflow:visible;"/> </clipPath> </g> <path class="st3" d="M27.5,4.5v25.7h4.6V4.5H27.5z M20.6,13v17.1h4.6V13H20.6z M35.7,34.1H2.3V1.6H0.1v34.3h35.6L35.7,34.1 L35.7,34.1z M13.8,7.3v22.8h4.6V7.3H13.8L13.8,7.3z M6.9,18.8v11.4h4.6V18.8H6.9z"/> </g> <g id="columns" class="st0"> <g class="st4"> <defs> <rect id="SVGID_3_" x="1.3" y="1.5" width="33.8" height="33.8"/> </defs> <clipPath id="SVGID_4_"> <use xlink:href="#SVGID_3_" style="overflow:visible;"/> </clipPath> <path class="st5" d="M27,1.5v32.2h6.4V1.5H27z M16.9,12.2h-6.4v21.5h6.4V12.2z M8.6,22.9H2.2v10.8h6.4V22.9z M25.2,8.2h-6.4v25.5 h6.4V8.2z"/> </g> </g> <g id="pie" class="st0"> <g class="st4"> <defs> <rect id="SVGID_5_" x="-4.4" y="-4.8" width="45.6" height="45.6"/> </defs> <clipPath id="SVGID_6_"> <use xlink:href="#SVGID_5_" style="overflow:visible;"/> </clipPath> <path class="st6" d="M32.2,9.1c-1.3-2.3-3.2-4.2-5.5-5.5c-2.3-1.4-4.9-2.1-7.6-2v15.2h15.2C34.3,14.1,33.6,11.4,32.2,9.1L32.2,9.1 z M31,30.1c2.9-2.9,4.5-6.7,4.5-10.8H20.3L31,30.1z M16.5,19.1V4c-2.7,0-5.3,0.7-7.6,2c-2.3,1.3-4.2,3.2-5.6,5.5 c-2.7,4.7-2.7,10.5,0,15.2c1.3,2.3,3.3,4.2,5.6,5.6c4.1,2.4,9.1,2.7,13.5,0.9c1.8-0.8,3.5-1.9,4.9-3.3L16.5,19.1z"/> </g> </g> <g id="scatter" class="st0"> <path class="st2" d="M32.8,18.7c0,1.1-0.9,1.9-1.9,1.9c-1.1,0-1.9-0.8-1.9-1.9c0-1.1,0.9-1.9,1.9-1.9C32,16.8,32.8,17.6,32.8,18.7z M14,29.6c0,1.1-0.9,1.9-1.9,1.9c-1.1,0-1.9-0.8-1.9-1.9c0-1.1,0.9-1.9,1.9-1.9C13.1,27.6,14,28.5,14,29.6z M19.2,29.6 c0,1.1-0.9,1.9-1.9,1.9c-1.1,0-1.9-0.8-1.9-1.9c0-1.1,0.9-1.9,1.9-1.9C18.3,27.6,19.2,28.5,19.2,29.6z M21.2,23.8 c0,1.1-0.9,1.9-1.9,1.9s-1.9-0.8-1.9-1.9c0-1.1,0.9-1.9,1.9-1.9S21.2,22.8,21.2,23.8z M26.3,22.5c0,1.1-0.9,1.9-1.9,1.9 c-1.1,0-1.9-0.8-1.9-1.9s0.9-1.9,1.9-1.9C25.4,20.6,26.3,21.5,26.3,22.5z M28.3,16.8c0,1.1-0.9,1.9-1.9,1.9c-1.1,0-1.9-0.8-1.9-1.9 c0-1.1,0.9-1.9,1.9-1.9S28.3,15.7,28.3,16.8z M31.5,11c-1.1,0-1.9,0.8-1.9,1.9c0,1.1,0.9,1.9,1.9,1.9c1.1,0,1.9-0.8,1.9-1.9 C33.5,11.9,32.6,11,31.5,11z M5.6,18.1c0-1.1,0.9-1.9,1.9-1.9s1.9,0.8,1.9,1.9c0,1.1-0.9,1.9-1.9,1.9S5.6,19.1,5.6,18.1z M24.4,7.2 c0-1.1,0.9-1.9,1.9-1.9c1.1,0,1.9,0.8,1.9,1.9c0,1.1-0.9,1.9-1.9,1.9C25.3,9.1,24.4,8.2,24.4,7.2z M19.2,7.2c0-1.1,0.9-1.9,1.9-1.9 c1.1,0,1.9,0.8,1.9,1.9c0,1.1-0.9,1.9-1.9,1.9C20.1,9.1,19.2,8.2,19.2,7.2z M17.3,12.9c0-1.1,0.9-1.9,1.9-1.9s1.9,0.8,1.9,1.9 c0,1.1-0.9,1.9-1.9,1.9S17.3,14,17.3,12.9z M12.1,14.2c0-1.1,0.9-1.9,1.9-1.9c1.1,0,1.9,0.8,1.9,1.9c0,1.1-0.9,1.9-1.9,1.9 S12.1,15.3,12.1,14.2z M10.1,20c0-1.1,0.9-1.9,1.9-1.9S14,18.9,14,20s-0.9,1.9-1.9,1.9C11,21.9,10.1,21,10.1,20z M6.9,25.7 c1.1,0,1.9-0.8,1.9-1.9c0-1.1-0.9-1.9-1.9-1.9s-1.9,0.8-1.9,1.9C4.9,24.9,5.8,25.7,6.9,25.7z M35.2,5.1l-0.4-0.5L5.1,30.2l0.4,0.5 L35.2,5.1z M35.5,35.8H0.1V1.7h1.9V34h33.4V35.8z"/> </g> <g id="polar" class="st0"> <polygon class="st7" points="26.2,4 9.7,4 1.4,18.4 9.7,32.8 26.2,32.8 34.5,18.4 "/> <polygon class="st7" points="23.7,8.3 12.1,8.3 6.3,18.3 12.1,28.4 23.7,28.4 29.5,18.3 "/> <line class="st7" x1="9.7" y1="4" x2="26.2" y2="32.8"/> <line class="st7" x1="26.2" y1="4" x2="9.7" y2="32.8"/> <line class="st7" x1="1.4" y1="18.4" x2="34.5" y2="18.4"/> </g> <g id="stock" class="st0"> <path class="st2" d="M33.5,9.7c0-0.3-0.2-0.5-0.5-0.5h0h-7.4c-0.3,0-0.5,0.2-0.5,0.5c0,0.1,0.1,0.3,0.2,0.4l2.1,2.1l-7.9,7.9l-4-4 c-0.2-0.2-0.5-0.2-0.8,0l0,0l-9.9,9.9L8,29.3l7.1-7.1l4,4c0.2,0.2,0.5,0.2,0.8,0l0,0l10.8-10.8l2.1,2.1c0.2,0.2,0.5,0.2,0.8,0 c0.1-0.1,0.2-0.2,0.2-0.4V9.7L33.5,9.7z M35.3,33.2H2.8V1.4H0.2v34.4h35.1V33.2z"/> </g> <g id="combo" class="st0"> <g class="st4"> <defs> <rect id="SVGID_7_" x="-2.6" y="-6" width="50.2" height="50.2"/> </defs> <clipPath id="SVGID_8_"> <use xlink:href="#SVGID_7_" style="overflow:visible;"/> </clipPath> <path class="st8" d="M29.4,6.3v25.1H35V6.3H29.4z M21,14.7v16.8h5.6V14.7H21z M35.6,33.1H3V1.5H0.2v34.5h35.4L35.6,33.1L35.6,33.1 z M12.7,9.1v22.3h5.6V9.1H12.7L12.7,9.1z M4.3,20.3v11.2h5.6V20.3H4.3z"/> </g> <polyline class="st9" points="6.3,26 15.3,16.4 23.8,26 32.3,13.3 "/> <polyline class="st10" points="6.9,25.3 15.3,16.4 23.8,26 31.8,14 "/> </g> <g id="area" class="st0"> <g class="st4"> <path class="st3" d="M23,18.9L12.8,8.7L4.9,18.9v10.2h29.5l-4.5-15.9L23,18.9z M35.3,33.7l-32.9,0V1.8L0,1.8v34h35.3L35.3,33.7z" /> </g> </g> <g id="Layer_11" class="st0"> <path class="st2" d="M5.5,19.1H0.9c0.7,8.2,7.3,14.7,15.6,15.4v-4.6C10.8,29.3,6.2,24.8,5.5,19.1z M30.3,19.1 c-0.6,5.7-5.2,10.2-11,10.8v4.6c8.3-0.7,15-7.2,15.6-15.4L30.3,19.1L30.3,19.1z M0.9,16.4h4.6c0.6-5.7,5.2-10.2,11-10.8V1 C8.2,1.6,1.6,8.2,0.9,16.4z M19.3,1v4.6c5.8,0.6,10.4,5.1,11,10.8H35C34.3,8.2,27.7,1.6,19.3,1z"/> </g> </svg> ',
        column: '<?xml version="1.0" encoding="utf-8"?> <!-- Generator: Adobe Illustrator 22.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 36 36" style="enable-background:new 0 0 36 36;" xml:space="preserve"> <style type="text/css"> .st0{display:none;} .st1{display:inline;fill:#D66544;} .st2{display:inline;fill:#42C8C0;} .st3{display:inline;} .st4{clip-path:url(#SVGID_4_);fill-rule:evenodd;clip-rule:evenodd;fill:#42C8C0;} .st5{clip-path:url(#SVGID_6_);fill:#42C8C0;} .st6{display:inline;fill:none;stroke:#42C8C0;stroke-width:2;stroke-miterlimit:10;} .st7{clip-path:url(#SVGID_8_);fill:#42C8C0;} .st8{display:inline;fill:none;stroke:#FFFFFF;stroke-width:5;} .st9{display:inline;fill:none;stroke:#42C8C0;stroke-width:2.2574;} .st10{fill:#42C8C0;} </style> <g id="line" class="st0"> <path class="st1" d="M12.1,13.1l3.6,4.1L9,27.7l-6.5,0l0.1-3.8L12.1,13.1z M21.4,11.5l2.5,6.8l-3,2.3l-3.1-3.5L21.4,11.5z M10.1,29.2L17,18.5l3.8,4.2l3.9-2.9l3.6,10.1l4.8-5.1l1.2,2.7l1.2-1.1L33.7,22l-4.8,4.9l-3-8.2l1.7-1.4l4.6,4l3.5-7.9l-1.4-0.5 l-2.5,5.8l-4-3.5L25.4,17l-3.4-9.4l-5.2,8l-4.6-5.1L2.4,21.8l0-20.4L0,1.4v34.5h35.7v-2.1l-33.3,0v-4.7H10.1z"/> </g> <g id="popular" class="st0"> <polygon class="st2" points="18.1,27.7 28.9,35.2 24.8,23.1 35.6,15.8 22.4,15.8 18.1,3.3 13.9,15.8 0.7,15.8 11.5,23.1 7.4,35.2 "/> </g> <g id="bar" class="st0"> <g class="st3"> <defs> <rect id="SVGID_1_" x="-2.2" y="-1.2" width="41.2" height="41.2"/> </defs> <clipPath id="SVGID_2_"> <use xlink:href="#SVGID_1_" style="overflow:visible;"/> </clipPath> </g> <path class="st2" d="M27.5,4.5v25.7h4.6V4.5H27.5z M20.6,13v17.1h4.6V13H20.6z M35.7,34.1H2.3V1.6H0.1v34.3h35.6L35.7,34.1 L35.7,34.1z M13.8,7.3v22.8h4.6V7.3H13.8L13.8,7.3z M6.9,18.8v11.4h4.6V18.8H6.9z"/> </g> <g id="columns"> <g> <defs> <rect id="SVGID_3_" x="1.3" y="1.5" width="33.8" height="33.8"/> </defs> <clipPath id="SVGID_4_"> <use xlink:href="#SVGID_3_" style="overflow:visible;"/> </clipPath> <path class="st4" d="M27,1.5v32.2h6.4V1.5H27z M16.9,12.2h-6.4v21.5h6.4V12.2z M8.6,22.9H2.2v10.8h6.4V22.9z M25.2,8.2h-6.4v25.5 h6.4V8.2z"/> </g> </g> <g id="pie" class="st0"> <g class="st3"> <defs> <rect id="SVGID_5_" x="-4.4" y="-4.8" width="45.6" height="45.6"/> </defs> <clipPath id="SVGID_6_"> <use xlink:href="#SVGID_5_" style="overflow:visible;"/> </clipPath> <path class="st5" d="M32.2,9.1c-1.3-2.3-3.2-4.2-5.5-5.5c-2.3-1.4-4.9-2.1-7.6-2v15.2h15.2C34.3,14.1,33.6,11.4,32.2,9.1L32.2,9.1 z M31,30.1c2.9-2.9,4.5-6.7,4.5-10.8H20.3L31,30.1z M16.5,19.1V4c-2.7,0-5.3,0.7-7.6,2c-2.3,1.3-4.2,3.2-5.6,5.5 c-2.7,4.7-2.7,10.5,0,15.2c1.3,2.3,3.3,4.2,5.6,5.6c4.1,2.4,9.1,2.7,13.5,0.9c1.8-0.8,3.5-1.9,4.9-3.3L16.5,19.1z"/> </g> </g> <g id="scatter" class="st0"> <path class="st2" d="M32.8,18.7c0,1.1-0.9,1.9-1.9,1.9c-1.1,0-1.9-0.8-1.9-1.9c0-1.1,0.9-1.9,1.9-1.9C32,16.8,32.8,17.6,32.8,18.7z M14,29.6c0,1.1-0.9,1.9-1.9,1.9c-1.1,0-1.9-0.8-1.9-1.9c0-1.1,0.9-1.9,1.9-1.9C13.1,27.6,14,28.5,14,29.6z M19.2,29.6 c0,1.1-0.9,1.9-1.9,1.9c-1.1,0-1.9-0.8-1.9-1.9c0-1.1,0.9-1.9,1.9-1.9C18.3,27.6,19.2,28.5,19.2,29.6z M21.2,23.8 c0,1.1-0.9,1.9-1.9,1.9s-1.9-0.8-1.9-1.9c0-1.1,0.9-1.9,1.9-1.9S21.2,22.8,21.2,23.8z M26.3,22.5c0,1.1-0.9,1.9-1.9,1.9 c-1.1,0-1.9-0.8-1.9-1.9s0.9-1.9,1.9-1.9C25.4,20.6,26.3,21.5,26.3,22.5z M28.3,16.8c0,1.1-0.9,1.9-1.9,1.9c-1.1,0-1.9-0.8-1.9-1.9 c0-1.1,0.9-1.9,1.9-1.9S28.3,15.7,28.3,16.8z M31.5,11c-1.1,0-1.9,0.8-1.9,1.9c0,1.1,0.9,1.9,1.9,1.9c1.1,0,1.9-0.8,1.9-1.9 C33.5,11.9,32.6,11,31.5,11z M5.6,18.1c0-1.1,0.9-1.9,1.9-1.9s1.9,0.8,1.9,1.9c0,1.1-0.9,1.9-1.9,1.9S5.6,19.1,5.6,18.1z M24.4,7.2 c0-1.1,0.9-1.9,1.9-1.9c1.1,0,1.9,0.8,1.9,1.9c0,1.1-0.9,1.9-1.9,1.9C25.3,9.1,24.4,8.2,24.4,7.2z M19.2,7.2c0-1.1,0.9-1.9,1.9-1.9 c1.1,0,1.9,0.8,1.9,1.9c0,1.1-0.9,1.9-1.9,1.9C20.1,9.1,19.2,8.2,19.2,7.2z M17.3,12.9c0-1.1,0.9-1.9,1.9-1.9s1.9,0.8,1.9,1.9 c0,1.1-0.9,1.9-1.9,1.9S17.3,14,17.3,12.9z M12.1,14.2c0-1.1,0.9-1.9,1.9-1.9c1.1,0,1.9,0.8,1.9,1.9c0,1.1-0.9,1.9-1.9,1.9 S12.1,15.3,12.1,14.2z M10.1,20c0-1.1,0.9-1.9,1.9-1.9S14,18.9,14,20s-0.9,1.9-1.9,1.9C11,21.9,10.1,21,10.1,20z M6.9,25.7 c1.1,0,1.9-0.8,1.9-1.9c0-1.1-0.9-1.9-1.9-1.9s-1.9,0.8-1.9,1.9C4.9,24.9,5.8,25.7,6.9,25.7z M35.2,5.1l-0.4-0.5L5.1,30.2l0.4,0.5 L35.2,5.1z M35.5,35.8H0.1V1.7h1.9V34h33.4V35.8z"/> </g> <g id="polar" class="st0"> <polygon class="st6" points="26.2,4 9.7,4 1.4,18.4 9.7,32.8 26.2,32.8 34.5,18.4 "/> <polygon class="st6" points="23.7,8.3 12.1,8.3 6.3,18.3 12.1,28.4 23.7,28.4 29.5,18.3 "/> <line class="st6" x1="9.7" y1="4" x2="26.2" y2="32.8"/> <line class="st6" x1="26.2" y1="4" x2="9.7" y2="32.8"/> <line class="st6" x1="1.4" y1="18.4" x2="34.5" y2="18.4"/> </g> <g id="stock" class="st0"> <path class="st2" d="M33.5,9.7c0-0.3-0.2-0.5-0.5-0.5h0h-7.4c-0.3,0-0.5,0.2-0.5,0.5c0,0.1,0.1,0.3,0.2,0.4l2.1,2.1l-7.9,7.9l-4-4 c-0.2-0.2-0.5-0.2-0.8,0l0,0l-9.9,9.9L8,29.3l7.1-7.1l4,4c0.2,0.2,0.5,0.2,0.8,0l0,0l10.8-10.8l2.1,2.1c0.2,0.2,0.5,0.2,0.8,0 c0.1-0.1,0.2-0.2,0.2-0.4V9.7L33.5,9.7z M35.3,33.2H2.8V1.4H0.2v34.4h35.1V33.2z"/> </g> <g id="combo" class="st0"> <g class="st3"> <defs> <rect id="SVGID_7_" x="-2.6" y="-6" width="50.2" height="50.2"/> </defs> <clipPath id="SVGID_8_"> <use xlink:href="#SVGID_7_" style="overflow:visible;"/> </clipPath> <path class="st7" d="M29.4,6.3v25.1H35V6.3H29.4z M21,14.7v16.8h5.6V14.7H21z M35.6,33.1H3V1.5H0.2v34.5h35.4L35.6,33.1L35.6,33.1 z M12.7,9.1v22.3h5.6V9.1H12.7L12.7,9.1z M4.3,20.3v11.2h5.6V20.3H4.3z"/> </g> <polyline class="st8" points="6.3,26 15.3,16.4 23.8,26 32.3,13.3 "/> <polyline class="st9" points="6.9,25.3 15.3,16.4 23.8,26 31.8,14 "/> </g> <g id="area" class="st0"> <g class="st3"> <path class="st10" d="M23,18.9L12.8,8.7L4.9,18.9v10.2h29.5l-4.5-15.9L23,18.9z M35.3,33.7l-32.9,0V1.8L0,1.8v34h35.3L35.3,33.7z" /> </g> </g> <g id="Layer_11" class="st0"> <path class="st2" d="M5.5,19.1H0.9c0.7,8.2,7.3,14.7,15.6,15.4v-4.6C10.8,29.3,6.2,24.8,5.5,19.1z M30.3,19.1 c-0.6,5.7-5.2,10.2-11,10.8v4.6c8.3-0.7,15-7.2,15.6-15.4L30.3,19.1L30.3,19.1z M0.9,16.4h4.6c0.6-5.7,5.2-10.2,11-10.8V1 C8.2,1.6,1.6,8.2,0.9,16.4z M19.3,1v4.6c5.8,0.6,10.4,5.1,11,10.8H35C34.3,8.2,27.7,1.6,19.3,1z"/> </g> </svg> ',
        more: '<?xml version="1.0" encoding="utf-8"?> <!-- Generator: Adobe Illustrator 22.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 36 36" style="enable-background:new 0 0 36 36;" xml:space="preserve"> <style type="text/css"> .st0{display:none;} .st1{display:inline;fill:#D66544;} .st2{display:inline;fill:#42C8C0;} .st3{display:inline;} .st4{clip-path:url(#SVGID_4_);fill-rule:evenodd;clip-rule:evenodd;fill:#42C8C0;} .st5{clip-path:url(#SVGID_6_);fill:#42C8C0;} .st6{display:inline;fill:none;stroke:#42C8C0;stroke-width:2;stroke-miterlimit:10;} .st7{clip-path:url(#SVGID_8_);fill:#42C8C0;} .st8{display:inline;fill:none;stroke:#FFFFFF;stroke-width:5;} .st9{display:inline;fill:none;stroke:#42C8C0;stroke-width:2.2574;} .st10{fill:#42C8C0;} </style> <g id="line" class="st0"> <path class="st1" d="M12.1,13.1l3.6,4.1L9,27.7l-6.5,0l0.1-3.8L12.1,13.1z M21.4,11.5l2.5,6.8l-3,2.3l-3.1-3.5L21.4,11.5z M10.1,29.2L17,18.5l3.8,4.2l3.9-2.9l3.6,10.1l4.8-5.1l1.2,2.7l1.2-1.1L33.7,22l-4.8,4.9l-3-8.2l1.7-1.4l4.6,4l3.5-7.9l-1.4-0.5 l-2.5,5.8l-4-3.5L25.4,17l-3.4-9.4l-5.2,8l-4.6-5.1L2.4,21.8l0-20.4L0,1.4v34.5h35.7v-2.1l-33.3,0v-4.7H10.1z"/> </g> <g id="popular" class="st0"> <polygon class="st2" points="18.1,27.7 28.9,35.2 24.8,23.1 35.6,15.8 22.4,15.8 18.1,3.3 13.9,15.8 0.7,15.8 11.5,23.1 7.4,35.2 "/> </g> <g id="bar" class="st0"> <g class="st3"> <defs> <rect id="SVGID_1_" x="-2.2" y="-1.2" width="41.2" height="41.2"/> </defs> <clipPath id="SVGID_2_"> <use xlink:href="#SVGID_1_" style="overflow:visible;"/> </clipPath> </g> <path class="st2" d="M27.5,4.5v25.7h4.6V4.5H27.5z M20.6,13v17.1h4.6V13H20.6z M35.7,34.1H2.3V1.6H0.1v34.3h35.6L35.7,34.1 L35.7,34.1z M13.8,7.3v22.8h4.6V7.3H13.8L13.8,7.3z M6.9,18.8v11.4h4.6V18.8H6.9z"/> </g> <g id="columns" class="st0"> <g class="st3"> <defs> <rect id="SVGID_3_" x="1.3" y="1.5" width="33.8" height="33.8"/> </defs> <clipPath id="SVGID_4_"> <use xlink:href="#SVGID_3_" style="overflow:visible;"/> </clipPath> <path class="st4" d="M27,1.5v32.2h6.4V1.5H27z M16.9,12.2h-6.4v21.5h6.4V12.2z M8.6,22.9H2.2v10.8h6.4V22.9z M25.2,8.2h-6.4v25.5 h6.4V8.2z"/> </g> </g> <g id="pie" class="st0"> <g class="st3"> <defs> <rect id="SVGID_5_" x="-4.4" y="-4.8" width="45.6" height="45.6"/> </defs> <clipPath id="SVGID_6_"> <use xlink:href="#SVGID_5_" style="overflow:visible;"/> </clipPath> <path class="st5" d="M32.2,9.1c-1.3-2.3-3.2-4.2-5.5-5.5c-2.3-1.4-4.9-2.1-7.6-2v15.2h15.2C34.3,14.1,33.6,11.4,32.2,9.1L32.2,9.1 z M31,30.1c2.9-2.9,4.5-6.7,4.5-10.8H20.3L31,30.1z M16.5,19.1V4c-2.7,0-5.3,0.7-7.6,2c-2.3,1.3-4.2,3.2-5.6,5.5 c-2.7,4.7-2.7,10.5,0,15.2c1.3,2.3,3.3,4.2,5.6,5.6c4.1,2.4,9.1,2.7,13.5,0.9c1.8-0.8,3.5-1.9,4.9-3.3L16.5,19.1z"/> </g> </g> <g id="scatter" class="st0"> <path class="st2" d="M32.8,18.7c0,1.1-0.9,1.9-1.9,1.9c-1.1,0-1.9-0.8-1.9-1.9c0-1.1,0.9-1.9,1.9-1.9C32,16.8,32.8,17.6,32.8,18.7z M14,29.6c0,1.1-0.9,1.9-1.9,1.9c-1.1,0-1.9-0.8-1.9-1.9c0-1.1,0.9-1.9,1.9-1.9C13.1,27.6,14,28.5,14,29.6z M19.2,29.6 c0,1.1-0.9,1.9-1.9,1.9c-1.1,0-1.9-0.8-1.9-1.9c0-1.1,0.9-1.9,1.9-1.9C18.3,27.6,19.2,28.5,19.2,29.6z M21.2,23.8 c0,1.1-0.9,1.9-1.9,1.9s-1.9-0.8-1.9-1.9c0-1.1,0.9-1.9,1.9-1.9S21.2,22.8,21.2,23.8z M26.3,22.5c0,1.1-0.9,1.9-1.9,1.9 c-1.1,0-1.9-0.8-1.9-1.9s0.9-1.9,1.9-1.9C25.4,20.6,26.3,21.5,26.3,22.5z M28.3,16.8c0,1.1-0.9,1.9-1.9,1.9c-1.1,0-1.9-0.8-1.9-1.9 c0-1.1,0.9-1.9,1.9-1.9S28.3,15.7,28.3,16.8z M31.5,11c-1.1,0-1.9,0.8-1.9,1.9c0,1.1,0.9,1.9,1.9,1.9c1.1,0,1.9-0.8,1.9-1.9 C33.5,11.9,32.6,11,31.5,11z M5.6,18.1c0-1.1,0.9-1.9,1.9-1.9s1.9,0.8,1.9,1.9c0,1.1-0.9,1.9-1.9,1.9S5.6,19.1,5.6,18.1z M24.4,7.2 c0-1.1,0.9-1.9,1.9-1.9c1.1,0,1.9,0.8,1.9,1.9c0,1.1-0.9,1.9-1.9,1.9C25.3,9.1,24.4,8.2,24.4,7.2z M19.2,7.2c0-1.1,0.9-1.9,1.9-1.9 c1.1,0,1.9,0.8,1.9,1.9c0,1.1-0.9,1.9-1.9,1.9C20.1,9.1,19.2,8.2,19.2,7.2z M17.3,12.9c0-1.1,0.9-1.9,1.9-1.9s1.9,0.8,1.9,1.9 c0,1.1-0.9,1.9-1.9,1.9S17.3,14,17.3,12.9z M12.1,14.2c0-1.1,0.9-1.9,1.9-1.9c1.1,0,1.9,0.8,1.9,1.9c0,1.1-0.9,1.9-1.9,1.9 S12.1,15.3,12.1,14.2z M10.1,20c0-1.1,0.9-1.9,1.9-1.9S14,18.9,14,20s-0.9,1.9-1.9,1.9C11,21.9,10.1,21,10.1,20z M6.9,25.7 c1.1,0,1.9-0.8,1.9-1.9c0-1.1-0.9-1.9-1.9-1.9s-1.9,0.8-1.9,1.9C4.9,24.9,5.8,25.7,6.9,25.7z M35.2,5.1l-0.4-0.5L5.1,30.2l0.4,0.5 L35.2,5.1z M35.5,35.8H0.1V1.7h1.9V34h33.4V35.8z"/> </g> <g id="polar" class="st0"> <polygon class="st6" points="26.2,4 9.7,4 1.4,18.4 9.7,32.8 26.2,32.8 34.5,18.4 "/> <polygon class="st6" points="23.7,8.3 12.1,8.3 6.3,18.3 12.1,28.4 23.7,28.4 29.5,18.3 "/> <line class="st6" x1="9.7" y1="4" x2="26.2" y2="32.8"/> <line class="st6" x1="26.2" y1="4" x2="9.7" y2="32.8"/> <line class="st6" x1="1.4" y1="18.4" x2="34.5" y2="18.4"/> </g> <g id="stock" class="st0"> <path class="st2" d="M33.5,9.7c0-0.3-0.2-0.5-0.5-0.5h0h-7.4c-0.3,0-0.5,0.2-0.5,0.5c0,0.1,0.1,0.3,0.2,0.4l2.1,2.1l-7.9,7.9l-4-4 c-0.2-0.2-0.5-0.2-0.8,0l0,0l-9.9,9.9L8,29.3l7.1-7.1l4,4c0.2,0.2,0.5,0.2,0.8,0l0,0l10.8-10.8l2.1,2.1c0.2,0.2,0.5,0.2,0.8,0 c0.1-0.1,0.2-0.2,0.2-0.4V9.7L33.5,9.7z M35.3,33.2H2.8V1.4H0.2v34.4h35.1V33.2z"/> </g> <g id="combo" class="st0"> <g class="st3"> <defs> <rect id="SVGID_7_" x="-2.6" y="-6" width="50.2" height="50.2"/> </defs> <clipPath id="SVGID_8_"> <use xlink:href="#SVGID_7_" style="overflow:visible;"/> </clipPath> <path class="st7" d="M29.4,6.3v25.1H35V6.3H29.4z M21,14.7v16.8h5.6V14.7H21z M35.6,33.1H3V1.5H0.2v34.5h35.4L35.6,33.1L35.6,33.1 z M12.7,9.1v22.3h5.6V9.1H12.7L12.7,9.1z M4.3,20.3v11.2h5.6V20.3H4.3z"/> </g> <polyline class="st8" points="6.3,26 15.3,16.4 23.8,26 32.3,13.3 "/> <polyline class="st9" points="6.9,25.3 15.3,16.4 23.8,26 31.8,14 "/> </g> <g id="area" class="st0"> <g class="st3"> <path class="st10" d="M23,18.9L12.8,8.7L4.9,18.9v10.2h29.5l-4.5-15.9L23,18.9z M35.3,33.7l-32.9,0V1.8L0,1.8v34h35.3L35.3,33.7z" /> </g> </g> <g id="Layer_11"> <path class="st10" d="M5.5,19.1H0.9c0.7,8.2,7.3,14.7,15.6,15.4v-4.6C10.8,29.3,6.2,24.8,5.5,19.1z M30.3,19.1 c-0.6,5.7-5.2,10.2-11,10.8v4.6c8.3-0.7,15-7.2,15.6-15.4L30.3,19.1L30.3,19.1z M0.9,16.4h4.6c0.6-5.7,5.2-10.2,11-10.8V1 C8.2,1.6,1.6,8.2,0.9,16.4z M19.3,1v4.6c5.8,0.6,10.4,5.1,11,10.8H35C34.3,8.2,27.7,1.6,19.3,1z"/> </g> </svg> ',
        pie: '<?xml version="1.0" encoding="utf-8"?> <!-- Generator: Adobe Illustrator 22.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 36 36" style="enable-background:new 0 0 36 36;" xml:space="preserve"> <style type="text/css"> .st0{display:none;} .st1{display:inline;fill:#D66544;} .st2{display:inline;fill:#42C8C0;} .st3{display:inline;} .st4{clip-path:url(#SVGID_4_);fill-rule:evenodd;clip-rule:evenodd;fill:#42C8C0;} .st5{clip-path:url(#SVGID_6_);fill:#42C8C0;} .st6{display:inline;fill:none;stroke:#42C8C0;stroke-width:2;stroke-miterlimit:10;} .st7{clip-path:url(#SVGID_8_);fill:#42C8C0;} .st8{display:inline;fill:none;stroke:#FFFFFF;stroke-width:5;} .st9{display:inline;fill:none;stroke:#42C8C0;stroke-width:2.2574;} .st10{fill:#42C8C0;} </style> <g id="line" class="st0"> <path class="st1" d="M12.1,13.1l3.6,4.1L9,27.7l-6.5,0l0.1-3.8L12.1,13.1z M21.4,11.5l2.5,6.8l-3,2.3l-3.1-3.5L21.4,11.5z M10.1,29.2L17,18.5l3.8,4.2l3.9-2.9l3.6,10.1l4.8-5.1l1.2,2.7l1.2-1.1L33.7,22l-4.8,4.9l-3-8.2l1.7-1.4l4.6,4l3.5-7.9l-1.4-0.5 l-2.5,5.8l-4-3.5L25.4,17l-3.4-9.4l-5.2,8l-4.6-5.1L2.4,21.8l0-20.4L0,1.4v34.5h35.7v-2.1l-33.3,0v-4.7H10.1z"/> </g> <g id="popular" class="st0"> <polygon class="st2" points="18.1,27.7 28.9,35.2 24.8,23.1 35.6,15.8 22.4,15.8 18.1,3.3 13.9,15.8 0.7,15.8 11.5,23.1 7.4,35.2 "/> </g> <g id="bar" class="st0"> <g class="st3"> <defs> <rect id="SVGID_1_" x="-2.2" y="-1.2" width="41.2" height="41.2"/> </defs> <clipPath id="SVGID_2_"> <use xlink:href="#SVGID_1_" style="overflow:visible;"/> </clipPath> </g> <path class="st2" d="M27.5,4.5v25.7h4.6V4.5H27.5z M20.6,13v17.1h4.6V13H20.6z M35.7,34.1H2.3V1.6H0.1v34.3h35.6L35.7,34.1 L35.7,34.1z M13.8,7.3v22.8h4.6V7.3H13.8L13.8,7.3z M6.9,18.8v11.4h4.6V18.8H6.9z"/> </g> <g id="columns" class="st0"> <g class="st3"> <defs> <rect id="SVGID_3_" x="1.3" y="1.5" width="33.8" height="33.8"/> </defs> <clipPath id="SVGID_4_"> <use xlink:href="#SVGID_3_" style="overflow:visible;"/> </clipPath> <path class="st4" d="M27,1.5v32.2h6.4V1.5H27z M16.9,12.2h-6.4v21.5h6.4V12.2z M8.6,22.9H2.2v10.8h6.4V22.9z M25.2,8.2h-6.4v25.5 h6.4V8.2z"/> </g> </g> <g id="pie"> <g> <defs> <rect id="SVGID_5_" x="-4.4" y="-4.8" width="45.6" height="45.6"/> </defs> <clipPath id="SVGID_6_"> <use xlink:href="#SVGID_5_" style="overflow:visible;"/> </clipPath> <path class="st5" d="M32.2,9.1c-1.3-2.3-3.2-4.2-5.5-5.5c-2.3-1.4-4.9-2.1-7.6-2v15.2h15.2C34.3,14.1,33.6,11.4,32.2,9.1L32.2,9.1 z M31,30.1c2.9-2.9,4.5-6.7,4.5-10.8H20.3L31,30.1z M16.5,19.1V4c-2.7,0-5.3,0.7-7.6,2c-2.3,1.3-4.2,3.2-5.6,5.5 c-2.7,4.7-2.7,10.5,0,15.2c1.3,2.3,3.3,4.2,5.6,5.6c4.1,2.4,9.1,2.7,13.5,0.9c1.8-0.8,3.5-1.9,4.9-3.3L16.5,19.1z"/> </g> </g> <g id="scatter" class="st0"> <path class="st2" d="M32.8,18.7c0,1.1-0.9,1.9-1.9,1.9c-1.1,0-1.9-0.8-1.9-1.9c0-1.1,0.9-1.9,1.9-1.9C32,16.8,32.8,17.6,32.8,18.7z M14,29.6c0,1.1-0.9,1.9-1.9,1.9c-1.1,0-1.9-0.8-1.9-1.9c0-1.1,0.9-1.9,1.9-1.9C13.1,27.6,14,28.5,14,29.6z M19.2,29.6 c0,1.1-0.9,1.9-1.9,1.9c-1.1,0-1.9-0.8-1.9-1.9c0-1.1,0.9-1.9,1.9-1.9C18.3,27.6,19.2,28.5,19.2,29.6z M21.2,23.8 c0,1.1-0.9,1.9-1.9,1.9s-1.9-0.8-1.9-1.9c0-1.1,0.9-1.9,1.9-1.9S21.2,22.8,21.2,23.8z M26.3,22.5c0,1.1-0.9,1.9-1.9,1.9 c-1.1,0-1.9-0.8-1.9-1.9s0.9-1.9,1.9-1.9C25.4,20.6,26.3,21.5,26.3,22.5z M28.3,16.8c0,1.1-0.9,1.9-1.9,1.9c-1.1,0-1.9-0.8-1.9-1.9 c0-1.1,0.9-1.9,1.9-1.9S28.3,15.7,28.3,16.8z M31.5,11c-1.1,0-1.9,0.8-1.9,1.9c0,1.1,0.9,1.9,1.9,1.9c1.1,0,1.9-0.8,1.9-1.9 C33.5,11.9,32.6,11,31.5,11z M5.6,18.1c0-1.1,0.9-1.9,1.9-1.9s1.9,0.8,1.9,1.9c0,1.1-0.9,1.9-1.9,1.9S5.6,19.1,5.6,18.1z M24.4,7.2 c0-1.1,0.9-1.9,1.9-1.9c1.1,0,1.9,0.8,1.9,1.9c0,1.1-0.9,1.9-1.9,1.9C25.3,9.1,24.4,8.2,24.4,7.2z M19.2,7.2c0-1.1,0.9-1.9,1.9-1.9 c1.1,0,1.9,0.8,1.9,1.9c0,1.1-0.9,1.9-1.9,1.9C20.1,9.1,19.2,8.2,19.2,7.2z M17.3,12.9c0-1.1,0.9-1.9,1.9-1.9s1.9,0.8,1.9,1.9 c0,1.1-0.9,1.9-1.9,1.9S17.3,14,17.3,12.9z M12.1,14.2c0-1.1,0.9-1.9,1.9-1.9c1.1,0,1.9,0.8,1.9,1.9c0,1.1-0.9,1.9-1.9,1.9 S12.1,15.3,12.1,14.2z M10.1,20c0-1.1,0.9-1.9,1.9-1.9S14,18.9,14,20s-0.9,1.9-1.9,1.9C11,21.9,10.1,21,10.1,20z M6.9,25.7 c1.1,0,1.9-0.8,1.9-1.9c0-1.1-0.9-1.9-1.9-1.9s-1.9,0.8-1.9,1.9C4.9,24.9,5.8,25.7,6.9,25.7z M35.2,5.1l-0.4-0.5L5.1,30.2l0.4,0.5 L35.2,5.1z M35.5,35.8H0.1V1.7h1.9V34h33.4V35.8z"/> </g> <g id="polar" class="st0"> <polygon class="st6" points="26.2,4 9.7,4 1.4,18.4 9.7,32.8 26.2,32.8 34.5,18.4 "/> <polygon class="st6" points="23.7,8.3 12.1,8.3 6.3,18.3 12.1,28.4 23.7,28.4 29.5,18.3 "/> <line class="st6" x1="9.7" y1="4" x2="26.2" y2="32.8"/> <line class="st6" x1="26.2" y1="4" x2="9.7" y2="32.8"/> <line class="st6" x1="1.4" y1="18.4" x2="34.5" y2="18.4"/> </g> <g id="stock" class="st0"> <path class="st2" d="M33.5,9.7c0-0.3-0.2-0.5-0.5-0.5h0h-7.4c-0.3,0-0.5,0.2-0.5,0.5c0,0.1,0.1,0.3,0.2,0.4l2.1,2.1l-7.9,7.9l-4-4 c-0.2-0.2-0.5-0.2-0.8,0l0,0l-9.9,9.9L8,29.3l7.1-7.1l4,4c0.2,0.2,0.5,0.2,0.8,0l0,0l10.8-10.8l2.1,2.1c0.2,0.2,0.5,0.2,0.8,0 c0.1-0.1,0.2-0.2,0.2-0.4V9.7L33.5,9.7z M35.3,33.2H2.8V1.4H0.2v34.4h35.1V33.2z"/> </g> <g id="combo" class="st0"> <g class="st3"> <defs> <rect id="SVGID_7_" x="-2.6" y="-6" width="50.2" height="50.2"/> </defs> <clipPath id="SVGID_8_"> <use xlink:href="#SVGID_7_" style="overflow:visible;"/> </clipPath> <path class="st7" d="M29.4,6.3v25.1H35V6.3H29.4z M21,14.7v16.8h5.6V14.7H21z M35.6,33.1H3V1.5H0.2v34.5h35.4L35.6,33.1L35.6,33.1 z M12.7,9.1v22.3h5.6V9.1H12.7L12.7,9.1z M4.3,20.3v11.2h5.6V20.3H4.3z"/> </g> <polyline class="st8" points="6.3,26 15.3,16.4 23.8,26 32.3,13.3 "/> <polyline class="st9" points="6.9,25.3 15.3,16.4 23.8,26 31.8,14 "/> </g> <g id="area" class="st0"> <g class="st3"> <path class="st10" d="M23,18.9L12.8,8.7L4.9,18.9v10.2h29.5l-4.5-15.9L23,18.9z M35.3,33.7l-32.9,0V1.8L0,1.8v34h35.3L35.3,33.7z" /> </g> </g> <g id="Layer_11" class="st0"> <path class="st2" d="M5.5,19.1H0.9c0.7,8.2,7.3,14.7,15.6,15.4v-4.6C10.8,29.3,6.2,24.8,5.5,19.1z M30.3,19.1 c-0.6,5.7-5.2,10.2-11,10.8v4.6c8.3-0.7,15-7.2,15.6-15.4L30.3,19.1L30.3,19.1z M0.9,16.4h4.6c0.6-5.7,5.2-10.2,11-10.8V1 C8.2,1.6,1.6,8.2,0.9,16.4z M19.3,1v4.6c5.8,0.6,10.4,5.1,11,10.8H35C34.3,8.2,27.7,1.6,19.3,1z"/> </g> </svg> ',
        polar: '<?xml version="1.0" encoding="utf-8"?> <!-- Generator: Adobe Illustrator 22.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 36 36" style="enable-background:new 0 0 36 36;" xml:space="preserve"> <style type="text/css"> .st0{display:none;} .st1{display:inline;fill:#D66544;} .st2{display:inline;fill:#42C8C0;} .st3{display:inline;} .st4{clip-path:url(#SVGID_4_);fill-rule:evenodd;clip-rule:evenodd;fill:#42C8C0;} .st5{clip-path:url(#SVGID_6_);fill:#42C8C0;} .st6{fill:none;stroke:#42C8C0;stroke-width:2;stroke-miterlimit:10;} .st7{clip-path:url(#SVGID_8_);fill:#42C8C0;} .st8{display:inline;fill:none;stroke:#FFFFFF;stroke-width:5;} .st9{display:inline;fill:none;stroke:#42C8C0;stroke-width:2.2574;} .st10{fill:#42C8C0;} </style> <g id="line" class="st0"> <path class="st1" d="M12.1,13.1l3.6,4.1L9,27.7l-6.5,0l0.1-3.8L12.1,13.1z M21.4,11.5l2.5,6.8l-3,2.3l-3.1-3.5L21.4,11.5z M10.1,29.2L17,18.5l3.8,4.2l3.9-2.9l3.6,10.1l4.8-5.1l1.2,2.7l1.2-1.1L33.7,22l-4.8,4.9l-3-8.2l1.7-1.4l4.6,4l3.5-7.9l-1.4-0.5 l-2.5,5.8l-4-3.5L25.4,17l-3.4-9.4l-5.2,8l-4.6-5.1L2.4,21.8l0-20.4L0,1.4v34.5h35.7v-2.1l-33.3,0v-4.7H10.1z"/> </g> <g id="popular" class="st0"> <polygon class="st2" points="18.1,27.7 28.9,35.2 24.8,23.1 35.6,15.8 22.4,15.8 18.1,3.3 13.9,15.8 0.7,15.8 11.5,23.1 7.4,35.2 "/> </g> <g id="bar" class="st0"> <g class="st3"> <defs> <rect id="SVGID_1_" x="-2.2" y="-1.2" width="41.2" height="41.2"/> </defs> <clipPath id="SVGID_2_"> <use xlink:href="#SVGID_1_" style="overflow:visible;"/> </clipPath> </g> <path class="st2" d="M27.5,4.5v25.7h4.6V4.5H27.5z M20.6,13v17.1h4.6V13H20.6z M35.7,34.1H2.3V1.6H0.1v34.3h35.6L35.7,34.1 L35.7,34.1z M13.8,7.3v22.8h4.6V7.3H13.8L13.8,7.3z M6.9,18.8v11.4h4.6V18.8H6.9z"/> </g> <g id="columns" class="st0"> <g class="st3"> <defs> <rect id="SVGID_3_" x="1.3" y="1.5" width="33.8" height="33.8"/> </defs> <clipPath id="SVGID_4_"> <use xlink:href="#SVGID_3_" style="overflow:visible;"/> </clipPath> <path class="st4" d="M27,1.5v32.2h6.4V1.5H27z M16.9,12.2h-6.4v21.5h6.4V12.2z M8.6,22.9H2.2v10.8h6.4V22.9z M25.2,8.2h-6.4v25.5 h6.4V8.2z"/> </g> </g> <g id="pie" class="st0"> <g class="st3"> <defs> <rect id="SVGID_5_" x="-4.4" y="-4.8" width="45.6" height="45.6"/> </defs> <clipPath id="SVGID_6_"> <use xlink:href="#SVGID_5_" style="overflow:visible;"/> </clipPath> <path class="st5" d="M32.2,9.1c-1.3-2.3-3.2-4.2-5.5-5.5c-2.3-1.4-4.9-2.1-7.6-2v15.2h15.2C34.3,14.1,33.6,11.4,32.2,9.1L32.2,9.1 z M31,30.1c2.9-2.9,4.5-6.7,4.5-10.8H20.3L31,30.1z M16.5,19.1V4c-2.7,0-5.3,0.7-7.6,2c-2.3,1.3-4.2,3.2-5.6,5.5 c-2.7,4.7-2.7,10.5,0,15.2c1.3,2.3,3.3,4.2,5.6,5.6c4.1,2.4,9.1,2.7,13.5,0.9c1.8-0.8,3.5-1.9,4.9-3.3L16.5,19.1z"/> </g> </g> <g id="scatter" class="st0"> <path class="st2" d="M32.8,18.7c0,1.1-0.9,1.9-1.9,1.9c-1.1,0-1.9-0.8-1.9-1.9c0-1.1,0.9-1.9,1.9-1.9C32,16.8,32.8,17.6,32.8,18.7z M14,29.6c0,1.1-0.9,1.9-1.9,1.9c-1.1,0-1.9-0.8-1.9-1.9c0-1.1,0.9-1.9,1.9-1.9C13.1,27.6,14,28.5,14,29.6z M19.2,29.6 c0,1.1-0.9,1.9-1.9,1.9c-1.1,0-1.9-0.8-1.9-1.9c0-1.1,0.9-1.9,1.9-1.9C18.3,27.6,19.2,28.5,19.2,29.6z M21.2,23.8 c0,1.1-0.9,1.9-1.9,1.9s-1.9-0.8-1.9-1.9c0-1.1,0.9-1.9,1.9-1.9S21.2,22.8,21.2,23.8z M26.3,22.5c0,1.1-0.9,1.9-1.9,1.9 c-1.1,0-1.9-0.8-1.9-1.9s0.9-1.9,1.9-1.9C25.4,20.6,26.3,21.5,26.3,22.5z M28.3,16.8c0,1.1-0.9,1.9-1.9,1.9c-1.1,0-1.9-0.8-1.9-1.9 c0-1.1,0.9-1.9,1.9-1.9S28.3,15.7,28.3,16.8z M31.5,11c-1.1,0-1.9,0.8-1.9,1.9c0,1.1,0.9,1.9,1.9,1.9c1.1,0,1.9-0.8,1.9-1.9 C33.5,11.9,32.6,11,31.5,11z M5.6,18.1c0-1.1,0.9-1.9,1.9-1.9s1.9,0.8,1.9,1.9c0,1.1-0.9,1.9-1.9,1.9S5.6,19.1,5.6,18.1z M24.4,7.2 c0-1.1,0.9-1.9,1.9-1.9c1.1,0,1.9,0.8,1.9,1.9c0,1.1-0.9,1.9-1.9,1.9C25.3,9.1,24.4,8.2,24.4,7.2z M19.2,7.2c0-1.1,0.9-1.9,1.9-1.9 c1.1,0,1.9,0.8,1.9,1.9c0,1.1-0.9,1.9-1.9,1.9C20.1,9.1,19.2,8.2,19.2,7.2z M17.3,12.9c0-1.1,0.9-1.9,1.9-1.9s1.9,0.8,1.9,1.9 c0,1.1-0.9,1.9-1.9,1.9S17.3,14,17.3,12.9z M12.1,14.2c0-1.1,0.9-1.9,1.9-1.9c1.1,0,1.9,0.8,1.9,1.9c0,1.1-0.9,1.9-1.9,1.9 S12.1,15.3,12.1,14.2z M10.1,20c0-1.1,0.9-1.9,1.9-1.9S14,18.9,14,20s-0.9,1.9-1.9,1.9C11,21.9,10.1,21,10.1,20z M6.9,25.7 c1.1,0,1.9-0.8,1.9-1.9c0-1.1-0.9-1.9-1.9-1.9s-1.9,0.8-1.9,1.9C4.9,24.9,5.8,25.7,6.9,25.7z M35.2,5.1l-0.4-0.5L5.1,30.2l0.4,0.5 L35.2,5.1z M35.5,35.8H0.1V1.7h1.9V34h33.4V35.8z"/> </g> <g id="polar"> <polygon class="st6" points="26.2,4 9.7,4 1.4,18.4 9.7,32.8 26.2,32.8 34.5,18.4 "/> <polygon class="st6" points="23.7,8.3 12.1,8.3 6.3,18.3 12.1,28.4 23.7,28.4 29.5,18.3 "/> <line class="st6" x1="9.7" y1="4" x2="26.2" y2="32.8"/> <line class="st6" x1="26.2" y1="4" x2="9.7" y2="32.8"/> <line class="st6" x1="1.4" y1="18.4" x2="34.5" y2="18.4"/> </g> <g id="stock" class="st0"> <path class="st2" d="M33.5,9.7c0-0.3-0.2-0.5-0.5-0.5h0h-7.4c-0.3,0-0.5,0.2-0.5,0.5c0,0.1,0.1,0.3,0.2,0.4l2.1,2.1l-7.9,7.9l-4-4 c-0.2-0.2-0.5-0.2-0.8,0l0,0l-9.9,9.9L8,29.3l7.1-7.1l4,4c0.2,0.2,0.5,0.2,0.8,0l0,0l10.8-10.8l2.1,2.1c0.2,0.2,0.5,0.2,0.8,0 c0.1-0.1,0.2-0.2,0.2-0.4V9.7L33.5,9.7z M35.3,33.2H2.8V1.4H0.2v34.4h35.1V33.2z"/> </g> <g id="combo" class="st0"> <g class="st3"> <defs> <rect id="SVGID_7_" x="-2.6" y="-6" width="50.2" height="50.2"/> </defs> <clipPath id="SVGID_8_"> <use xlink:href="#SVGID_7_" style="overflow:visible;"/> </clipPath> <path class="st7" d="M29.4,6.3v25.1H35V6.3H29.4z M21,14.7v16.8h5.6V14.7H21z M35.6,33.1H3V1.5H0.2v34.5h35.4L35.6,33.1L35.6,33.1 z M12.7,9.1v22.3h5.6V9.1H12.7L12.7,9.1z M4.3,20.3v11.2h5.6V20.3H4.3z"/> </g> <polyline class="st8" points="6.3,26 15.3,16.4 23.8,26 32.3,13.3 "/> <polyline class="st9" points="6.9,25.3 15.3,16.4 23.8,26 31.8,14 "/> </g> <g id="area" class="st0"> <g class="st3"> <path class="st10" d="M23,18.9L12.8,8.7L4.9,18.9v10.2h29.5l-4.5-15.9L23,18.9z M35.3,33.7l-32.9,0V1.8L0,1.8v34h35.3L35.3,33.7z" /> </g> </g> <g id="Layer_11" class="st0"> <path class="st2" d="M5.5,19.1H0.9c0.7,8.2,7.3,14.7,15.6,15.4v-4.6C10.8,29.3,6.2,24.8,5.5,19.1z M30.3,19.1 c-0.6,5.7-5.2,10.2-11,10.8v4.6c8.3-0.7,15-7.2,15.6-15.4L30.3,19.1L30.3,19.1z M0.9,16.4h4.6c0.6-5.7,5.2-10.2,11-10.8V1 C8.2,1.6,1.6,8.2,0.9,16.4z M19.3,1v4.6c5.8,0.6,10.4,5.1,11,10.8H35C34.3,8.2,27.7,1.6,19.3,1z"/> </g> </svg> ',
        'scatter and bubble': '<?xml version="1.0" encoding="utf-8"?> <!-- Generator: Adobe Illustrator 22.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 36 36" style="enable-background:new 0 0 36 36;" xml:space="preserve"> <style type="text/css"> .st0{display:none;} .st1{display:inline;fill:#D66544;} .st2{display:inline;fill:#42C8C0;} .st3{display:inline;} .st4{clip-path:url(#SVGID_4_);fill-rule:evenodd;clip-rule:evenodd;fill:#42C8C0;} .st5{clip-path:url(#SVGID_6_);fill:#42C8C0;} .st6{fill:#42C8C0;} .st7{display:inline;fill:none;stroke:#42C8C0;stroke-width:2;stroke-miterlimit:10;} .st8{clip-path:url(#SVGID_8_);fill:#42C8C0;} .st9{display:inline;fill:none;stroke:#FFFFFF;stroke-width:5;} .st10{display:inline;fill:none;stroke:#42C8C0;stroke-width:2.2574;} </style> <g id="line" class="st0"> <path class="st1" d="M12.1,13.1l3.6,4.1L9,27.7l-6.5,0l0.1-3.8L12.1,13.1z M21.4,11.5l2.5,6.8l-3,2.3l-3.1-3.5L21.4,11.5z M10.1,29.2L17,18.5l3.8,4.2l3.9-2.9l3.6,10.1l4.8-5.1l1.2,2.7l1.2-1.1L33.7,22l-4.8,4.9l-3-8.2l1.7-1.4l4.6,4l3.5-7.9l-1.4-0.5 l-2.5,5.8l-4-3.5L25.4,17l-3.4-9.4l-5.2,8l-4.6-5.1L2.4,21.8l0-20.4L0,1.4v34.5h35.7v-2.1l-33.3,0v-4.7H10.1z"/> </g> <g id="popular" class="st0"> <polygon class="st2" points="18.1,27.7 28.9,35.2 24.8,23.1 35.6,15.8 22.4,15.8 18.1,3.3 13.9,15.8 0.7,15.8 11.5,23.1 7.4,35.2 "/> </g> <g id="bar" class="st0"> <g class="st3"> <defs> <rect id="SVGID_1_" x="-2.2" y="-1.2" width="41.2" height="41.2"/> </defs> <clipPath id="SVGID_2_"> <use xlink:href="#SVGID_1_" style="overflow:visible;"/> </clipPath> </g> <path class="st2" d="M27.5,4.5v25.7h4.6V4.5H27.5z M20.6,13v17.1h4.6V13H20.6z M35.7,34.1H2.3V1.6H0.1v34.3h35.6L35.7,34.1 L35.7,34.1z M13.8,7.3v22.8h4.6V7.3H13.8L13.8,7.3z M6.9,18.8v11.4h4.6V18.8H6.9z"/> </g> <g id="columns" class="st0"> <g class="st3"> <defs> <rect id="SVGID_3_" x="1.3" y="1.5" width="33.8" height="33.8"/> </defs> <clipPath id="SVGID_4_"> <use xlink:href="#SVGID_3_" style="overflow:visible;"/> </clipPath> <path class="st4" d="M27,1.5v32.2h6.4V1.5H27z M16.9,12.2h-6.4v21.5h6.4V12.2z M8.6,22.9H2.2v10.8h6.4V22.9z M25.2,8.2h-6.4v25.5 h6.4V8.2z"/> </g> </g> <g id="pie" class="st0"> <g class="st3"> <defs> <rect id="SVGID_5_" x="-4.4" y="-4.8" width="45.6" height="45.6"/> </defs> <clipPath id="SVGID_6_"> <use xlink:href="#SVGID_5_" style="overflow:visible;"/> </clipPath> <path class="st5" d="M32.2,9.1c-1.3-2.3-3.2-4.2-5.5-5.5c-2.3-1.4-4.9-2.1-7.6-2v15.2h15.2C34.3,14.1,33.6,11.4,32.2,9.1L32.2,9.1 z M31,30.1c2.9-2.9,4.5-6.7,4.5-10.8H20.3L31,30.1z M16.5,19.1V4c-2.7,0-5.3,0.7-7.6,2c-2.3,1.3-4.2,3.2-5.6,5.5 c-2.7,4.7-2.7,10.5,0,15.2c1.3,2.3,3.3,4.2,5.6,5.6c4.1,2.4,9.1,2.7,13.5,0.9c1.8-0.8,3.5-1.9,4.9-3.3L16.5,19.1z"/> </g> </g> <g id="scatter"> <path class="st6" d="M32.8,18.7c0,1.1-0.9,1.9-1.9,1.9c-1.1,0-1.9-0.8-1.9-1.9c0-1.1,0.9-1.9,1.9-1.9C32,16.8,32.8,17.6,32.8,18.7z M14,29.6c0,1.1-0.9,1.9-1.9,1.9c-1.1,0-1.9-0.8-1.9-1.9c0-1.1,0.9-1.9,1.9-1.9C13.1,27.6,14,28.5,14,29.6z M19.2,29.6 c0,1.1-0.9,1.9-1.9,1.9c-1.1,0-1.9-0.8-1.9-1.9c0-1.1,0.9-1.9,1.9-1.9C18.3,27.6,19.2,28.5,19.2,29.6z M21.2,23.8 c0,1.1-0.9,1.9-1.9,1.9s-1.9-0.8-1.9-1.9c0-1.1,0.9-1.9,1.9-1.9S21.2,22.8,21.2,23.8z M26.3,22.5c0,1.1-0.9,1.9-1.9,1.9 c-1.1,0-1.9-0.8-1.9-1.9s0.9-1.9,1.9-1.9C25.4,20.6,26.3,21.5,26.3,22.5z M28.3,16.8c0,1.1-0.9,1.9-1.9,1.9c-1.1,0-1.9-0.8-1.9-1.9 c0-1.1,0.9-1.9,1.9-1.9S28.3,15.7,28.3,16.8z M31.5,11c-1.1,0-1.9,0.8-1.9,1.9c0,1.1,0.9,1.9,1.9,1.9c1.1,0,1.9-0.8,1.9-1.9 C33.5,11.9,32.6,11,31.5,11z M5.6,18.1c0-1.1,0.9-1.9,1.9-1.9s1.9,0.8,1.9,1.9c0,1.1-0.9,1.9-1.9,1.9S5.6,19.1,5.6,18.1z M24.4,7.2 c0-1.1,0.9-1.9,1.9-1.9c1.1,0,1.9,0.8,1.9,1.9c0,1.1-0.9,1.9-1.9,1.9C25.3,9.1,24.4,8.2,24.4,7.2z M19.2,7.2c0-1.1,0.9-1.9,1.9-1.9 c1.1,0,1.9,0.8,1.9,1.9c0,1.1-0.9,1.9-1.9,1.9C20.1,9.1,19.2,8.2,19.2,7.2z M17.3,12.9c0-1.1,0.9-1.9,1.9-1.9s1.9,0.8,1.9,1.9 c0,1.1-0.9,1.9-1.9,1.9S17.3,14,17.3,12.9z M12.1,14.2c0-1.1,0.9-1.9,1.9-1.9c1.1,0,1.9,0.8,1.9,1.9c0,1.1-0.9,1.9-1.9,1.9 S12.1,15.3,12.1,14.2z M10.1,20c0-1.1,0.9-1.9,1.9-1.9S14,18.9,14,20s-0.9,1.9-1.9,1.9C11,21.9,10.1,21,10.1,20z M6.9,25.7 c1.1,0,1.9-0.8,1.9-1.9c0-1.1-0.9-1.9-1.9-1.9s-1.9,0.8-1.9,1.9C4.9,24.9,5.8,25.7,6.9,25.7z M35.2,5.1l-0.4-0.5L5.1,30.2l0.4,0.5 L35.2,5.1z M35.5,35.8H0.1V1.7h1.9V34h33.4V35.8z"/> </g> <g id="polar" class="st0"> <polygon class="st7" points="26.2,4 9.7,4 1.4,18.4 9.7,32.8 26.2,32.8 34.5,18.4 "/> <polygon class="st7" points="23.7,8.3 12.1,8.3 6.3,18.3 12.1,28.4 23.7,28.4 29.5,18.3 "/> <line class="st7" x1="9.7" y1="4" x2="26.2" y2="32.8"/> <line class="st7" x1="26.2" y1="4" x2="9.7" y2="32.8"/> <line class="st7" x1="1.4" y1="18.4" x2="34.5" y2="18.4"/> </g> <g id="stock" class="st0"> <path class="st2" d="M33.5,9.7c0-0.3-0.2-0.5-0.5-0.5h0h-7.4c-0.3,0-0.5,0.2-0.5,0.5c0,0.1,0.1,0.3,0.2,0.4l2.1,2.1l-7.9,7.9l-4-4 c-0.2-0.2-0.5-0.2-0.8,0l0,0l-9.9,9.9L8,29.3l7.1-7.1l4,4c0.2,0.2,0.5,0.2,0.8,0l0,0l10.8-10.8l2.1,2.1c0.2,0.2,0.5,0.2,0.8,0 c0.1-0.1,0.2-0.2,0.2-0.4V9.7L33.5,9.7z M35.3,33.2H2.8V1.4H0.2v34.4h35.1V33.2z"/> </g> <g id="combo" class="st0"> <g class="st3"> <defs> <rect id="SVGID_7_" x="-2.6" y="-6" width="50.2" height="50.2"/> </defs> <clipPath id="SVGID_8_"> <use xlink:href="#SVGID_7_" style="overflow:visible;"/> </clipPath> <path class="st8" d="M29.4,6.3v25.1H35V6.3H29.4z M21,14.7v16.8h5.6V14.7H21z M35.6,33.1H3V1.5H0.2v34.5h35.4L35.6,33.1L35.6,33.1 z M12.7,9.1v22.3h5.6V9.1H12.7L12.7,9.1z M4.3,20.3v11.2h5.6V20.3H4.3z"/> </g> <polyline class="st9" points="6.3,26 15.3,16.4 23.8,26 32.3,13.3 "/> <polyline class="st10" points="6.9,25.3 15.3,16.4 23.8,26 31.8,14 "/> </g> <g id="area" class="st0"> <g class="st3"> <path class="st6" d="M23,18.9L12.8,8.7L4.9,18.9v10.2h29.5l-4.5-15.9L23,18.9z M35.3,33.7l-32.9,0V1.8L0,1.8v34h35.3L35.3,33.7z" /> </g> </g> <g id="Layer_11" class="st0"> <path class="st2" d="M5.5,19.1H0.9c0.7,8.2,7.3,14.7,15.6,15.4v-4.6C10.8,29.3,6.2,24.8,5.5,19.1z M30.3,19.1 c-0.6,5.7-5.2,10.2-11,10.8v4.6c8.3-0.7,15-7.2,15.6-15.4L30.3,19.1L30.3,19.1z M0.9,16.4h4.6c0.6-5.7,5.2-10.2,11-10.8V1 C8.2,1.6,1.6,8.2,0.9,16.4z M19.3,1v4.6c5.8,0.6,10.4,5.1,11,10.8H35C34.3,8.2,27.7,1.6,19.3,1z"/> </g> </svg> ',
        stock: '<?xml version="1.0" encoding="utf-8"?> <!-- Generator: Adobe Illustrator 22.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 36 36" style="enable-background:new 0 0 36 36;" xml:space="preserve"> <style type="text/css"> .st0{display:none;} .st1{display:inline;fill:#D66544;} .st2{display:inline;fill:#42C8C0;} .st3{display:inline;} .st4{clip-path:url(#SVGID_4_);fill-rule:evenodd;clip-rule:evenodd;fill:#42C8C0;} .st5{clip-path:url(#SVGID_6_);fill:#42C8C0;} .st6{display:inline;fill:none;stroke:#42C8C0;stroke-width:2;stroke-miterlimit:10;} .st7{fill:#42C8C0;} .st8{clip-path:url(#SVGID_8_);fill:#42C8C0;} .st9{display:inline;fill:none;stroke:#FFFFFF;stroke-width:5;} .st10{display:inline;fill:none;stroke:#42C8C0;stroke-width:2.2574;} </style> <g id="line" class="st0"> <path class="st1" d="M12.1,13.1l3.6,4.1L9,27.7l-6.5,0l0.1-3.8L12.1,13.1z M21.4,11.5l2.5,6.8l-3,2.3l-3.1-3.5L21.4,11.5z M10.1,29.2L17,18.5l3.8,4.2l3.9-2.9l3.6,10.1l4.8-5.1l1.2,2.7l1.2-1.1L33.7,22l-4.8,4.9l-3-8.2l1.7-1.4l4.6,4l3.5-7.9l-1.4-0.5 l-2.5,5.8l-4-3.5L25.4,17l-3.4-9.4l-5.2,8l-4.6-5.1L2.4,21.8l0-20.4L0,1.4v34.5h35.7v-2.1l-33.3,0v-4.7H10.1z"/> </g> <g id="popular" class="st0"> <polygon class="st2" points="18.1,27.7 28.9,35.2 24.8,23.1 35.6,15.8 22.4,15.8 18.1,3.3 13.9,15.8 0.7,15.8 11.5,23.1 7.4,35.2 "/> </g> <g id="bar" class="st0"> <g class="st3"> <defs> <rect id="SVGID_1_" x="-2.2" y="-1.2" width="41.2" height="41.2"/> </defs> <clipPath id="SVGID_2_"> <use xlink:href="#SVGID_1_" style="overflow:visible;"/> </clipPath> </g> <path class="st2" d="M27.5,4.5v25.7h4.6V4.5H27.5z M20.6,13v17.1h4.6V13H20.6z M35.7,34.1H2.3V1.6H0.1v34.3h35.6L35.7,34.1 L35.7,34.1z M13.8,7.3v22.8h4.6V7.3H13.8L13.8,7.3z M6.9,18.8v11.4h4.6V18.8H6.9z"/> </g> <g id="columns" class="st0"> <g class="st3"> <defs> <rect id="SVGID_3_" x="1.3" y="1.5" width="33.8" height="33.8"/> </defs> <clipPath id="SVGID_4_"> <use xlink:href="#SVGID_3_" style="overflow:visible;"/> </clipPath> <path class="st4" d="M27,1.5v32.2h6.4V1.5H27z M16.9,12.2h-6.4v21.5h6.4V12.2z M8.6,22.9H2.2v10.8h6.4V22.9z M25.2,8.2h-6.4v25.5 h6.4V8.2z"/> </g> </g> <g id="pie" class="st0"> <g class="st3"> <defs> <rect id="SVGID_5_" x="-4.4" y="-4.8" width="45.6" height="45.6"/> </defs> <clipPath id="SVGID_6_"> <use xlink:href="#SVGID_5_" style="overflow:visible;"/> </clipPath> <path class="st5" d="M32.2,9.1c-1.3-2.3-3.2-4.2-5.5-5.5c-2.3-1.4-4.9-2.1-7.6-2v15.2h15.2C34.3,14.1,33.6,11.4,32.2,9.1L32.2,9.1 z M31,30.1c2.9-2.9,4.5-6.7,4.5-10.8H20.3L31,30.1z M16.5,19.1V4c-2.7,0-5.3,0.7-7.6,2c-2.3,1.3-4.2,3.2-5.6,5.5 c-2.7,4.7-2.7,10.5,0,15.2c1.3,2.3,3.3,4.2,5.6,5.6c4.1,2.4,9.1,2.7,13.5,0.9c1.8-0.8,3.5-1.9,4.9-3.3L16.5,19.1z"/> </g> </g> <g id="scatter" class="st0"> <path class="st2" d="M32.8,18.7c0,1.1-0.9,1.9-1.9,1.9c-1.1,0-1.9-0.8-1.9-1.9c0-1.1,0.9-1.9,1.9-1.9C32,16.8,32.8,17.6,32.8,18.7z M14,29.6c0,1.1-0.9,1.9-1.9,1.9c-1.1,0-1.9-0.8-1.9-1.9c0-1.1,0.9-1.9,1.9-1.9C13.1,27.6,14,28.5,14,29.6z M19.2,29.6 c0,1.1-0.9,1.9-1.9,1.9c-1.1,0-1.9-0.8-1.9-1.9c0-1.1,0.9-1.9,1.9-1.9C18.3,27.6,19.2,28.5,19.2,29.6z M21.2,23.8 c0,1.1-0.9,1.9-1.9,1.9s-1.9-0.8-1.9-1.9c0-1.1,0.9-1.9,1.9-1.9S21.2,22.8,21.2,23.8z M26.3,22.5c0,1.1-0.9,1.9-1.9,1.9 c-1.1,0-1.9-0.8-1.9-1.9s0.9-1.9,1.9-1.9C25.4,20.6,26.3,21.5,26.3,22.5z M28.3,16.8c0,1.1-0.9,1.9-1.9,1.9c-1.1,0-1.9-0.8-1.9-1.9 c0-1.1,0.9-1.9,1.9-1.9S28.3,15.7,28.3,16.8z M31.5,11c-1.1,0-1.9,0.8-1.9,1.9c0,1.1,0.9,1.9,1.9,1.9c1.1,0,1.9-0.8,1.9-1.9 C33.5,11.9,32.6,11,31.5,11z M5.6,18.1c0-1.1,0.9-1.9,1.9-1.9s1.9,0.8,1.9,1.9c0,1.1-0.9,1.9-1.9,1.9S5.6,19.1,5.6,18.1z M24.4,7.2 c0-1.1,0.9-1.9,1.9-1.9c1.1,0,1.9,0.8,1.9,1.9c0,1.1-0.9,1.9-1.9,1.9C25.3,9.1,24.4,8.2,24.4,7.2z M19.2,7.2c0-1.1,0.9-1.9,1.9-1.9 c1.1,0,1.9,0.8,1.9,1.9c0,1.1-0.9,1.9-1.9,1.9C20.1,9.1,19.2,8.2,19.2,7.2z M17.3,12.9c0-1.1,0.9-1.9,1.9-1.9s1.9,0.8,1.9,1.9 c0,1.1-0.9,1.9-1.9,1.9S17.3,14,17.3,12.9z M12.1,14.2c0-1.1,0.9-1.9,1.9-1.9c1.1,0,1.9,0.8,1.9,1.9c0,1.1-0.9,1.9-1.9,1.9 S12.1,15.3,12.1,14.2z M10.1,20c0-1.1,0.9-1.9,1.9-1.9S14,18.9,14,20s-0.9,1.9-1.9,1.9C11,21.9,10.1,21,10.1,20z M6.9,25.7 c1.1,0,1.9-0.8,1.9-1.9c0-1.1-0.9-1.9-1.9-1.9s-1.9,0.8-1.9,1.9C4.9,24.9,5.8,25.7,6.9,25.7z M35.2,5.1l-0.4-0.5L5.1,30.2l0.4,0.5 L35.2,5.1z M35.5,35.8H0.1V1.7h1.9V34h33.4V35.8z"/> </g> <g id="polar" class="st0"> <polygon class="st6" points="26.2,4 9.7,4 1.4,18.4 9.7,32.8 26.2,32.8 34.5,18.4 "/> <polygon class="st6" points="23.7,8.3 12.1,8.3 6.3,18.3 12.1,28.4 23.7,28.4 29.5,18.3 "/> <line class="st6" x1="9.7" y1="4" x2="26.2" y2="32.8"/> <line class="st6" x1="26.2" y1="4" x2="9.7" y2="32.8"/> <line class="st6" x1="1.4" y1="18.4" x2="34.5" y2="18.4"/> </g> <g id="stock"> <path class="st7" d="M33.5,9.7c0-0.3-0.2-0.5-0.5-0.5h0h-7.4c-0.3,0-0.5,0.2-0.5,0.5c0,0.1,0.1,0.3,0.2,0.4l2.1,2.1l-7.9,7.9l-4-4 c-0.2-0.2-0.5-0.2-0.8,0l0,0l-9.9,9.9L8,29.3l7.1-7.1l4,4c0.2,0.2,0.5,0.2,0.8,0l0,0l10.8-10.8l2.1,2.1c0.2,0.2,0.5,0.2,0.8,0 c0.1-0.1,0.2-0.2,0.2-0.4V9.7L33.5,9.7z M35.3,33.2H2.8V1.4H0.2v34.4h35.1V33.2z"/> </g> <g id="combo" class="st0"> <g class="st3"> <defs> <rect id="SVGID_7_" x="-2.6" y="-6" width="50.2" height="50.2"/> </defs> <clipPath id="SVGID_8_"> <use xlink:href="#SVGID_7_" style="overflow:visible;"/> </clipPath> <path class="st8" d="M29.4,6.3v25.1H35V6.3H29.4z M21,14.7v16.8h5.6V14.7H21z M35.6,33.1H3V1.5H0.2v34.5h35.4L35.6,33.1L35.6,33.1 z M12.7,9.1v22.3h5.6V9.1H12.7L12.7,9.1z M4.3,20.3v11.2h5.6V20.3H4.3z"/> </g> <polyline class="st9" points="6.3,26 15.3,16.4 23.8,26 32.3,13.3 "/> <polyline class="st10" points="6.9,25.3 15.3,16.4 23.8,26 31.8,14 "/> </g> <g id="area" class="st0"> <g class="st3"> <path class="st7" d="M23,18.9L12.8,8.7L4.9,18.9v10.2h29.5l-4.5-15.9L23,18.9z M35.3,33.7l-32.9,0V1.8L0,1.8v34h35.3L35.3,33.7z" /> </g> </g> <g id="Layer_11" class="st0"> <path class="st2" d="M5.5,19.1H0.9c0.7,8.2,7.3,14.7,15.6,15.4v-4.6C10.8,29.3,6.2,24.8,5.5,19.1z M30.3,19.1 c-0.6,5.7-5.2,10.2-11,10.8v4.6c8.3-0.7,15-7.2,15.6-15.4L30.3,19.1L30.3,19.1z M0.9,16.4h4.6c0.6-5.7,5.2-10.2,11-10.8V1 C8.2,1.6,1.6,8.2,0.9,16.4z M19.3,1v4.6c5.8,0.6,10.4,5.1,11,10.8H35C34.3,8.2,27.7,1.6,19.3,1z"/> </g> </svg> ' 
      }
    },
  
    /** Trigger file download
     *  @namespace highed
     *  @param filename {string} - the filename
     *  @param data {string} - the contained data
     */
    download: function(filename, data, mime) {
      var l = highed.dom.cr('a');
      mime = mime || 'application/octet-stream';
      l.download = filename || 'unkown';
      l.href = 'data:' + mime + ',' + encodeURIComponent(data);
      highed.dom.ap(document.body, l);
      l.click();
      document.body.removeChild(l);
    },
  
    /** Clear an object
     * Deletes all the object attributes.
     * Useful when needing to clear an object without invalidating references to it
     * @namespace highed
     * @param obj {object} - the object to clear
     */
    clearObj: function(obj) {
      Object.keys(obj).forEach(function(key) {
        delete obj[key];
      });
    },
  
    /** Preform an AJAX request. Same syntax as jQuery.
     *  @namespace highed
     *  @param p {object} - options
     *    > url {string} - the URL to call
     *    > type {enum} - the type of request
     *    > dataType {enum} - the type of data expected
     *    > success {function} - function to call on success
     *    > error {function} - function to call on request fail
     *    > data {object} - the payload
     *    > autoFire {boolean} - whether or not to fire the request right away
     *
     *   @emits Error {string} - when there's an error
     *   @emits OK {string} - when the request succeeded
     *   @returns {object} - interface to the request
     */
    ajax: function(p) {
      var props = highed.merge(
          {
            url: false,
            type: 'GET',
            dataType: 'json',
            success: false,
            error: false,
            data: {},
            autoFire: true,
            headers: {}
          },
          p
        ),
        headers = {
          json: 'application/json',
          xml: 'application/xml',
          text: 'text/plain',
          octet: 'application/octet-stream'
        },
        r = new XMLHttpRequest(),
        events = highed.events();
  
      if (!props.url) return false;
  
      r.open(props.type, props.url, true);
      r.setRequestHeader('Content-Type', headers[props.dataType] || headers.text);
  
      Object.keys(props.headers).forEach(function(key) {
        r.setRequestHeader(key, props.headers[key]);
      });
  
      r.onreadystatechange = function() {
        events.emit('ReadyStateChange', r.readyState, r.status);
  
        if (r.readyState === 4 && r.status === 200) {
          if (props.dataType === 'json') {
            try {
              var json = JSON.parse(r.responseText);
              if (highed.isFn(props.success)) {
                props.success(json);
              }
              events.emit('OK', json);
            } catch (e) {
              console.log('parse error', e);
              if (highed.isFn(props.error)) {
                props.error(e.toString(), r.responseText);
              }
              events.emit('Error', e.toString(), r.status);
            }
          } else {
            if (highed.isFn(props.success)) {
              props.success(r.responseText);
            }
            events.emit('OK', r.responseText);
          }
        } else if (r.readyState === 4) {
          events.emit('Error', r.status, r.statusText);
          if (highed.isFn(props.error)) {
            props.error(r.status, r.statusText);
          }
        }
      };
  
      function fire() {
        try {
          r.send(JSON.stringify(props.data));
        } catch (e) {
          r.send(props.data || true);
        }
      }
  
      if (props.autoFire) {
        fire();
      }
  
      return {
        on: events.on,
        fire: fire,
        request: r
      };
    },
  
    /** Generate a uuid
     *  Borrowed from http://stackoverflow.com/questions/105034/create-guid-uuid-in-javascript
     *  @namespace highed
     *  @returns {string} - a UUID string
     */
    uuid: function() {
      var d = new Date().getTime(),
        uuid;
  
      if (window.performance && typeof window.performance.now === 'function') {
        d += window.performance.now(); //use high-precision timer if available
      }
  
      uuid = 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) {
        var r = ((d + Math.random() * 16) % 16) | 0;
        d = Math.floor(d / 16);
        return (c === 'x' ? r : (r & 0x3) | 0x8).toString(16);
      });
      return uuid;
    },
  
    /** Map an array to an object
     *  @namespace highed
     *  @param {array} arr - the array to map
     *  @return {object} - an object with the array contents as keys, and their value set to true
     */
    arrToObj: function(arr) {
      var obj = {};
  
      if ((!highed.isArr(arr) && !highed.isBasic(arr)) || arr === false) {
        return arr;
      }
  
      if (highed.isStr(arr)) {
        arr = arr.split(' ');
      }
  
      arr.forEach(function(thing) {
        obj[thing] = true;
      });
  
      return obj;
    },
  
    /** Make a camel back string pretty
     *  Transforms e.g. `imACamelBackString` to `Im a camelback string`.
     *  @namespace highed
     *  @param str {string} - the input string
     *  @return {string} - the transformed string
     */
    uncamelize: function(str) {
      var s = '';
  
      if (!str) {
        return str;
      }
  
      if (str.length < 0 || !str) {
        return str;
      }
  
      for (var i = 0; i < str.length; i++) {
        if (str[i] === str[i].toUpperCase()) {
          if (
            (str[i + 1] && str[i + 1] === str[i + 1].toUpperCase()) ||
            (str[i - 1] && str[i - 1] === str[i - 1].toUpperCase())
          ) {
          } else {
            s += ' ';
          }
        }
        s += str[i];
      }
  
      return s[0].toUpperCase() + s.substr(1);
    },
  
    /** Clamp a number between min/max
     *  @namespace highed
     *  @param min {number} - minimum value
     *  @param max {number} - maximum value
     *  @param value {number} - the value to clamp
     *  @returns {number} - the clamped value
     */
    clamp: function(min, max, value) {
      if (value < min) return min;
      if (value > max) return max;
      return value;
    },
  
    /** Convert a hex value to RGB
     *
     *  @namespace highed
     *  @param {string} hex - the hex string
     *  @return {object} - an object with rgb components
     *    > r {number} - red
     *    > g {number} - green
     *    > b {number} - blue
     */
    hexToRgb: function(hex) {
      if (!hex || highed.isObj(hex)) {
        return {
          r: 0,
          g: 0,
          b: 0
        };
      }
      
      if (hex.indexOf('rgba') === 0) {
        hex = hex
          .substr(5)
          .replace(')', '')
          .split(',');
        return {
          r: parseInt(hex[0], 10),
          g: parseInt(hex[1], 10),
          b: parseInt(hex[2], 10),
          a: parseInt(hex[3], 10)
        };
      }
  
      if (hex.length === 4) {
        hex += hex[hex.length - 1];
        hex += hex[hex.length - 1];
        hex += hex[hex.length - 1];
      }
  
      var result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
      return result
        ? {
            r: parseInt(result[1], 16),
            g: parseInt(result[2], 16),
            b: parseInt(result[3], 16)
          }
        : {
            r: 0,
            g: 0,
            b: 0
          };
    },
  
    /** Invert a color
     *  @namespace highed
     *  @param {string} hex - the color to invert
     *  @return {string} - new hex color
     */
    invertHexColor: function(hex) {
      var rgb = highed.hexToRgb(hex),
        res = 0;
  
      rgb.r = 255 - rgb.r;
      rgb.g = 255 - rgb.g;
      rgb.b = 255 - rgb.b;
  
      res = rgb.r << 16;
      res |= rgb.g << 8;
      res |= rgb.b;
  
      return '#' + res;
    },
  
    /** Return #FFF or #000 based on the intensity of a color
     *  @namespace highed
     *  @param {string} hex - input color
     *  @return {string} - the new hex color
     */
    getContrastedColor: function(hex) {
      var rgb = highed.hexToRgb(hex),
        avarage = (rgb.r + rgb.g + rgb.b) / 3;
  
      if (avarage > 150) {
        return '#000';
      }
      return '#FFF';
    },
  
    /** Convert a string to a bool
     *  @namespace highed
     *  @param {string} what - the string to convert
     *  @return {bool} - the resulting bool
     */
    toBool: function(what) {
      return what === 'true' || what === true || what === 'on';
    },
  
    /** Set a property based on -- delimited path
     *  @namespace highed
     *  @param {object} obj - the object to modify
     *  @param {string} path - the path to the attribute to change
     *  @param {anything} value - the value to set
     *  @param {number} index - if we're accessing an array, this is the index
     */
    setAttr: function(obj, path, value, index) {
      var current = obj;
  
      if (!current) return;
  
      if (highed.isArr(obj)) {
        obj.forEach(function(thing) {
          highed.setAttr(thing, path, value, index);
        });
        return;
      }
  
      path = path
        .replace(/\-\-/g, '.')
        .replace(/\-/g, '.')
        .split('.');
  
      path.forEach(function(p, i) {
        if (i === path.length - 1) {
          current[p] = value;
        } else {
          if (typeof current[p] === 'undefined') {
            current = current[p] = {};
          } else {
            current = current[p];
  
            if (highed.isArr(current)) {
              if (index > current.length - 1) {
                for (var j = current.length; j <= index; j++) {
                  current.push({});
                }
              }
              if (index >= 0) {
                current = current[index];
              }
            }
          }
        }
      });
    },
  
    /** Get a property based on -- delimited path
     *  @namespace highed
     *  @param {object} obj - the object to traverse
     *  @param {string} path - the path to the attribute to get
     *  @param {number} index - if we're accessing an array, this is the index
     *  @returns {anything} - the value or false
     */
    getAttr: function(obj, path, index) {
      var current = obj,
        result = undefined;
  
      if (!current) return result;
  
      if (highed.isArr(obj)) {
        obj.forEach(function(thing) {
          result = highed.getAttr(thing, path);
        });
        return result;
      }
  
      path = path
        .replace(/\-\-/g, '.')
        .replace(/\-/g, '.')
        .split('.');
  
      path.forEach(function(p, i) {
        if (i === path.length - 1) {
          if (typeof current !== 'undefined') {
            result = current[p];
          }
        } else {
          if (typeof current[p] === 'undefined') {
            current = current[p] = {};
          } else {
            current = current[p];
  
            if (highed.isArr(current) && index >= 0 && index < current.length) {
              current = current[index];
            }
          }
        }
      });
  
      return result;
    },
  
    isEmptyObjectArray: function(arr) {
      return highed.isObj(arr[0]) && arr.some(function(b) {
        return Object.keys(b).length === 0;
      });
    },
  
    isObj: function(what) {
      return what && what.constructor.toString().indexOf('Object') > -1;
    },
  
    /** Deep merge two objects.
     * Note: this modifies object `a`!
     * @namespace highed
     * @param {object} a - the destination object
     * @param {object} b - the source object
     * @param {bool} ignoreEmpty - Ignore empty things
     * @param {object} excludeMap - Map of properties to exclude from the merge
     * @return {object} - argument a
     */
    merge: function(a, b, ignoreEmpty, excludeMap) {
      if (!a || !b) return a || b;
  
      if (ignoreEmpty && Object.keys(b).length === 0) {
        return;
      }
  
      Object.keys(b).forEach(function(bk) {
        if (excludeMap && excludeMap[bk]) {
        } else if (highed.isNull(b[bk]) || highed.isBasic(b[bk])) {
          a[bk] = b[bk];
        } else if (highed.isArr(b[bk])) {
  
          if (highed.isEmptyObjectArray(b[bk])) return;
          a[bk] = [];
  
          b[bk].forEach(function(i) {
            if (highed.isNull(i) || highed.isBasic(i)) {
              a[bk].push(i);
            } else {
              a[bk].push(highed.merge(highed.isArr(i) ? [] : {}, i));
            }
          });
        } else if (
          b[bk].tagName &&
          b[bk].appendChild &&
          b[bk].removeChild &&
          b[bk].style
        ) {
          a[bk] = b[bk];
        } else {
          if (ignoreEmpty && Object.keys(b[bk]).length === 0) {
            return;
          }
  
          a[bk] = a[bk] || {};
          highed.merge(a[bk], b[bk]);
        }
      });
      return a;
    },
  
    /** Check if something is null or undefined
     *  @namespace highed
     *  @param {anything} what - the value to check
     *  @return {bool} - true if null
     */
    isNull: function(what) {
      return typeof what === 'undefined' || what === null;
    },
  
    /** Check if something is a string
     *  @namespace highed
     *  @param {anything} what - the value to check
     *  @return {bool} - true if string
     */
    isStr: function(what) {
      return typeof what === 'string' || what instanceof String;
    },
  
    /** Check if something is a number
     * @namespace highed
     *  @param {anything} what - the value to check
     *  @return {bool} - true if number
     */
    isNum: function(what) {
      return !isNaN(parseFloat(what)) && isFinite(what);
    },
  
    /** Check if a value is a function
     * @namespace highed
     * @param {anything} what - the value to check
     * @return {bool} - true if function
     */
    isFn: function(what) {
      return (what && typeof what === 'function') || what instanceof Function;
    },
  
    /** Check if a value is an array
     * @namespace highed
     * @param {anything} what - the value to check
     * @return {bool} - true if array
     */
    isArr: function(what) {
      return (
        !highed.isNull(what) && what.constructor.toString().indexOf('Array') > -1
      );
    },
  
    /** Check if a value is a boolean
     * @namespace highed
     * @param {anything} what - the value to check
     * @return {bool} - true if bool
     */
    isBool: function(what) {
      return what === true || what === false;
    },
  
    /** Check if a value is a basic type
     * A basic type is either a bool, string, or a number
     * @namespace highed
     * @param {anything} what - the value to check
     * @return {bool} - true if basic
     */
    isBasic: function(what) {
      return (
        !highed.isArr(what) &&
        (highed.isStr(what) ||
          highed.isNum(what) ||
          highed.isBool(what) ||
          highed.isFn(what))
      );
    },
  
    /** Parse CSV Data
       * @namespace highed
       * @param {string} - inData
       * @return {string} - delimiter 
       */
  
    parseCSV: function(inData, delimiter) {
      var isStr = highed.isStr,
        isArr = highed.isArray,
        isNum = highed.isNum,
        csv = inData || '',
        result = [],
        options = {
          delimiter: delimiter
        },
        potentialDelimiters = {
          ',': true,
          ';': true,
          '\t': true
        },
        delimiterCounts = {
          ',': 0,
          ';': 0,
          '\t': 0
        },
        rows;
      //The only thing CSV formats have in common..
      rows = (csv || '').replace(/\r\n/g, '\n').split('\n');
  
      // If there's no delimiter, look at the first few rows to guess it.
  
      if (!options.delimiter) {
        rows.some(function(row, i) {
          if (i > 10) return true;
  
          var inStr = false,
            c,
            cn,
            cl,
            token = '';
  
          for (var j = 0; j < row.length; j++) {
            c = row[j];
            cn = row[j + 1];
            cl = row[j - 1];
  
            if (c === '"') {
              if (inStr) {
                if (cl !== '"' && cn !== '"') {
                  // The next non-blank character is likely the delimiter.
  
                  while (cn === ' ') {
                    cn = row[++j];
                  }
  
                  if (potentialDelimiters[cn]) {
                    delimiterCounts[cn]++;
                    return true;
                  }
  
                  inStr = false;
                }
              } else {
                inStr = true;
              }
            } else if (potentialDelimiters[c]) {
              if (!isNaN(Date.parse(token))) {
                // Yup, likely the right delimiter
                token = '';
                delimiterCounts[c]++;
              } else if (!isNum(token) && token.length) {
                token = '';
                delimiterCounts[c]++;
              }
            } else {
              token += c;
            }
          }
        });
  
        options.delimiter = ';';
  
        if (
          delimiterCounts[','] > delimiterCounts[';'] &&
          delimiterCounts[','] > delimiterCounts['\t']
        ) {
          options.delimiter = ',';
        }
  
        if (
          delimiterCounts['\t'] >= delimiterCounts[';'] &&
          delimiterCounts['\t'] >= delimiterCounts[',']
        ) {
          options.delimiter = '\t';
        }
      }
  
      rows.forEach(function(row, rowNumber) {
        var cols = [],
          inStr = false,
          i = 0,
          j,
          token = '',
          guessedDel,
          c,
          cp,
          cn;
  
        function pushToken() {
          if (!token.length) {
            token = null;
            // return;
          }
  
          if (isNum(token)) {
            token = parseFloat(token);
          }
  
          cols.push(token);
          token = '';
        }
  
        for (i = 0; i < row.length; i++) {
          c = row[i];
          cn = row[i + 1];
          cp = row[i - 1];
  
          if (c === '"') {
            if (inStr) {
              pushToken();
            } else {
              inStr = false;
            }
  
            //Everything is allowed inside quotes
          } else if (inStr) {
            token += c;
            //Check if we're done reading a token
          } else if (c === options.delimiter) {
            pushToken();
  
            //Append to token
          } else {
            token += c;
          }
  
          // Push if this was the last character
          if (i === row.length - 1) {
            pushToken();
          }
        }
  
        result.push(cols);
      });
  
      return result;
    },
  
    removeNulls: function(dataSet){
  
      const newDataArr = [];
      dataSet.forEach(function(e){
  
        var rarr = [],
          hasData = false;
  
        e.forEach(function(v) {
          if (v) {
            hasData = true;
          }
  
          if (!highed.isNum(v) && highed.isStr(v)) {
            v = v.replace(/\"/g, '"');
          }
  
          if (highed.isNum(v)) {
            v = parseFloat(v);
          }
  
          if (highed.isStr(v) && Date.parse(v) !== NaN) {
            //v = (new Date(v)).getTime();
          }
  
          rarr.push(v);
        });
  
        if (hasData) {
          newDataArr.push(rarr);
        }
      });
  
      return newDataArr;
    }
  
  };
  
  
  
  // Stateful functions
  (function() {
    var logLevels = ['error', 'warn', 'notice', 'verbose'],
      currentLogLevel = 0,
      initQueue = [],
      isReady = false,
      includedScripts = {},
      isOnPhone = false,
      isOnTablet = false,
      options = {
        codeMirrorTheme: 'neo',
        helpURL: 'https://www.highcharts.com/products/highcharts-editor',
        defaultLanguage: 'en',
        includeCDNInExport: true,
        stickyChartProperties: {},
        includeHighcharts: true,
        cloudAPIURL: 'https://cloud-api.highcharts.com/',
        helpImgPath: 'help/',
        thumbnailURL: 'https://cloud.highcharts.com/static/thumbnails/',
        autoIncludeDependencies: true
      },
      cdnScripts = [
        'https://code.highcharts.com/stock/highstock.js',
        'https://code.highcharts.com/highcharts-more.js',
        'https://code.highcharts.com/highcharts-3d.js',
        'https://code.highcharts.com/modules/data.js',
        'https://code.highcharts.com/modules/exporting.js'
      ];
  
    ///////////////////////////////////////////////////////////////////////////
  
    function pollForReady() {
      if (!isReady) {
        if (document.body) {
          isReady = true;
          initQueue.forEach(function(fn) {
            fn();
          });
        } else {
          window.setTimeout(pollForReady, 100);
        }
      }
    }
  
    pollForReady();
  
    ///////////////////////////////////////////////////////////////////////////
  
    /**
     * Whitelist an option in simple view
     */
    highed.exposeOption = function(option) {};
  
    /** Set/get an option
     *  Skip `value` to get the value
     *  @param option {string} - the option to set
     *  @param value {anything} - the value to set
     *  @returns {anything} - the option value
     */
    highed.option = function(option, value) {
      if (!highed.isBasic(option)) {
        highed.merge(options, option);
      } else if (options[option]) {
        if (typeof value !== 'undefined') {
          options[option] = value;
        }
        return options[option];
      }
      return false;
    };
  
    /** Set a set of options
     *  @param options {object} - an object of options to set
     */
    highed.options = function(options) {
      Object.keys(options || {}).forEach(function(key) {
        highed.option(key, options[key]);
      });
    };
  
    /** Serialize the global options
     *  @returns {object} - a copy of the global options
     */
    highed.serializeEditorOptions = function() {
      return highed.merge({}, options);
    };
  
    /** Add a function to call when the document is ready
     * @param {function} fn - the function to call
     */
    highed.ready = function(fn) {
      if (highed.isFn(fn)) {
        if (isReady) {
          fn();
        } else {
          initQueue.push(fn);
        }
      }
    };
  
    /** Log something
     * Accepts a variable amount of arguments after `level` which will be
     * the log message (similar to `console.log`).
     * @param {number} level - the log level 1..4
     */
    highed.log = function(level) {
      var things = Array.prototype.slice.call(arguments);
      things.splice(0, 1);
  
      if (level <= currentLogLevel) {
        console.log.apply(undefined, [logLevels[level - 1] + ':'].concat(things)); //eslint-disable-line no-console
      }
    };
  
    /** Set the current log level
     *  @param level {number} - the current log level
     */
    highed.setLogLevel = function(level) {
      if (level <= logLevels.length) {
        currentLogLevel = level;
      }
    };
  
    /** Include something
     *  @namespace highed
     *  @param what {string} - URL to a css or javascript file
     *  @param fn {function} - function to call when done including the script
     *  @param asCSS {boolean} - force including as css
     */
    highed.include = function(what, fn, asCSS) {
      var n;
  
      if (!highed.isStr(what)) {
        return highed.isFn(fn) && fn();
      }
  
      function next() {
        if (n < what.length - 1) {
          highed.include(what[++n], next);
        }
  
        return highed.isFn(fn) && fn();
      }
  
      if (highed.isArr(what)) {
        n = -1;
        return next();
      }
  
      if (includedScripts[what]) {
        highed.log(3, 'script already included, skipping:', what);
        return fn();
      }
  
      highed.log(3, 'including script', what);
      includedScripts[what] = true;
  
      if (asCSS || what.lastIndexOf('.css') === what.length - 4) {
        n = document.createElement('link');
        n.rel = 'stylesheet';
        n.type = 'text/css';
        n.href = what;
        n.onload = fn;
      } else {
        n = document.createElement('script');
        n.src = what;
        n.onload = fn;
      }
  
      document.head.appendChild(n);
    };
  
    highed.getLetterIndex = function (char) {
      return char.charCodeAt() - 65; 
    }
  
    /** Returns true if running on a phone
     *  @namespace highed
     *  @returns {boolean} - true if running on a phone
     */
    highed.onPhone = function() {
      return isOnPhone;
    };
  
    /** Returns true if running on a screen size is within tablets range and checks user agent
     *  @namespace highed
     *  @returns {boolean} - true if running on a tablet
     */
    highed.onTablet = function() {
      return isOnTablet;
    };
  
    function checkIfPhone() {
      var check = false;
      (function(a) {
        if (
          /(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino/i.test(
            a
          ) ||
          /1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(
            a.substr(0, 4)
          )
        )
          check = true;
      })(navigator.userAgent || navigator.vendor || window.opera);
      return check;
    }
  
    function checkIfTabletDimensions() {
      var userAgent = navigator.userAgent.toLowerCase();
      return /(ipad|tablet|(android(?!.*mobile))|(windows(?!.*phone)(.*touch))|kindle|playbook|silk|(puffin(?!.*(IP|AP|WP))))/.test(userAgent);
    }
  
    isOnPhone = checkIfPhone();
    isOnTablet = checkIfTabletDimensions();
    
    ///////////////////////////////////////////////////////////////////////////
  
    //Inject dependencies
    highed.ready(function() {
      if (!options.autoIncludeDependencies) {
        return false;
      }
  
      highed.include(
        'https://maxcdn.bootstrapcdn.com/font-awesome/4.6.0/css/font-awesome.min.css'
      );
      highed.include(
        'https://fonts.googleapis.com/css?family=Roboto:400,300,100,700|Source Sans:400,300,100',
        false,
        true
      );
    });
  
    //   highed.ready(function () {
    //Include the highcharts scripts
    // function tryAddScripts() {
    //     if (document.head) {
    //         cdnScripts.forEach(function (script) {
    //             var s = document.createElement('script');
    //             s.src = script;
    //             document.head.appendChild(s);
    //         });
    //     } else {
    //         window.setTimeout(tryAddScripts, 10);
    //     }
    // }
  
    // tryAddScripts();
  
    // function include(script, next) {
    //     var sc=document.createElement("script");
    //     sc.src = script;
    //     sc.type="text/javascript";
    //     sc.onload=function() {
    //         if (++next < incl.length) {
    //             include(incl[next], next);
    //         } else {
    //             loadedScripts = true;
    //         }
    //     };
    //     document.head.appendChild(sc);
    // }
  
    // var inc = {},
    //     incl = []
    // ;
  
    // document.querySelectorAll("script").forEach(function(t) {inc[t.src.substr(0, t.src.indexOf("?"))] = 1;});
  
    // Object.keys(cdnScripts).forEach(function (k){
    //     if (!inc[k] && k && k.length > 0) {
    //         incl.push(k)
    //     }
    // });
  
    // if (incl.length > 0) { include(incl[0], 0); } else {loadedScripts = true;}
  })();
  
  /******************************************************************************
  
  Copyright (c) 2016-2018, Highsoft
  
  Permission is hereby granted, free of charge, to any person obtaining
  a copy of this software and associated documentation files (the
  "Software"), to deal in the Software without restriction, including
  without limitation the rights to use, copy, modify, merge, publish,
  distribute, sublicense, and/or sell copies of the Software, and to
  permit persons to whom the Software is furnished to do so, subject to
  the following conditions:
  
  The above copyright notice and this permission notice shall be
  included in all copies or substantial portions of the Software.
  
  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
  EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
  MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
  IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY
  CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT,
  TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
  SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
  
  ******************************************************************************/
  
  // @format
  
  /*
      Note that the localization system uses attribute names
      rather than a default string. This is to make it easier to
      modify translations.
  
  */
  
  (function() {
    var currentLang = highed.option('defaultLanguage'),
      langTree = {};
  
    /** Get a localized string based on the current global language
       *  @param id {string} - the ID of the string to get
       */
    highed.getLocalizedStr = function(id) {
      if (langTree[currentLang]) {
        if (langTree[currentLang][id]) {
          return langTree[currentLang][id];
        }
      } else {
        //The current language is invalid, fall back to 'en'
        if (langTree.en[id]) {
          return langTree.en[id];
        }
      }
  
      //404
      return 'bad localized string: ' + id;
    };
  
    /** This is an alias for highed.getLocalizedStr
       *  @type {function}
       *  @param id {string} - the string to get
       */
    highed.L = highed.getLocalizedStr;
  
    /** Install a language pack from a json object
       *  @param translations {object} - translation object
       */
    highed.installLanguage = function(translations) {
      if (translations && translations.language && translations.entries) {
        langTree[translations.language] = translations.entries;
      }
    };
  
    /** Install a language pack from a url
       *  @param url {string} - the location of the pack
       */
    highed.installLanguageFromURL = function(url, fn) {
      highed.ajax({
        url: url,
        success: function(res) {
          if (res) {
            if (highed.installLanguage(res)) {
              return fn && fn(false);
            }
            return fn && fn(true);
          }
        },
        error: function(err) {
          return fn && fn(err);
        }
      });
    };
  
    /** Set the active language
       *  @param lang {string} - the language to activate
       *  @return {boolean} - true if the language exists, and was applied
       */
    highed.setLang = function(lang) {
      if (langTree[lang]) {
        currentLang = lang;
        return true;
      }
      return false;
    };
  })();
  
  /*
      
      en Language Pack for the Highcharts Editor
  
      This file was generated by tools/gen.localization.js from
      en.json, Thu Mar 15 2018 10:04:15 GMT+0100 (CET)
  
  */
  //模板
  
  //Install "en" translations
  highed.installLanguage({
    language: 'en',
    entries: {
      "confirmNewChart": "确定放弃当前图表并重新开始?",
    "previewChart": "预览",
    "newChart": "新建",
    "saveProject": "保存项目",
    "loadProject": "加载项目",
    "exportPNG": "导出为PNG",
    "exportJPEG": "导出为JPEG",
    "exportSVG": "导出为SVG",
    "exportPDF": "导出为PDF",
    "help": "帮助",
    "licenseInfo": "许可信息",
    "stepDone": "完成",
    "stepStart": "开始",
    "stepImport": "导入",
    "stepTemplates": "模板",
    "stepCustomize": "自定义",
    "stepExport": "导出",
    "stepData": "数据",
    "doneCaption": "关闭并生成图表",
    "dgDeleteRow": "确定删除已选行?",
    "dgWithSelected": "对已选择的行:",
    "dgImportBtn": "导入",
    "dgExportBtn": "导出",
    "dgNewBtn": "新建",
    "dgAddRow": "增加行",
    "dgDataImported": "数据已导入",
    "dgDataImporting": "数据导入中",
    "dgNewCol": "新增列",
    "dgSortAsc": "升序",
    "dgSortDec": "倒序",
    "dgSortAscMonth": "按月升序",
    "dgSortDecMonth": "按月倒序",
    "dgDelCol": "删除列",
    "dgDelColConfirm": "确定删除该列?",
    "dgInsColBefore": "前插列",
    "dgInsColAfter": "后插列",
    "customizeSimple": "简单",
    "customizeAdvanced": "高级",
    "option.cat.title": "标题",
    "option.subcat.titles": "主标题",
    "option.cat.general": "通用",
    "option.subcat.size": "图表尺寸",
    "option.subcat.interaction": "图表交互",
    "option.cat.appearance": "外观",
    "option.subcat.fonts": "字体",
    "option.subcat.titlestyle": "标题样式",
    "option.subcat.seriescolors": "系列颜色",
    "option.subcat.chartarea": "图表区域",
    "option.subcat.plotarea": "绘图区域",
    "option.cat.axes": "轴",
    "option.subcat.axessetup": "轴设置",
    "option.subcat.xaxis": "X轴",
    "option.subcat.yaxis": "Y轴",
    "option.cat.series": "数据系列",
    "option.cat.labels": "数据标签",
    "option.subcat.labels": "数据标签",
    "option.cat.legend": "图例",
    "option.subcat.general": "通用",
    "option.subcat.placement": "位置",
    "option.subcat.legendappearance": "外观",
    "option.cat.tooltip": "提示",
    "option.subcat.colorborder": "颜色和边框",
    "option.cat.exporting": "导出",
    "option.cat.localization": "本地化",
    "option.subcat.numberformat": "数值格式",
    "option.subcat.exportbutton": "导出按钮及菜单",
    "option.subcat.zoombutton": "缩放按钮",
    "option.cat.credits": "著作权",
    "option.text.title.text": "图表标题",
    "option.tooltip.title.text": "主标题",
    "option.text.subtitle.text": "副标题",
    "option.tooltip.subtitle.text": "图表的副标题,以较小的字体显示在主标题下方",
    "option.text.yAxis.title.text": "Y轴标题",
    "option.tooltip.yAxis.title.text": "Y轴标题,沿Y轴方向显示",
    "option.text.chart.width": "图表宽度",
    "option.tooltip.chart.width": "图表的确切宽度。默认(<code>null</code>)根据包含元素的偏移宽度计算。",
    "option.text.chart.height": "图表高度",
    "option.tooltip.chart.height": "图表的确切高度。默认(<code>null</code>)根据包含元素的偏移高度计算,若包含元素高度为0则采用400像素。",
    "option.text.chart.zoomType": "允许缩放",
    "option.tooltip.chart.zoomType": "用户可以通过鼠标拖拽缩放的维度。可选值为:<code>x</code>, <code>y</code> or <code>xy</code>.",
    "option.text.chart.polar": "极坐标(雷达)投影",
    "option.tooltip.chart.polar": "若勾选,线图、样条图、堆积图和柱状图将会按照极坐标系统进行转换。需要<code>highcharts-more.js</code>支持。",
    "option.text.chart.style": "所有字体",
    "option.tooltip.chart.style": "整个使用的字体",
    "option.text.title.style": "主标题样式",
    "option.tooltip.title.style": "控制主标题的样式",
    "option.text.subtitle.style": "副标题样式",
    "option.tooltip.subtitle.style": "控制副标题的样式,通常以更小的字体在主标题下方显示",
    "option.text.colors": "颜色",
    "option.tooltip.colors": "数据系列默认的颜色,或者针对饼图或柱状图单个点的颜色。色彩会被按顺序选择。如果在<em>数据系列</em>中对系列进行设置,则以之为准。",
    "option.text.chart.backgroundColor": "背景颜色",
    "option.tooltip.chart.backgroundColor": "整个图表区域的背景颜色",
    "option.text.chart.borderWidth": "边框宽度",
    "option.tooltip.chart.borderWidth": "图表外边框宽度(像素)。",
    "option.text.chart.borderRadius": "边角半径",
    "option.tooltip.chart.borderRadius": "图表外边框角半径。",
    "option.text.chart.borderColor": "边框颜色",
    "option.tooltip.chart.borderColor": "图表外边框颜色。",
    "option.text.chart.plotBackgroundColor": "背景颜色",
    "option.tooltip.chart.plotBackgroundColor": "绘图区域(坐标内区域)背景色",
    "option.text.chart.plotBackgroundImage": "背景图片链接",
    "option.tooltip.chart.plotBackgroundImage": "作为绘图区域背景图片的在线URL",
    "option.text.chart.plotBorderWidth": "边框宽度",
    "option.tooltip.chart.plotBorderWidth": "绘图区域边框宽度(像素)。",
    "option.text.chart.plotBorderColor": "边框颜色",
    "option.tooltip.chart.plotBorderColor": "绘图区域边框颜色。",
    "option.text.chart.inverted": "交换轴",
    "option.tooltip.chart.inverted": "<p>是否交换轴以使得x轴垂直而y轴水平。When true, the x axis is <a href=\"#xAxis.reversed\">reversed</a> by default. If a bar series is present in the chart, it will be inverted automatically.</p>\r\n\r\n<p>Inverting the chart doesn't have an effect if there are no cartesian series in the chart, or if the chart is <a href=\"#chart.polar\">polar</a>.</p>",
    "option.text.xAxis.title.style": "X轴标题样式",
    "option.tooltip.xAxis.title.style": "X轴标题的样式",
    "option.text.xAxis.title.text": "文本",
    "option.tooltip.xAxis.title.text": "该轴标题的具体文本。它可以含有基础的HTML标签,如:&lt;b&gt;, &lt;i&gt; ",
    "option.text.xAxis.type": "类型",
    "option.tooltip.xAxis.type": "轴的类型",
    "option.text.xAxis.opposite": "对侧显示",
    "option.tooltip.xAxis.opposite": "是否将坐标轴显示在图表的另一侧。一般来说,垂直的坐标在左侧,水平的坐标在下侧,所以另一侧相应地是指右侧和上侧。一般在双坐标或多坐标场景下使用。",
    "option.text.xAxis.reversed": "逆向显示",
    "option.tooltip.xAxis.reversed": "是否将坐标逆向以使得最大坐标值离原点最近。若图表逆向,默认将X轴逆向。",
    "option.text.xAxis.labels.format": "轴标签格式",
    "option.tooltip.xAxis.labels.format": "<p>轴标签的格式字符串。实际数据可通过变量<code>{value}</code>来获得。</p><p><b>例如可以使用<code>{value} USD</code>来增加单位。</p><p>在变量内部也可以使用冒号来对数据进行<b>格式化</b>,如:<code>USD {value:.2f}</code>可展现两位有效数字,<code>{value:%Y-%m-%d}</code>可进行日期字符串格式化。",
    "option.text.yAxis.title.style": "Y轴标题样式",
    "option.tooltip.yAxis.title.style": "Y轴标题的样式",
    "option.text.yAxis.type": "类型",
    "option.tooltip.yAxis.type": "轴的类型",
    "option.text.yAxis.opposite": "对侧显示",
    "option.tooltip.yAxis.opposite": "是否将坐标轴显示在图表的另一侧。一般来说,垂直的坐标在左侧,水平的坐标在下侧,所以另一侧相应地是指右侧和上侧。一般在双坐标或多坐标场景下使用。",
    "option.text.yAxis.reversed": "逆向显示",
    "option.tooltip.yAxis.reversed": "是否将坐标逆向以使得最大坐标值离原点最近。若图表逆向,默认将Y轴逆向。",
    "option.text.yAxis.labels.format": "轴标签格式",
    "option.tooltip.yAxis.labels.format": "<p>轴标签的格式字符串。实际数据可通过变量<code>{value}</code>来获得。</p><p><b>例如可以使用<code>{value} USD</code>来增加单位。</p><p>在变量内部也可以使用冒号来对数据进行<b>格式化</b>,如:<code>USD {value:.2f}</code>可展现两位有效数字,<code>{value:%Y-%m-%d}</code>可进行日期字符串格式化。",
    "option.text.series.type": "系列类型",
    "option.tooltip.series.type": "该系列的类型",
    "option.text.series.color": "颜色",
    "option.tooltip.series.color": "该系列的主颜色。若此处不指定,则从\"外观\"中的默认颜色中选取。",
    "option.text.series.negativeColor": "负色",
    "option.tooltip.series.negativeColor": "该系列低于阈值的负颜色。阈值默认是0,在高级设定中可以修改。",
    "option.text.series.colorByPoint": "单点着色",
    "option.tooltip.series.colorByPoint": "每一个点使用一种颜色。颜色可以在\"外观\"中修改。",
    "option.text.series.dashStyle": "短划线风格",
    "option.tooltip.series.dashStyle": "图中短划线风格。仅对具有图的系列有作用,如<code>线图</code>, <code>样条图</code>, <code>面积图</code>和<code>散点图</code>,并且具有<code>lineWidth</code>。<code>短划线风格</code>有:\r\n\t\t    <ul>\r\n\t\t    \t<li>Solid</li>\r\n\t\t    \t<li>ShortDash</li>\r\n\t\t    \t<li>ShortDot</li>\r\n\t\t    \t<li>ShortDashDot</li>\r\n\t\t    \t<li>ShortDashDotDot</li>\r\n\t\t    \t<li>Dot</li>\r\n\t\t    \t<li>Dash</li>\r\n\t\t    \t<li>LongDash</li>\r\n\t\t    \t<li>DashDot</li>\r\n\t\t    \t<li>LongDashDot</li>\r\n\t\t    \t<li>LongDashDotDot</li>\r\n\t\t    </ul>",
    "option.text.series.marker.enabled": "启用点标记",
    "option.tooltip.series.marker.enabled": "是否启用点标记。如果是<code>null</code>,若数据稠密则标记隐藏,否则展现。",
    "option.text.series.marker.symbol": "标记符号",
    "option.tooltip.series.marker.symbol": "<p>为标记预定义的形状或符号。若空,则顺序使用<code>options.symbols</code>中的符号。其他可选值为:\"circle\", \"square\", \"diamond\", \"triangle\" 以及 \"triangle-down\".</p>\r\n\r\n<p>Additionally, the URL to a graphic can be given on this form:  \"url(graphic.png)\". Note that for the image to be applied to exported charts, its URL needs to be accessible by the export server.</p>\r\n\r\n<p>Custom callbacks for symbol path generation can also be added to <code>Highcharts.SVGRenderer.prototype.symbols</code>. The callback is then used by its method name, as shown in the demo.</p>",
    "option.text.plotOptions.series.dataLabels.enabled": "对所有系列启用数据标签",
    "option.tooltip.plotOptions.series.dataLabels.enabled": "在每个数据值(点、柱、饼图切片等)旁边显示一个小标签。",
    "option.text.plotOptions.series.dataLabels.style": "文本样式",
    "option.tooltip.plotOptions.series.dataLabels.style": "标签的样式。",
    "option.text.legend.enabled": "启用图例",
    "option.tooltip.legend.enabled": "是否启用图例。",
    "option.text.legend.layout": "图例布局",
    "option.tooltip.legend.layout": "图例项的布局。可选为: \"horizontal\" , \"vertical\".",
    "option.text.legend.align": "水平对齐",
    "option.tooltip.legend.align": "<p>图例在图表区域内的水平对齐。合法取值为:<code>left</code>, <code>center</code> 以及 <code>right</code>。</p>\r\n\r\n<p>若图例对齐到角落位置,<code>layout</code>选项将决定图例展现在绘图区域的上侧或下侧。</p>",
    "option.text.legend.x": "水平偏移",
    "option.tooltip.legend.x": "图例相较于它的对齐的偏移量(像素)",
    "option.text.legend.verticalAlign": "垂直对齐",
    "option.tooltip.legend.verticalAlign": "<p>图例的垂直对齐。合法取值为:<code>top</code>, <code>middle</code> 或  <code>bottom</code>。垂直位置可以通过<code>y</code>选项进一步调整。</p>\r\n\r\n<p>若图例对齐到角落位置,<code>layout</code>选项将决定图例展现在绘图区域的上侧或下侧。</p>",
    "option.text.legend.y": "垂直偏移",
    "option.tooltip.legend.y": "图例相较于它的对齐的偏移量(像素)",
    "option.text.legend.floating": "在绘图区域内显示",
    "option.tooltip.legend.floating": "若勾选,则绘图区域不会考虑图例,且绘图可能覆盖图例。",
    "option.text.legend.itemStyle": "文本样式",
    "option.tooltip.legend.itemStyle": "每个图例项的CSS样式。仅支持CSS的一个子集,特别是和文本相关的选项。",
    "option.text.legend.itemHiddenStyle": "隐藏时文本样式",
    "option.tooltip.legend.itemHiddenStyle": "若系列或点隐藏了,其相关的图例项的CSS样式。仅支持CSS的一个子集,特别是和文本相关的选项。除非此处配置,否则属性从<code>style</code>继承。",
    "option.text.legend.backgroundColor": "背景颜色",
    "option.tooltip.legend.backgroundColor": "图例的背景颜色。",
    "option.text.legend.borderWidth": "边框宽度",
    "option.tooltip.legend.borderWidth": "图例边框的宽度。",
    "option.text.legend.borderRadius": "边框角半径",
    "option.tooltip.legend.borderRadius": "图例的边框角半径。",
    "option.text.legend.borderColor": "边框颜色",
    "option.tooltip.legend.borderColor": "图例边框的颜色。",
    "option.text.tooltip.enabled": "启用提示",
    "option.tooltip.tooltip.enabled": "是否启用提示。提示指的是当鼠标悬停或者触摸一个点时显示的信息框。",
    "option.text.tooltip.shared": "系列间共享",
    "option.tooltip.tooltip.shared": "若勾选,整个绘图区域将捕获鼠标移动或者触摸事件。具有有序数据的系列(非饼图、散点图等)的提示信息将在同一个信息框中展现。推荐对于单系列以及为移动设备优化的图表启用。",
    "option.text.tooltip.backgroundColor": "背景颜色",
    "option.tooltip.tooltip.backgroundColor": "提示框的背景颜色",
    "option.text.tooltip.borderWidth": "边框宽度",
    "option.tooltip.tooltip.borderWidth": "<p>提示边框的宽度(像素)。</p>\r\n\r\n<p>In <a href=\"http://www.highcharts.com/docs/chart-design-and-style/style-by-css\">styled mode</a>, the stroke width is set in the <code>.highcharts-tooltip-box</code> class.</p>",
    "option.text.tooltip.borderRadius": "边框角半径",
    "option.tooltip.tooltip.borderRadius": "提示框的边框角半径。",
    "option.text.tooltip.borderColor": "边框颜色",
    "option.tooltip.tooltip.borderColor": "提示框边框颜色。若不设置,则使用与之关联的系列的颜色。",
    "option.text.exporting.enabled": "启用导出",
    "option.tooltip.exporting.enabled": "若勾选,则启用图表右上角的上下文按钮以允许终端用户以不同格式下载图表。",
    "option.text.exporting.sourceWidth": "导出宽度",
    "option.tooltip.exporting.sourceWidth": "导出时原图的宽度。导出后的图片宽度(像素)等于该值乘以<em>缩放因子</em>。",
    "option.text.exporting.scale": "缩放因子",
    "option.tooltip.exporting.scale": "导出时的缩放因子. 若宽度已经设置,则该设置无效。",
    "option.text.lang.decimalPoint": "小数点",
    "option.tooltip.lang.decimalPoint": "所有数字使用的小数点",
    "option.text.lang.thousandsSep": "千位分隔符",
    "option.tooltip.lang.thousandsSep": "所有数字使用的千位分隔符",
    "option.text.lang.contextButtonTitle": "上下文按钮标题",
    "option.tooltip.lang.contextButtonTitle": "导出模块菜单。包含打印和导出菜单项的提示框标题。",
    "option.text.lang.printChart": "打印图表",
    "option.tooltip.lang.printChart": "仅用于导出模块。打印图表菜单项的文本内容。",
    "option.text.lang.downloadPNG": "下载PNG",
    "option.tooltip.lang.downloadPNG": "仅用于导出模块。PNG下载菜单项的文本内容。",
    "option.text.lang.downloadJPEG": "下载JPEG",
    "option.tooltip.lang.downloadJPEG": "仅用于导出模块。JPEG下载菜单项的文本内容。",
    "option.text.lang.downloadPDF": "下载PDF",
    "option.tooltip.lang.downloadPDF": "仅用于导出模块。PDF下载菜单项的文本内容。",
    "option.text.lang.downloadSVG": "下载SVG",
    "option.tooltip.lang.downloadSVG": "仅用于导出模块。SVG下载菜单项的文本内容。",
    "option.text.lang.resetZoom": "重置缩放按钮",
    "option.tooltip.lang.resetZoom": "图表被缩放时展现的标签文本内容。",
    "option.text.credits.enabled": "启用著作权信息",
    "option.tooltip.credits.enabled": "是否显示著作权信息",
    "option.text.credits.text": "著作权信息",
    "option.tooltip.credits.text": "著作权标签文本内容。",
    "option.text.credits.href": "链接",
    "option.tooltip.credits.href": "著作权标签的URL"
    }
  });
  
  /*******************************************************************************
  
  Copyright (c) 2016-2018, Highsoft
  
  Permission is hereby granted, free of charge, to any person obtaining
  a copy of this software and associated documentation files (the
  "Software"), to deal in the Software without restriction, including
  without limitation the rights to use, copy, modify, merge, publish,
  distribute, sublicense, and/or sell copies of the Software, and to
  permit persons to whom the Software is furnished to do so, subject to
  the following conditions:
  
  The above copyright notice and this permission notice shall be
  included in all copies or substantial portions of the Software.
  
  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
  EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
  MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
  IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY
  CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT,
  TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
  SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
  
  ******************************************************************************/
  
  // @format
  
  /** Namespace for DOM helper functions
   * @ignore
   */
  highed.dom = {
    /** Check if a node is visible
       *  @namespace highed.dom
       *  @param node {domnode} - the node to check
       */
    isVisible: function(node) {
      var style = window.getComputedStyle(node);
      return style.display !== 'none';
    },
  
    /** Append a set of nodes to another node.
       * Arguments supplied after the @param {} target represents the children to append.
       * @namespace highed.dom
       * @param target {object} - the node to append to
       * @return {domnode} - the target
       */
    ap: function(target) {
      var children = Array.prototype.slice.call(arguments);
      children.splice(0, 1);
  
      target = highed.dom.get(target);
  
      if (!highed.isNull(target) && typeof target.appendChild !== 'undefined') {
        children.forEach(function(child) {
          if (highed.isArr(child)) {
            child.forEach(function(sc) {
              highed.dom.ap(target, sc);
            });
          } else if (
            typeof child !== 'undefined' &&
            typeof child.appendChild !== 'undefined'
          ) {
            target.appendChild(child);
          } else if (child !== false) {
            highed.log(1, 'child is not valid (highed.dom.ap)');
          }
        });
      } else {
        highed.log(1, 'target is not a valid DOM node (highed.dom.ap)');
      }
  
      return target;
    },
  
    /** Create a set of options for a select
       * @namespace highed.dom
       * @param select {HTMLSelect} - the dropdown to add options to
       * @param options {(array|object)} - the options as an array or as an object keyed on ID
       * @param selected {number} - the index of the selected option
       */
    options: function(select, options, selected) {
      if (highed.isNull(options)) {
      } else if (highed.isArr(options)) {
        options.forEach(function(option) {
          highed.dom.ap(select, highed.dom.cr('option', '', option, option));
        });
  
        if (selected) {
          select.selectedIndex = selected;
        }
      } else if (highed.isStr(options)) {
        try {
          highed.dom.options(select, JSON.parse(options));
        } catch (e) {
          highed.log(e + ' in highed.options (json parser)');
        }
      } else {
        Object.keys(options).forEach(function(key) {
          highed.dom.ap(select, highed.dom.cr('option', '', options[key], key));
        });
      }
    },
  
    /** Show a node when another is hovered
       * @namespace highed.dom
       * @param parent {object} - the node to listen for the hover on
       * @param child {object} - the node to show when the parent is hovered
       */
    showOnHover: function(parent, child) {
      if (highed.isArr(child)) {
        child.forEach(function(c) {
          highed.dom.showOnHover(parent, c);
        });
        return;
      }
  
      highed.dom.on(parent, 'mouseover', function() {
        highed.dom.style(child, {
          //display: 'block',
          opacity: 1,
          //  background: 'rgba(46, 46, 46, 0.85)',
          'pointer-events': 'auto'
        });
      });
  
      highed.dom.on(parent, 'mouseout', function() {
        highed.dom.style(child, {
          //display: 'none',
          opacity: 0,
          //background: 'rgba(0, 0, 0, 0)',
          'pointer-events': 'none'
        });
      });
    },
  
    /** Create a new HTML node
       * @namespace highed.dom
       * @param type {string} - the type of node to create
       * @param cssClass {string} (optional) - the css class to use for the node
       * @param innerHTML {string} (optional) - the inner html of the new node
       * @param id {string} (optional) - the id of the new node
       *
       * @return {domnode} - the new dom node
       */
    cr: function(type, cssClass, innerHTML, id) {
      var res = false;
  
      if (typeof type !== 'undefined') {
        res = document.createElement(type);
  
        if (typeof cssClass !== 'undefined') {
          res.className = cssClass;
        }
        if (typeof innerHTML !== 'undefined' && typeof innerHTML !== 'object') {
          res.innerHTML = innerHTML;
        }
  
        if (typeof id !== 'undefined') {
          res.id = id;
        }
      } else {
        highed.log(1, 'no node type supplied (highed.dom.cr');
      }
  
      return res;
    },
  
    /** Style a node
       * @namespace highed.dom
       * @param nodes {(object|array)}  - the node to style. Can also be an array
       * @param style {object} - object containing style properties
       *
       * @return {anything} - whatever was supplied to @param {} nodes
       */
    style: function(nodes, style) {
      if (highed.isArr(nodes)) {
        nodes.forEach(function(node) {
          highed.dom.style(node, style);
        });
        return nodes;
      }
  
      if (nodes && nodes.style) {
        Object.keys(style).forEach(function(p) {
          nodes.style[p] = style[p];
        });
        return nodes;
      }
      return false;
    },
  
    /** Attach an event listener to a dom node
       * @namespace highed.dom
       * @param target {object} - the dom node to attach to
       * @param event {string} - the event to listen for
       * @param callback {function} - the function to call when the event is emitted
       * @param context {object} (optional) - the context of the callback function
       *
       * @return {function} - a function that can be called to unbind the handler
       */
    on: function(target, event, callback, context) {
      var s = [];
  
      if (!target) {
        return function() {};
      }
  
      if (highed.isArr(event)) {
        event.forEach(function(event) {
          s.push(highed.dom.on(target, event, callback, context));
        });
  
        return function() {
          s.forEach(function(f) {
            f();
          });
        };
      }
  
      if (target === document.body && event === 'resize') {
        //Need some special magic here eventually.
      }
  
      if (target && target.forEach) {
        target.forEach(function(t) {
          s.push(highed.dom.on(t, event, callback));
        });
      }
  
      if (s.length > 0) {
        return function() {
          s.forEach(function(f) {
            f();
          });
        };
      }
  
      function actualCallback() {
        if (highed.isFn(callback)) {
          return callback.apply(context, arguments);
        }
        return;
      }
  
      if (target.addEventListener) {
        target.addEventListener(event, actualCallback, false);
      } else {
        target.attachEvent('on' + event, actualCallback, false);
      }
  
      return function() {
        if (window.removeEventListener) {
          target.removeEventListener(event, actualCallback, false);
        } else {
          target.detachEvent('on' + event, actualCallback);
        }
      };
    },
  
    nodefault: function(e) {
      e.cancelBubble = true;
      e.preventDefault();
      e.stopPropagation();
      e.stopImmediatePropagation();
      return false;
    },
  
    /** Get or set the value of a node
       * @namespace highed.dom
       * @param node {object} - the node to get the value of
       * @param value {(string|bool|number)} (optional) - the value to set
       * @return {anything} - the value
       */
    val: function(node, value) {
      if (node.tagName === 'SELECT') {
        if (node.selectedIndex >= 0) {
          if (!highed.isNull(value)) {
            for (var i = 0; i < node.options.length; i++) {
              if (node.options[i].id === value) {
                node.selectedIndex = i;
                break;
              }
            }
          }
          return node.options[node.selectedIndex].id;
        }
      } else if (node.tagName === 'INPUT') {
        if (node.type === 'checkbox') {
          if (!highed.isNull(value)) {
            node.checked = highed.toBool(value);
          }
          return node.checked;
        }
        if (!highed.isNull(value)) {
          node.value = value;
        }
        return node.value;
      } else {
        if (!highed.isNull(value)) {
          node.innerHTML = value;
        }
        return node.innerText;
      }
  
      return false;
    },
  
    /** Get the size of a node
       * @namespace highed.dom
       * @param node {object} - the node to get the size of
       * @return {object} - the size as an object `{w, h}`
       */
    size: function(node) {
      return {
        w: node.clientWidth,
        h: node.clientHeight
      };
    },
  
    /** Get the position of a node
       * @namespace highed.dom
       * @param node {object} - the node to get the position of
       * @param abs {boolean} - absolute calculation rather than parent relative
       * @return {object} - the position as an object `{x, y}`
       */
    pos: function(node, abs) {
      var x = 0,
        y = 0;
  
      if (abs) {
        var b = node.getBoundingClientRect();
        
        return {
          x: b.left + (window.scrollX || 0),
          y: b.top + (window.scrollY || 0)
        };
      }
  
      return {
        x: node.offsetLeft,
        y: node.offsetTop
      };
    },
  
    /** Find a node
       * @namespace highed.dom
       * @param node {object} - the node to find. Either a string or an actual node instance
       * @return {object} - the node or false if the node was not found
       */
    get: function(node) {
      if (node && node.appendChild) {
        return node;
      }
      return document.getElementById(node) || false;
    }
  };
  
  /******************************************************************************
  
  Copyright (c) 2016-2018, Highsoft
  
  Permission is hereby granted, free of charge, to any person obtaining
  a copy of this software and associated documentation files (the
  "Software"), to deal in the Software without restriction, including
  without limitation the rights to use, copy, modify, merge, publish,
  distribute, sublicense, and/or sell copies of the Software, and to
  permit persons to whom the Software is furnished to do so, subject to
  the following conditions:
  
  The above copyright notice and this permission notice shall be
  included in all copies or substantial portions of the Software.
  
  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
  EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
  MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
  IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY
  CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT,
  TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
  SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
  
  ******************************************************************************/
  
  // @format
  
  /** Event dispatcher object
   *  Constructs an instance of an event dispatcher when called.
   *  @constructor
   *  @example
   *  var events = highed.events();
   *  events.on('foobar', function () {console.log('Hello world!')});
   *  events.emit('foobar');
   */
  highed.events = function() {
    var callbacks = {},
      listenerCounter = 0;
  
    /** Listen to an event
        * @memberof highed.events
        * @param event {string} - the event to listen for
        * @param callback {function} - the function to call when the event is emitted
        * @param context {anything} - the calling context (`this` reference) for the callback
        * @returns {function} - function that can be called to unbind the listener
        */
    function on(event, callback, context) {
      var id = ++listenerCounter;
  
      if (highed.isArr(callback)) {
        return callback.forEach(function(cb) {
          on(event, cb, context);
        });
      }
  
      callbacks[event] = callbacks[event] || [];
  
      callbacks[event].push({
        id: id,
        fn: callback,
        context: context
      });
  
      return function() {
        callbacks[event] = callbacks[event].filter(function(e) {
          return e.id !== id;
        });
      };
    }
  
    return {
      on: on,
  
      /** Emit an event
           * Note that the function accepts a variable amount of arguments. Any arguments after the event name will be passed on to any event listeners attached to the event being emitted.
           * @memberof highed.events
           * @param event {string} - the event to emit
           * @return {number} - The number of events dispatched
           */
      emit: function(event) {
        var args = Array.prototype.slice.call(arguments);
        args.splice(0, 1);
  
        if (typeof callbacks[event] !== 'undefined') {
          callbacks[event].forEach(function(event) {
            if (highed.isFn(event.fn)) {
              event.fn.apply(event.context, args);
            }
          });
  
          return callbacks[event].length;
        }
        return 0;
      }
    };
  };
  
  /******************************************************************************
  
  Copyright (c) 2016-2018, Highsoft
  
  Permission is hereby granted, free of charge, to any person obtaining
  a copy of this software and associated documentation files (the
  "Software"), to deal in the Software without restriction, including
  without limitation the rights to use, copy, modify, merge, publish,
  distribute, sublicense, and/or sell copies of the Software, and to
  permit persons to whom the Software is furnished to do so, subject to
  the following conditions:
  
  The above copyright notice and this permission notice shall be
  included in all copies or substantial portions of the Software.
  
  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
  EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
  MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
  IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY
  CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT,
  TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
  SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
  
  ******************************************************************************/
  
  // @format
  
  /**
   * @ignore
   */
  highed.ready(function() {
    var uploader = highed.dom.cr('input'),
      cb = false;
  
    uploader.type = 'file';
    uploader.accept = '.csv';
  
    highed.dom.ap(document.body, uploader);
  
    highed.dom.style(uploader, {
      display: 'none'
    });
  
    /** Upload and parse a local file
    *  Borrowed from almostvanilla which is licensed under MIT.
    *  @param props {object} - the upload settings
    *     > type {string} - the type of data to load
    *     > accept {string} - the accepted file extensions
    *     > multiple {boolean} - allow multiple files
    *     > progress {function} - progress callback
    *       > {number} - the progress in percent
    *     > success {function} - function called when the file is uploaded
    *       > {object} - the file information
    *         > filename {string} - the name of the file
    *         > size {number} - the size of the file in bytes
    *         > data {string} - the file data
    */
    highed.readLocalFile = function(props) {
      var p = highed.merge(
        {
          type: 'text',
          multiple: false,
          accept: '.csv'
        },
        props
      );
  
      uploader.accept = p.accept;
  
      if (highed.isFn(cb)) {
        cb();
      }
  
      cb = highed.dom.on(uploader, 'change', function() {
        function crReader(file) {
          var reader = new FileReader();
  
          reader.onloadstart = function(evt) {
            if (highed.isFn(p.progress)) {
              p.progress(Math.round(evt.loaded / evt.total * 100));
            }
          };
  
          reader.onload = function(event) {
            var data = reader.result;
  
            if (p.type === 'json') {
              try {
                data = JSON.parse(data);
              } catch (e) {
                if (highed.isFn(p.error)) {
                  p.error(e);
                }
              }
            }
  
            if (highed.isFn(p.success)) {
              p.success({
                filename: file.name,
                size: file.size,
                data: data
              });
            }
          };
  
          return reader;
        }
  
        for (var i = 0; i < uploader.files.length; i++) {
          if (!p.type || p.type === 'text' || p.type === 'json') {
            crReader(uploader.files[i]).readAsText(uploader.files[i]);
          } else if (p.type === 'binary') {
            crReader(uploader.files[i]).readAsBinaryString(uploader.files[i]);
          } else if (p.type === 'b64') {
            crReader(uploader.files[i]).readAsDataURL(uploader.files[i]);
          }
        }
        cb();
        uploader.value = '';
      });
  
      uploader.multiple = p.multiple;
  
      uploader.click();
    };
  });
  
  /******************************************************************************
  
  Copyright (c) 2016-2018, Highsoft
  
  Permission is hereby granted, free of charge, to any person obtaining
  a copy of this software and associated documentation files (the
  "Software"), to deal in the Software without restriction, including
  without limitation the rights to use, copy, modify, merge, publish,
  distribute, sublicense, and/or sell copies of the Software, and to
  permit persons to whom the Software is furnished to do so, subject to
  the following conditions:
  
  The above copyright notice and this permission notice shall be
  included in all copies or substantial portions of the Software.
  
  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
  EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
  MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
  IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY
  CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT,
  TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
  SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
  
  ******************************************************************************/
  
  // @format
  
  highed.templates = {};
  
  (function() {
    /* Templates */
    var templates = {},
        mostPopularTemplates = {};
  
    /** Install a new template
       *
       *  @example
       *  highed.installTemplate('custom', {
       *      title: 'My company template',
       *      tooltipText: 'Company template: requires no particular data',
       *      config: {
       *           'chart--title': 'Company Chart'
       *      }
       *  });
       *
       *  @param type {string} - template type: `line area column bar scatter pie polar stock`
       *  @param def {object} - the template definition
       *    > title {string} - the template title
       *    > config {object} - the highcharts attributes
       *    > tooltipText {string} - the tooltip text
       */
    highed.templates.add = function(type, def) {
      var properties = highed.merge(
        {
          title: '',
          description: '',
          constructor: '',
          thumbnail: '',
          icon: '',
          sampleSets: [],
          validator: false,
          config: {}
        },
        def
      );
  
      if (!highed.isBasic(type)) {
        return false;
      }
  
      templates[type] = templates[type] || {
        description: '',
        icon: '',
        sampleData: [],
        templates: {}
      };
  
      if (properties.title.length) {
        if (properties.popular) {
          properties.parent = type;
          mostPopularTemplates[type] = properties;
        }
  
        if (properties.icon) templates[type].icon = properties.icon;
        templates[type].templates[properties.title] = properties;
        highed.log(4, '[templateman] - added template', properties.title);
        return true;
      }
  
      return false;
    };
  
    /**
       * Do something for each template
       * @param fn {function} - the callback
       */
    highed.templates.each = function(fn) {
      if (highed.isFn(fn)) {
        Object.keys(templates).forEach(function(cat) {
          Object.keys(templates[cat].templates).forEach(function(id) {
            fn(cat, templates[cat].templates[id]);
          });
        });
      }
    };
  
    /**
       * Do something for each template within a given category
       * @param cat {string} - the category to filter by
       * @param fn {function} - the callback
       */
    highed.templates.eachInCategory = function(cat, fn) {
      if (highed.isFn(fn) && templates[cat]) {
        Object.keys(templates[cat].templates).forEach(function(id) {
          fn(templates[cat].templates[id]);
        });
      }
    };
  
    /**
       * Get a reference to the templates within a given category
       */
    highed.templates.getAllInCat = function(cat) {
      return templates[cat] ? templates[cat].templates : false;
    };
  
    /**
       * Get category meta
       */
    highed.templates.getCatInfo = function(cat) {
      return highed.merge(
        {
          id: cat
        },
        templates[cat] || {}
      );
    };
  
  
    highed.templates.getMostPopular = function() {
      return mostPopularTemplates;
    }
  
    /**
       * Get a list of id/title pairs for templates
       */
    highed.templates.getCatArray = function() {
      return Object.keys(templates).map(function(cat) {
        return {
          id: cat,
          title: cat,
          icon: templates[cat].icon
        };
      });
    };
  
    /**
       * Add meta information to a category
       */
    highed.templates.addCategory = function(id, meta) {
      templates[id] = templates[id] || {
        templates: {}
      };
  
      highed.merge(templates[id], meta, false, { templates: 1 });
    };
  
    /**
       * Do something with each category
       * @param fn {function} - the callback
       */
    highed.templates.eachCategory = function(fn) {
      if (highed.isFn(fn)) {
        Object.keys(templates).forEach(function(id) {
          fn(id, templates[id]);
        });
      }
    };
  
    /** Flush templates */
    highed.templates.flush = function() {
      templates = {};
    };
  
    /** Add a new template type
       *  If the type already exists, nothing will happen
       *
       *  @example
       *  highed.addTemplateType('custom', 'My company templates');
       *
       *  @param type {string} - the type id
       *  @param title {string} - the title as it appears in the category list
       */
    highed.templates.addType = function(type, title) {
      if (typeof templates === 'undefined') {
        templates = {};
      }
  
      if (typeof templates[type] === 'undefined') {
        templates[type] = {
          title: title,
          templates: {}
        };
      }
    };
  
    /** Add a set of templates
        * @example
        * highed.installMultipleTemplates([
        *   {type: 'line', template: {title: 'My Line Template', config: {}}}
        * ]);
        *
        * @param templates {array} - an array of templates
        *
        */
    highed.templates.addMultiple = function(templates) {
      if (typeof templates === 'undefined') {
        templates = {};
      }
  
      if (highed.isArr(templates)) {
        templates.forEach(function(template) {
          if (template.type && template.template) {
            highed.installTemplate(template.type, template.template);
          }
        });
      }
    };
  })();
  
  /******************************************************************************
  
  Copyright (c) 2016-2018, Highsoft
  
  Permission is hereby granted, free of charge, to any person obtaining
  a copy of this software and associated documentation files (the
  "Software"), to deal in the Software without restriction, including
  without limitation the rights to use, copy, modify, merge, publish,
  distribute, sublicense, and/or sell copies of the Software, and to
  permit persons to whom the Software is furnished to do so, subject to
  the following conditions:
  
  The above copyright notice and this permission notice shall be
  included in all copies or substantial portions of the Software.
  
  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
  EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
  MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
  IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY
  CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT,
  TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
  SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
  
  ******************************************************************************/
  
  // @format
  
  // There be dragons here...
  (function() {
    var hasTransformedAdvanced = false;
  
    /**
       * Merges/extends advanced meta
       *  1. Find the source
       *  2. If source is also extending:
       *      2a. Recursively merge source
       *  3. Remove the extends attribute from target
       *  4. Merge source children
       */
    function mergeAdv(superset, dest, src, trigger) {
      var path = src.split('.'),
        current = superset,
        seriesNames = {
          pie: true,
          line: true
        };
  
      // console.log(
      //     'extending',
      //     (dest.meta.ns ? dest.meta.ns + '.' : '') + dest.meta.name,
      //     'with',
      //     src
      // );
  
      path.some(function(p) {
        if (current.subtree[p]) {
          current = current.subtree[p];
        } else {
          // console.log(
          //     'unable to resolve path for merge:',
          //     src,
          //     'from',
          //     dest.meta.name
          // );
  
          current = false;
          return true;
        }
      });
  
      // Stop from trying to extend this multiple times
      dest.meta.extends = dest.meta.extends.replace(src, '');
  
      if (current) {
        // Extend the source if needed
        extend(superset, current);
  
        // Unfortunatly we need to take series into special consideration
        // until we have a more robust way of handling its meta
        if (trigger && trigger.indexOf('series') === 0) {
          Object.keys(current.subtree || {}).forEach(function(key) {
            dest.subtree[key] =
              dest.subtree[key] || highed.merge({}, current.subtree[key]);
            dest.subtree[key].meta.validFor =
              dest.subtree[key].meta.validFor || {};
  
            if (
              dest.meta.excludes &&
              Object.keys(dest.meta.excludes).length > 0
            ) {
              dest.subtree[key].meta.validFor[current.meta.name] = !dest.meta
                .excludes[key];
            } else {
              dest.subtree[key].meta.validFor[current.meta.name] = 1;
            }
          });
  
        } else if ((trigger && trigger.indexOf('plotOptions') === 0) || dest.meta.ns === undefined) {
          if (!dest.meta.validFor) dest.meta.validFor = {};
          dest.meta.validFor[dest.meta.name] = 1;
  
          if (dest.meta.ns === undefined) {
            highed.merge(dest.subtree, current.subtree, false, dest.meta.excludes);
          } else {
            Object.keys(current.subtree || {}).forEach(function(key) {
              dest.subtree[key] =
                dest.subtree[key] || highed.merge({}, current.subtree[key]);
              dest.subtree[key].meta.validFor =
                dest.subtree[key].meta.validFor || {};
    
              if (
                dest.meta.excludes &&
                Object.keys(dest.meta.excludes).length > 0
              ) {
                dest.subtree[key].meta.validFor[current.meta.name] = !dest.meta
                  .excludes[key];
              } else {
                dest.subtree[key].meta.validFor[current.meta.name] = 1;
              }
            }); 
          }
  
        } else {
          // Do actual extending
          highed.merge(dest.subtree, current.subtree, false, dest.meta.excludes);
        }
      }
    }
  
    /**
        * Extend a node
        */
    function extend(superset, node, trigger) {
      if (trigger === undefined) {
        if (node.meta.ns && node.meta.ns === "plotOptions") {
          trigger = 'plotOptions';
        }
      }
      if (node.meta.extends && node.meta.extends.length > 0) {
        node.meta.extends = node.meta.extends.replace('{', '').replace('}', '');
        if (trigger === 'series') {
          node.meta.extends += ',plotOptions.line';
        }
        
        node.meta.extends.split(',').forEach(function(part) {
          if (part && part.length > 0) {
            mergeAdv(superset, node, part.trim(), trigger);
          }
        });
      }
    }
  
    /**
       * Transform the tree
       * - merges
       * - arrifies
       * - sorts
       *
       * Duplicating children is faster than arrifying and replacing
       *
       */
    function transformAdv(input, onlyOnce) {
      var res;
      
      if (onlyOnce && hasTransformedAdvanced) {
        return input;
      }
  
      function visit(node, pname) {
        var children = (node.subtree = node.subtree || {});
        
        node.meta = node.meta || {};
        node.meta.default = node.meta.default;
        node.meta.ns = pname;
        node.children = [];
  
        // Take care of merging
        extend(input, node, (pname ? pname + '.' : '') + node.meta.name);
  
        node.meta.hasSubTree = false;
  
        node.children = [];
  
        Object.keys(children).forEach(function(child) {
          if (Object.keys(children[child].subtree).length > 0) {
            node.meta.hasSubTree = true;
          }
  
          node.children.push(
            visit(
              children[child],
              (pname ? pname + '.' : '') + (node.meta.name || '')
            )
          );
        });
  
        node.children.sort(function(a, b) {
          return a.meta.name.localeCompare(b.meta.name);
        });
  
        if (node.children.length === 0) {
          node.meta.leafNode = true;
        }
  
        return node;
      }
  
      // console.time('tree transform');
      res = visit(input);
      // console.timeEnd('tree transform');
  
      return res;
    }
  
    // Removes all empty objects and arrays from the input object
    function removeBlanks(input) {
      function rewind(stack) {
        if (!stack || stack.length === 0) return;
  
        var t = stack.pop();
  
        if (Object.keys(t).length === 0) {
          rewind(stack);
        } else {
          Object.keys(t || {}).forEach(function(key) {
            var child = t[key];
  
            if (key[0] === '_') {
              delete t[key];
            } else if (
              child &&
              !highed.isBasic(child) &&
              !highed.isArr(child) &&
              Object.keys(child).length === 0
            ) {
              delete t[key];
            } else if (highed.isArr(child) && child.length === 0) {
              delete t[key];
            } else if (highed.isArr(child)) {
              child = child.map(function(sub) {
                return removeBlanks(sub);
              });
            }
          });
        }
  
        rewind(stack);
      }
  
      function visit(node, parentStack) {
        parentStack = parentStack || [];
  
        if (node) {
          if (parentStack && Object.keys(node).length === 0) {
            rewind(parentStack.concat([node]));
          } else {
            Object.keys(node).forEach(function(key) {
              var child = node[key];
              if (key[0] === '_') {
                rewind(parentStack.concat([node]));
              } else if (!highed.isBasic(child) && !highed.isArr(child)) {
                visit(child, parentStack.concat([node]));
              }
            });
          }
        }
      }
  
      visit(input);
      return input;
    }
  
    highed.transform = {
      advanced: transformAdv,
      remBlanks: removeBlanks
    };
  })();
  
  /*******************************************************************************
  
  Copyright (c) 2016-2018, Highsoft
  
  Permission is hereby granted, free of charge, to any person obtaining
  a copy of this software and associated documentation files (the
  "Software"), to deal in the Software without restriction, including
  without limitation the rights to use, copy, modify, merge, publish,
  distribute, sublicense, and/or sell copies of the Software, and to
  permit persons to whom the Software is furnished to do so, subject to
  the following conditions:
  
  The above copyright notice and this permission notice shall be
  included in all copies or substantial portions of the Software.
  
  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
  EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
  MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
  IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY
  CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT,
  TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
  SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
  
  ******************************************************************************/
  
  // @format
  
  (function() {
    // Samples, keyed on ID
    var samples = {};
  
    highed.samples = {
      /**
           * Add a sample to the sample collection
           *
           * This should be linked to templates too,
           * both in the sense that templates should have a list of
           * ID's for suitable sample data, and in the sense that
           * when displaying sample data it should display what kind of
           * chart types the data is valid for.
           *
           * The latter can be done automatically by cross-checking templates.
           *
           * @param {object} sample - the sample definition
           *    > id {anything} - the ID of the sample
           *    > title {anything} - the sample title
           *    > description {string} - the sample description
           *    > dataset {array<array<object>>} - the sample data
           *    > suitableSeries {object} - the kind of series this is suitable for
           */
      add: function(sample) {
        var options = highed.merge(
          {
            title: 'Untitled Sample',
            description: 'Untitled Sample',
            dataset: [],
            suitableSeries: false,
            products: false
          },
          sample
        );
  
        if (options.id && !samples[options.id]) {
          samples[options.id] = options;
          return true;
        }
  
        return false;
      },
  
      /**
           * Do something for each sample
           * @param fn {function} - the callback
           * @param productFilter {string} - the product(s) to include (optional)
           * @param typeFilter {string} - the series type(s) to include (optional)
           */
      each: function(fn, productFilter, typeFilter) {
        if (highed.isFn(fn)) {
          Object.keys(samples).forEach(function(id) {
            fn(samples[id]);
          });
        }
      },
  
      /**
           * Get a single sample set
           * @param id {string} - the id of the sample set to get
           * @returns {sample|false} - false if 404, sample if found
           */
      get: function(id) {
        return samples[id] || false;
      }
    };
  })();
  
  /*******************************************************************************
  
  Copyright (c) 2016-2018, Highsoft
  
  Permission is hereby granted, free of charge, to any person obtaining
  a copy of this software and associated documentation files (the
  "Software"), to deal in the Software without restriction, including
  without limitation the rights to use, copy, modify, merge, publish,
  distribute, sublicense, and/or sell copies of the Software, and to
  permit persons to whom the Software is furnished to do so, subject to
  the following conditions:
  
  The above copyright notice and this permission notice shall be
  included in all copies or substantial portions of the Software.
  
  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
  EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
  MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
  IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY
  CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT,
  TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
  SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
  
  ******************************************************************************/
  
  // @format
  
  /* Keeps track of validations */
  
  (function() {
    // Keyed on ID
    var validators = {};
  
    highed.validators = {
      /**
           * Add a validator
           * @param id {string} - the id
           * @param fn {function} - the validator function
           */
      add: function(id, fn) {
        if (id && !validators[id] && highed.isFn(fn)) {
          validators[id] = fn;
          return true;
        }
  
        return false;
      },
  
      /**
           * Execute a validator
           * @param id {string} - the id of the validator
           * @param chart {Chart} - the charts whose data to validate
           * @return {boolean} - true if valid
           */
      validate: function(id, chart) {
        return validators[id] ? validators[id](chart) : true;
      }
    };
  })();
  
  /*******************************************************************************
  
  Copyright (c) 2017-2018, Highsoft
  
  Permission is hereby granted, free of charge, to any person obtaining
  a copy of this software and associated documentation files (the
  "Software"), to deal in the Software without restriction, including
  without limitation the rights to use, copy, modify, merge, publish,
  distribute, sublicense, and/or sell copies of the Software, and to
  permit persons to whom the Software is furnished to do so, subject to
  the following conditions:
  
  The above copyright notice and this permission notice shall be
  included in all copies or substantial portions of the Software.
  
  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
  EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
  MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
  IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY
  CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT,
  TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
  SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
  
  *******************************************************************************/
  
  // @format
  
  (function() {
    var token = false,
      url = highed.option('cloudAPIURL');
  
    // Set up namespace for the cloud API
    highed.cloud = {};
  
    highed.cloud.isLoggedIn = function() {
      return token !== false;
    };
  
    highed.cloud.login = function(username, password, fn) {
      url = highed.option('cloudAPIURL');
  
      highed.ajax({
        url: url + 'login',
        type: 'post',
        data: {
          username: username,
          password: password
        },
        success: function(data) {
          if (data && data.token) {
            token = data.token;
          }
          return highed.isFn(fn) && fn(typeof data.token === 'undefined', data);
        },
        error: function(err) {
          return highed.isFn(fn) && fn(err);
        }
      });
    };
  
    highed.cloud.getTeams = function(fn) {
      url = highed.option('cloudAPIURL');
  
      highed.ajax({
        url: url + 'teams',
        type: 'get',
        headers: {
          'X-Auth-Token': token
        },
        success: function(data) {
          if (data.error) {
            return highed.snackBar(data.message);
          }
          return highed.isFn(fn) && fn(data);
        }
      });
    };
  
    highed.cloud.getCharts = function(teamID, fn, page) {
      url = highed.option('cloudAPIURL');
  
      highed.ajax({
        url: url + 'team/' + teamID + '/charts/' + '?page=' + page,
        type: 'get',
        headers: {
          'X-Auth-Token': token
        },
        success: function(data) {
          if (data.error) {
            return highed.snackBar(data.message);
          }
          return highed.isFn(fn) && fn(data.data, data);
        }
      });
    };
  
    highed.cloud.getChart = function(teamID, chartID, fn) {
      url = highed.option('cloudAPIURL');
  
      highed.ajax({
        url: url + 'team/' + teamID + '/chart/' + chartID,
        type: 'get',
        headers: {
          'X-Auth-Token': token
        },
        success: function(data) {
          if (data.error) {
            return highed.snackBar(data.message);
          }
          return highed.isFn(fn) && fn(data);
        }
      });
    };
  
    highed.cloud.saveExistingChart = function(teamID, chartID, chart, fn) {
      url = highed.option('cloudAPIURL');
  
      highed.ajax({
        url: url + 'team/' + teamID + '/chart/' + chartID,
        type: 'post',
        headers: {
          'X-Auth-Token': token
        },
        data: {
          data: chart
        },
        success: function(data) {
          if (data.error) {
            return highed.snackbar(data.message);
          }
          return highed.isFn(fn) && fn(data);
        }
      });
    };
  
    highed.cloud.saveNewChart = function(teamID, name, chart, fn) {
      url = highed.option('cloudAPIURL');
  
      highed.ajax({
        url: url + 'team/' + teamID + '/chart',
        type: 'post',
        headers: {
          'X-Auth-Token': token
        },
        data: {
          name: name,
          data: chart
        },
        success: function(data) {
          if (data.error) {
            return highed.snackbar(data.message);
          }
          return highed.isFn(fn) && fn(data);
        }
      });
    };
  })();
  
  /******************************************************************************
  
  Copyright (c) 2016-2018, Highsoft
  
  Permission is hereby granted, free of charge, to any person obtaining
  a copy of this software and associated documentation files (the
  "Software"), to deal in the Software without restriction, including
  without limitation the rights to use, copy, modify, merge, publish,
  distribute, sublicense, and/or sell copies of the Software, and to
  permit persons to whom the Software is furnished to do so, subject to
  the following conditions:
  
  The above copyright notice and this permission notice shall be
  included in all copies or substantial portions of the Software.
  
  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
  EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
  MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
  IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY
  CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT,
  TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
  SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
  
  ******************************************************************************/
  
  // @format
  
  (function() {
    var events = highed.events();
    highed.on = events.on;
    highed.emit = events.emit;
  })();
  
  /******************************************************************************
  
  Copyright (c) 2016-2018, Highsoft
  
  Permission is hereby granted, free of charge, to any person obtaining
  a copy of this software and associated documentation files (the
  "Software"), to deal in the Software without restriction, including
  without limitation the rights to use, copy, modify, merge, publish,
  distribute, sublicense, and/or sell copies of the Software, and to
  permit persons to whom the Software is furnished to do so, subject to
  the following conditions:
  
  The above copyright notice and this permission notice shall be
  included in all copies or substantial portions of the Software.
  
  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
  EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
  MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
  IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY
  CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT,
  TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
  SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
  
  ******************************************************************************/
  
  // @format
  
  (function() {
    /** Show a dimmer backdrop
       *
       *  Used to catch input when showing modals, context menus etc.
       *
       *  @example
       *  highed.showDimmer(function () {
       *       alert('You clicked the dimmer!');
       *  });
       *
       *  @param {function} fn - the function to call when the dimmer is clicked
       *  @param {bool} autohide - set to true to hide the dimmer when it's clicked
       *  @param {bool} transparent - set to true for the dimmer to be transparent
       *  @param {number} zIndex - the z index *offset*
       *  @return {function} - A function that can be called to hide the dimmer
       */
    highed.showDimmer = function(fn, autohide, transparent, zIndex) {
      var dimmer = highed.dom.cr('div', 'highed-dimmer'),
        unbinder = false;
  
      highed.dom.ap(document.body, dimmer);
  
      highed.dom.style(dimmer, {
        opacity: 0.4,
        'pointer-events': 'auto',
        'z-index': 9999 + (zIndex || 0)
      });
  
      if (transparent) {
        highed.dom.style(dimmer, {
          opacity: 0
        });
      }
  
      function hide() {
        highed.dom.style(dimmer, {
          opacity: 0,
          'pointer-events': 'none'
        });
  
        if (highed.isFn(unbinder)) {
          unbinder();
          unbinder = false;
        }
  
        window.setTimeout(function() {
          if (dimmer.parentNode) {
            dimmer.parentNode.removeChild(dimmer);
          }
        }, 300);
      }
  
      unbinder = highed.dom.on(dimmer, 'click', function(e) {
        if (highed.isFn(fn)) {
          fn();
        }
  
        if (autohide) {
          hide();
        }
      });
  
      return hide;
    };
  })();
  
  /******************************************************************************
  
  Copyright (c) 2016-2018, Highsoft
  
  Permission is hereby granted, free of charge, to any person obtaining
  a copy of this software and associated documentation files (the
  "Software"), to deal in the Software without restriction, including
  without limitation the rights to use, copy, modify, merge, publish,
  distribute, sublicense, and/or sell copies of the Software, and to
  permit persons to whom the Software is furnished to do so, subject to
  the following conditions:
  
  The above copyright notice and this permission notice shall be
  included in all copies or substantial portions of the Software.
  
  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
  EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
  MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
  IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY
  CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT,
  TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
  SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
  
  ******************************************************************************/
  
  // @format
  
  /** Turn a DOM node into an overlay "popup"
   *
   *  @example
   *  //Create an overlay with hello world in it
   *  highed.OverlayModal(highed.dom.cr('h1', '', 'Hello World!'));
   *
   *  @constructor
   *
   *  @emits Show - when the overlay is shown
   *  @emits Hide - when the overlay is hidden
   *
   *  @param {domnode} contents - the DOM node to wrap.
   *  @param {object} attributes - properties for the modal
   *    > width {number} - the width of the modal
   *    > height {number} - the height of the modal
   *    > minWidth {number} - the minimum width of the modal
   *    > minHeight {number} - the minimum height of the modal
   *    > showOnInit {boolean} - if true, the modal will be shown after creation
   *    > zIndex {number} - the Z-Index to use for the modal
   *  @return {object} - A new instance of OverlayModal
   */
  highed.OverlayModal = function(contents, attributes) {
    var container = highed.dom.cr('div', 'highed-overlay-modal '),
      events = highed.events(),
      properties = highed.merge(
        {
          width: 200,
          height: 200,
          minWidth: 10,
          minHeight: 10,
          showOnInit: true,
          zIndex: 10000,
          showCloseIcon: false,
          cancelButton: false
        },
        attributes
      ),
      hideDimmer = false,
      visible = false;
  
      if (properties.class) {
        container.classList += properties.class;
      }
  
    ///////////////////////////////////////////////////////////////////////////
  
  
    /** resize the modal
       *  @memberof highed.OverlayModal
       */
  
    function resize(width, height) {
      properties.minWidth = width;
      properties.minHeight = height;
    }
    /** Show the modal
       *  @memberof highed.OverlayModal
       */
    function show() {
      if (visible) return;
      highed.dom.style(container, {
        width:
          properties.width +
          (properties.width.toString().indexOf('%') > 0 ? '' : 'px'),
        height:
          properties.height +
          (properties.height.toString().indexOf('%') > 0 ? '' : 'px'),
        opacity: 1,
        left: '50%',
        top: '50%',
        transform: 'translate(-50%, -50%)',
        'pointer-events': 'auto',
        'min-width': properties.minWidth + 'px',
        'min-height': properties.minHeight + 'px',
        'z-index': properties.zIndex
      });
  
      highed.dom.style(document.body, {
        'overflow-x': 'hidden',
        'overflow-y': 'hidden'
      });
  
      if (properties.showCloseIcon) {
        const icon = highed.dom.cr('span', 'highed-overlaymodal-close', '<i class="fa fa-times" aria-hidden="true"></i>');
        highed.dom.on(icon, 'click', function() {
          hide();
        });
        highed.dom.ap(container, icon);
      }
  
      hideDimmer = highed.showDimmer(
        hide,
        true,
        false,
        properties.zIndex - 10000
      );
  
      window.setTimeout(function() {
        events.emit('Show');
      }, 300);
  
      visible = true;
    }
  
    /** Hide the modal
       *  @memberof highed.OverlayModal
       *  @param suppress {boolean} - suppress the hide event emitting
       */
    function hide(suppress) {
      if (!visible) return;
  
      highed.dom.style(container, {
        width: '0px',
        height: '0px',
        opacity: 0,
        left: '-20000px',
        'pointer-events': 'none'
      });
  
      highed.dom.style(document.body, {
        'overflow-x': '',
        'overflow-y': ''
      });
  
      if (highed.isFn(hideDimmer)) {
        hideDimmer();
      }
  
      visible = false;
  
      if (!suppress) {
        events.emit('Hide');
      }
    }
  
    ///////////////////////////////////////////////////////////////////////////
  
    highed.ready(function() {
      highed.dom.ap(document.body, container);
    });
  
    if (contents) {
      // if (highed.isStr(contents)) {
      //    contents = highed.dom.cr('div', '', contents);
      // }
      // highed.dom.ap(container,
      //    contents
      // );
    }
  
    hide(true);
  
    ///////////////////////////////////////////////////////////////////////////
  
    //Public interface
    return {
      on: events.on,
      show: show,
      hide: hide,
      resize: resize,
      /** The container DOM node
           *  @memberof highed.OverlayModal
           */
      body: container
    };
  };
  
  /******************************************************************************
  
  Copyright (c) 2016-2018, Highsoft
  
  Permission is hereby granted, free of charge, to any person obtaining
  a copy of this software and associated documentation files (the
  "Software"), to deal in the Software without restriction, including
  without limitation the rights to use, copy, modify, merge, publish,
  distribute, sublicense, and/or sell copies of the Software, and to
  permit persons to whom the Software is furnished to do so, subject to
  the following conditions:
  
  The above copyright notice and this permission notice shall be
  included in all copies or substantial portions of the Software.
  
  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
  EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
  MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
  IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY
  CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT,
  TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
  SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
  
  ******************************************************************************/
  
  // @format
  
  /** Horizontal splitter
   *
   *  Splits a view into two horizontal cells
   *
   *  @example
   *  var splitter = highed.HSplitter(document.body);
   *  highed.dom.ap(splitter.left, highed.dom.cr('div', '', 'Left!'));
   *  highed.dom.ap(splitter.right, highed.dom.cr('div', '', 'Right!'));
   *
   *  @constructor
   *  @param parent {domnode} - the parent to attach to
   *  @param attributes {object} - the settings for the splitter
   *    > leftWidth {number} - the width in percent of the left cell
   *    > noOverflow {bool} - whether or not overflowing is allowed
   *    > leftClasses {string} - additional css classes to use for the left body
   *    > rightClasses {string} - additional css classes to use for the right body
   *    > allowResize {boolean} - set to true to enable user-resizing
   *    > leftMax {number} - the max width of the left panel
   *    > rightMax {number} - the max width of the right panel
   */
  highed.HSplitter = function(parent, attributes) {
    var properties = highed.merge(
        {
          leftWidth: 40,
          noOverflow: false,
          leftClasses: '',
          rightClasses: '',
          allowResize: false,
          responsive: false,
          leftMax: false,
          rightMax: false
        },
        attributes
      ),
      container = highed.dom.cr('div', 'highed-hsplitter'),
      left = highed.dom.cr(
        'div',
        'highed-scrollbar panel left ' + properties.leftClasses
      ),
      right = highed.dom.cr(
        'div',
        'highed-scrollbar panel right ' + properties.rightClasses
      ),
      leftBody = highed.dom.cr(
        'div',
        'highed-scrollbar highed-hsplitter-body ' + properties.leftClasses
      ),
      rightBody = highed.dom.cr(
        'div',
        'highed-scrollbar highed-hsplitter-body ' + properties.rightClasses
      ),
      resizeBar = highed.dom.cr('div', 'highed-hsplitter-resize-bar'),
      mover;
  
    if (properties.responsive) {
      left.className += ' highed-hsplitter-body-responsive';
    }
  
    ///////////////////////////////////////////////////////////////////////////
  
    function updateSizeFromMover(x) {
      var psize;
  
      if (properties.allowResize && highed.dom.isVisible(right)) {
        psize = highed.dom.size(container);
        x = x || highed.dom.pos(resizeBar).x;
  
        highed.dom.style(left, {
          width: x + 'px'
        });
  
        highed.dom.style(right, {
          width: psize.w - x + 'px'
        });
  
        highed.dom.style(resizeBar, {
          display: ''
        });
      }
    }
  
    /** Force a resize of the splitter
       *  @memberof highed.HSplitter
       *  @param w {number} - the width of the splitter (will use parent if null)
       *  @param h {number} - the height of the splitter (will use parent if null)
       */
    function resize(w, h) {
      var s = highed.dom.size(parent),
        st,
        ps;
  
      //Check if the right side is visible
      if (!highed.dom.isVisible(right)) {
        highed.dom.style(left, {
          width: '100%'
        });
  
        highed.dom.style(resizeBar, {
          display: 'none'
        });
      } else {
        resetSize();
      }
  
      if (properties.responsive) {
        st = window.getComputedStyle(left);
        if (st.float === 'none') {
          highed.dom.style(right, {
            width: '100%'
          });
  
          highed.dom.style(resizeBar, {
            display: 'none'
          });
        } else {
          resetSize();
        }
      }
  
      highed.dom.style([left, right, container, resizeBar], {
        height: (h || s.h) + 'px'
      });
  
      if (properties.rightMax) {
        highed.dom.style(right, {
          'max-width': properties.rightMax + 'px'
        });
      }
  
      if (properties.leftMax) {
        highed.dom.style(left, {
          'max-width': properties.leftMax + 'px'
        });
      }
  
      //If we're at right max, we need to resize the left panel
      ps = highed.dom.size(left);
      if (ps.w === properties.leftMax) {
        highed.dom.style(right, {
          width: s.w - properties.leftMax - 1 + 'px'
        });
      }
  
      updateSizeFromMover();
    }
  
    function resetSize() {
      highed.dom.style(left, {
        width: properties.leftWidth + '%'
      });
  
      highed.dom.style(right, {
        width: (properties.rightWidth ? properties.rightWidth : 100 - properties.leftWidth) + '%'
      });
    }
  
    ///////////////////////////////////////////////////////////////////////////
  
    parent = highed.dom.get(parent);
  
    highed.dom.ap(
      highed.dom.get(parent),
      highed.dom.ap(
        container,
        highed.dom.ap(left, leftBody),
        highed.dom.ap(right, rightBody)
      )
    );
  
    resetSize();
  
    if (properties.noOverflow) {
      highed.dom.style([container, left, right], {
        'overflow-y': 'hidden'
      });
    }
  
    if (properties.allowResize) {
      highed.dom.ap(container, resizeBar);
  
      highed.dom.style(resizeBar, {
        left: properties.leftWidth + '%'
      });
  
      mover = highed.Movable(resizeBar, 'x').on('Moving', function(x) {
        updateSizeFromMover(x);
      });
    }
  
    //resize();
  
    ///////////////////////////////////////////////////////////////////////////
  
    // Public interface
    return {
      resize: resize,
      /** The dom node for the left cell
           *  @memberof highed.HSplitter
           *  @type {domnode}
           */
      left: leftBody,
      /** The dom node for the right cell
           *  @memberof highed.HSplitter
           *  @type {domnode}
           */
      right: rightBody
    };
  };
  
  /******************************************************************************
  
  Copyright (c) 2016-2018, Highsoft
  
  Permission is hereby granted, free of charge, to any person obtaining
  a copy of this software and associated documentation files (the
  "Software"), to deal in the Software without restriction, including
  without limitation the rights to use, copy, modify, merge, publish,
  distribute, sublicense, and/or sell copies of the Software, and to
  permit persons to whom the Software is furnished to do so, subject to
  the following conditions:
  
  The above copyright notice and this permission notice shall be
  included in all copies or substantial portions of the Software.
  
  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
  EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
  MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
  IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY
  CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT,
  TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
  SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
  
  ******************************************************************************/
  
  // @format
  
  /** Vertical splitter
   *  Splits a view into two vertical cells
   *
   *  @example
   *  var splitter = highed.VSplitter(document.body);
   *  highed.dom.ap(splitter.top, highed.dom.cr('div', '', 'Top!'));
   *  highed.dom.ap(splitter.bottom, highed.dom.cr('div', '', 'Bottom!'));
   *
   *  @constructor
   *  @param parent {domnode} - the parent to attach to
   *  @param attributes {object} - the settings for the splitter
   *    > topHeight {number} - the height in percent of the left cell. Alternatively, use '123px' to set a capped size.
   *    > noOverflow {bool} - whether or not overflowing is allowed
   */
  highed.VSplitter = function(parent, attributes) {
    var properties = highed.merge(
        {
          topHeight: 40,
          noOverflow: false
        },
        attributes
      ),
      container = highed.dom.cr('div', 'highed-vsplitter'),
      top = highed.dom.cr('div', 'panel top highed-scrollbar'),
      bottom = highed.dom.cr('div', 'panel bottom highed-scrollbar'),
      topBody = highed.dom.cr('div', 'highed-vsplitter-body highed-scrollbar'),
      bottomBody = highed.dom.cr('div', 'highed-vsplitter-body highed-scrollbar');
  
    ///////////////////////////////////////////////////////////////////////////
  
    /** Force a resize of the splitter
       *  @memberof highed.VSplitter
       *  @param w {number} - the width of the splitter (will use parent if null)
       *  @param h {number} - the height of the splitter (will use parent if null)
       */
    function resize(w, h) {
      var s = highed.dom.size(parent);
      
      highed.dom.style(container, {
        height: '100%'
      });
  
      if (!w && !h) {
        
  
        highed.dom.style(top, {
          height: (typeof properties.topHeight === 'string' ? properties.topHeight : properties.topHeight + '%' )
        })
        if (bottom) {
          highed.dom.style(bottom, {
            width: '100%',
            height:  (typeof properties.topHeight === 'string' ? 'calc(100% - ' + properties.topHeight + ')' : 100 - properties.topHeight + '%' )
          });
        }
        return;
      }
      highed.dom.style(container, {
        width: (w || s.w) + 'px',
        height: ((h || s.h)) + 'px'
      });
  
      if (properties.topHeight.toString().indexOf('px') > 0) {
        highed.dom.style(top, {
          height: properties.topHeight
        });
  
        highed.dom.style(bottom, {
          height: (h || s.h) - parseInt(properties.topHeight, 10) + 'px'
        });
      } else {
        highed.dom.style(top, {
          height: properties.topHeight + '%'
        });
  
        highed.dom.style(bottom, {
          height: 100 - properties.topHeight + '%'
        });
      }
      //highed.dom.style([top, bottom, container], {
      //    width: (w || s.w) + 'px'
      //});
    }
  
    ///////////////////////////////////////////////////////////////////////////
  
    highed.dom.ap(
      highed.dom.get(parent),
      highed.dom.ap(
        container,
        highed.dom.ap(top, topBody),
        highed.dom.ap(bottom, bottomBody)
      )
    );
  
    if (properties.noOverflow) {
      highed.dom.style([container, top, bottom], {
        'overflow-y': 'hidden'
      });
    }
  
    parent = highed.dom.get(parent);
  
    ///////////////////////////////////////////////////////////////////////////
  
    // Public interface
    return {
      resize: resize,
      /** The dom node for the top cell
           *  @memberof highed.VSplitter
           *  @type {domnode}
           */
      top: topBody,
      /** The dom node for the bottom cell
           *  @memberof highed.VSplitter
           *  @type {domnode}
           */
      bottom: bottomBody
    };
  };
  
  /******************************************************************************
  
  Copyright (c) 2016-2018, Highsoft
  
  Permission is hereby granted, free of charge, to any person obtaining
  a copy of this software and associated documentation files (the
  "Software"), to deal in the Software without restriction, including
  without limitation the rights to use, copy, modify, merge, publish,
  distribute, sublicense, and/or sell copies of the Software, and to
  permit persons to whom the Software is furnished to do so, subject to
  the following conditions:
  
  The above copyright notice and this permission notice shall be
  included in all copies or substantial portions of the Software.
  
  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
  EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
  MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
  IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY
  CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT,
  TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
  SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
  
  ******************************************************************************/
  
  // @format
  
  /** Standard tabcontrol component
   *  @example
   *  var tabs = highed.TabControl(document.body),
   *      tab1 = tabs.createTab({title: 'Tab 1'}),
   *      tab2 = tabs.createTab({title: 'Tab 2'})
   *  ;
   *  //Append things to tab1|tab2.body
   *
   *  @constructor
   *
   *  @emits Focus {object} - when a new tab gets focus.
   *
   *  @param parent {domnode} - the node to attach to
   *  @param noOverflow {boolean} - set to true to disable scrollbars
   *  @param extraPadding {boolean} - set to true to have extra padding in bodies
   */
  highed.TabControl = function(parent, noOverflow, extraPadding, skipTabs) {
    var container = highed.dom.cr('div', 'highed-tab-control'),
      paneBar = highed.dom.cr('div', (!skipTabs ? 'tabs' : '')), //Quck fix for now, will change once design finalised.
      body = highed.dom.cr('div', 'body'),
      indicator = highed.dom.cr('div', 'indicator'),
      more = highed.dom.cr('div', (!skipTabs ? 'highed-tab-control-more fa fa-chevron-right' : '')),
      events = highed.events(),
      selectedTab = false,
      tabs = [],
      ctx = highed.ContextMenu();
  
    ///////////////////////////////////////////////////////////////////////////
  
    //Build ctx menu
    function buildCTX() {
      ctx.build(
        tabs.map(function(tab) {
          return {
            title: tab.title,
            click: tab.focus,
            selected: tab.selected
          };
        })
      );
    }
  
    highed.dom.on(more, 'click', function(e) {
      buildCTX();
      ctx.show(e.clientX, e.clientY);
    });
  
    /** Force a resize of the tab control
     *  @memberof highed.TabControl
     *  @param w {number} - the width, uses parent width if null
     *  @param h {number} - the height, uses parent width if null
     */
    function resize(w, h) {
      var cs = highed.dom.size(parent),
      width = 0;
  
      if (!skipTabs) var ps = highed.dom.size(paneBar);
  
      highed.dom.style(container, {
        height: (h || cs.h) + 'px'
      });
  
      highed.dom.style(body, {
        height: (h || cs.h) /*- ps.h*/ + 'px'
      });
  
      //Also re-focus the active tab
      if (selectedTab) {
        selectedTab.focus();
      }
  
      //clientWidth/scrollWidth doesn't produce what we need,
      //so let's check the accumulated width of the tabs.
  
      tabs.forEach(function(tab) {
        width += highed.dom.size(tab.node).w || 0;
      });
      
      if (!skipTabs) {
        if (width > paneBar.scrollWidth) {
          highed.dom.style(more, {
            display: 'block'
          });
        } else {
          highed.dom.style(more, {
            display: 'none'
          });
        }
      }
  
      
    }
  
    /** Select the first tab
     *  @memberof highed.TabControl
     */
    function selectFirst() {
      tabs.some(function(tab) {
        if (tab.visible()) {
          tab.focus();
          return true;
        }
      });
    }
  
    function select(index) {
      if (tabs[index] && tabs[index].visible()) {
        tabs[index].focus();
      }
    }
  
    /** Hide the tab control
     *  @memberof highed.TabControl
     */
    function hide() {
      highed.dom.style(container, {
        display: 'none'
      });
    }
  
    /** Show the tab control
     *  @memberof highed.TabControl
     */
    function show() {
      highed.dom.style(container, {
        display: 'block'
      });
    }
  
    function updateVisibility() {
      var c = tabs.filter(function(a) {
        return a.visible();
      }).length;
  
      if (!skipTabs){
        if (c < 2) {
          highed.dom.style(paneBar, {
            display: 'none'
          });
        } else {
          highed.dom.style(paneBar, {
            display: ''
          });
        }
      }
    }
  
    /* Create and return a new tab
       * @memberof highed.TabControl
       * @name createTab
       * @properties - the properties for the tab:
       *   > title {string} - the title of the tab
       * @returns {object} - an interface to the tab
       *    > hide {function} - hide the tab
       *    > show {function} - show the tab
       *    > focus {function} - make the tab active
       *    > visible {function} - returns true if the tab is visible
       *    > body {domnode} - the tab body
       */
    function Tab(properties) {
      var tevents = highed.events(),
        tab = highed.dom.cr('div', 'tab', properties.title),
        tbody = highed.dom.cr('div', 'tab-body'),
        visible = true,
        texports = {
          selected: false
        };
  
      if (extraPadding) {
        tbody.className += ' tab-body-padded';
      }
      if (!skipTabs) {
        highed.dom.ap(paneBar, tab);
      }
  
      highed.dom.ap(body, tbody);
  
      function hide() {
        visible = false;
        highed.dom.style(tab, { display: 'none' });
        updateVisibility();
      }
  
      function show() {
        visible = true;
        highed.dom.style(tab, { display: '' });
        updateVisibility();
      }
  
      function resize(w, h) {
        highed.dom.style(container, { width: w + 'px', height: h + 'px' });
      }
  
      function focus() {
        var tsize = highed.dom.size(tab),
          tpos = highed.dom.pos(tab);
        if (!visible) {
          return;
        }
  
        if (selectedTab) {
          selectedTab.node.className = 'tab';
          selectedTab.selected = false;
  
          highed.dom.style(selectedTab.body, {
            opacity: 0,
            //                  'pointer-events': 'none',
            display: 'none'
          });
        }
  
        if (!tsize || !tpos || !tsize.w) {
          //We're not ready yet..
        }
  
        highed.dom.style(indicator, {
          width: tsize.w + 'px',
          left: tpos.x + 'px'
        });
  
        tab.className = 'tab tab-selected';
  
        highed.dom.style(tbody, {
          opacity: 1,
          //                'pointer-events': 'auto',
          display: 'block'
        });
  
        selectedTab = texports;
        selectedTab.selected = true;
        tevents.emit('Focus');
  
        events.emit('Focus', texports);
      }
  
      highed.dom.on(tab, 'click', function() {
        focus();
        highed.emit('UIAction', 'TabControlNavigation', properties.title);
      });
  
      texports = {
        on: tevents.on,
        focus: focus,
        node: tab,
        body: tbody,
        hide: hide,
        show: show,
        resize: resize,
        title: properties.title,
        visible: function() {
          return visible;
        }
      };
  
      if (!selectedTab) {
        focus();
      }
  
      if (noOverflow) {
        highed.dom.style(tbody, {
          overflow: 'hidden'
        });
      }
  
      tabs.push(texports);
  
      resize();
      updateVisibility();
  
      return texports;
    }
  
    ///////////////////////////////////////////////////////////////////////////
  
    if (!highed.isNull(parent)) {
      highed.ready(function() {
        highed.dom.ap(
          parent,
          highed.dom.ap(container, highed.dom.ap(paneBar, more, indicator), body)
        );
  
        resize();
        updateVisibility();
      });
    }
  
    ///////////////////////////////////////////////////////////////////////////
  
    return {
      container: container,
      on: events.on,
      createTab: Tab,
      resize: resize,
      select: select,
      selectFirst: selectFirst,
      show: show,
      hide: hide,
      /** Get the size of the title bar
       *  @memberof highed.TabControl
       *  @returns {object}
       *    > w {number} - the width of the control
       *    > h {number} - the height of the control
       */
      barSize: function() {
        return highed.dom.size(paneBar);
      }
    };
  };
  
  /******************************************************************************
  
  Copyright (c) 2016-2018, Highsoft
  
  Permission is hereby granted, free of charge, to any person obtaining
  a copy of this software and associated documentation files (the
  "Software"), to deal in the Software without restriction, including
  without limitation the rights to use, copy, modify, merge, publish,
  distribute, sublicense, and/or sell copies of the Software, and to
  permit persons to whom the Software is furnished to do so, subject to
  the following conditions:
  
  The above copyright notice and this permission notice shall be
  included in all copies or substantial portions of the Software.
  
  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
  EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
  MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
  IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY
  CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT,
  TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
  SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
  
  ******************************************************************************/
  
  // @format
  
  /** An editable field
   *
   *  Creates a table row with three columns:
   *    - label
   *    - widget
   *    - help icon
   *  @todo This needs a proper cleaning now that the requirements are set.
   *  @example
   *  //Create a table, append to body, add a color picker to it.
   *  highed.dom.ap(document.body,
   *      highed.dom.ap(highed.dom.cr('table'),
   *          highed.InspectorField('color', '#FFF', {
   *              title: 'Set the color!'
   *          }, function (newValue) {
   *              highed.dom.style(document.body, {
   *                  backgroundColor: newValue
   *              });
   *          })
   *      )
   *  );
   *
   *  @param type {enum} - the type of widget to use
   *    > string
   *    > number
   *    > range
   *    > boolean
   *    > color
   *    > font
   *    > options
   *    > object
   *  @param value {anything} - the current value of the field
   *  @param properties {object} - the properties for the widget
   *  @param fn {function} - the function to call when the field is changed
   *     > {anything} - the changed value
   *  @param nohint {boolean} - if true, the help icon will be skipped
   *  @param fieldID {anything} - the id of the field
   *  @returns {domnode} - a DOM node containing the field + label wrapped in a tr
   */
  highed.InspectorField = function(type, value, properties, fn, nohint, fieldID, planCode) {
    
    var createReset = function(resetTo, callback) {
        var node = highed.dom.cr('div', 'highed-field-reset fa fa-undo');
  
        if (resetTo === 'null') {
          resetTo = null;
        }
  
        highed.dom.on(node, 'click', function() {
          if (highed.isFn(callback)) {
            callback(properties.defaults || resetTo);
          }
        });
  
        return node;
      },
      fields = {
        string: function(val, callback) {
          var input = highed.dom.cr('input', 'highed-field-input', '', fieldID),
            reset = createReset(properties.defaults || val || value, function(v) {
              input.value = val = v;
              tryCallback(callback, v);
            });
  
          highed.dom.on(input, 'change', function(e) {
            tryCallback(callback, input.value);
            e.cancelBubble = true;
          });
  
          if (typeof (val || value || '') === 'string' && 
              (val || value || '').indexOf('\\u') > -1) input.value = decodeURIComponent(JSON.parse('"' + (val || value).replace(/\"/g, '\\"') + '"')); 
          else input.value = (val || value);
  
    
          if (properties.warning && properties.warning.length > 0 && planCode && properties.warning.indexOf(planCode) > -1) {
            input.disabled = true;
          }
        
          return highed.dom.ap(
            highed.dom.cr('div', 'highed-field-container'),/*
            reset,*/
            input
          );
        },
        header: function(val, callback) {
          return highed.dom.ap(
            highed.dom.cr('div', 'highed-field-container'),/*
            reset,*/
            highed.dom.cr('div', 'highed-field-header', properties.header)
          );
        },
        number: function(val, callback) {
          var input = highed.dom.cr('input', 'highed-field-input', '', fieldID),
            reset = createReset(properties.defaults || val || value, function(v) {
              input.value = val = v;
              tryCallback(callback, parseFloat(v));
            });
  
          input.type = 'number';
  
          if (!highed.isNull(properties.custom)) {
            input.step = properties.custom.step;
            input.min = properties.custom.minValue;
            input.max = properties.custom.maxValue;
          }
  
          highed.dom.on(input, 'change', function() {
            tryCallback(callback, parseFloat(input.value));
          });
  
          input.value = val || value;
  
          if (properties.warning && properties.warning.length > 0 && planCode && properties.warning.indexOf(planCode) > -1) {
            input.disabled = true;
          }
  
          return highed.dom.ap(
            highed.dom.cr('div', 'highed-field-container'),/*
            reset,*/
            input
          );
        },
        range: function(val, callback) {
          var slider = highed.Slider(false, {
            min: properties.custom.minValue,
            max: properties.custom.maxValue,
            step: properties.custom.step,
            value: val || value,
            resetTo: properties.defaults
          });
  
          slider.on('Change', function(v) {
            tryCallback(callback, v);
          });
  
          return slider.container;
        },
        boolean: function(val, callback) {
          var input = highed.dom.cr('input', '', '', fieldID),
            reset = createReset(properties.defaults || val || value, function(v) {
              input.checked = val = highed.toBool(v);
              tryCallback(callback, val);
            });
  
          input.type = 'checkbox';
  
          input.checked = highed.toBool(val || value);
  
          highed.dom.on(input, 'change', function() {
            tryCallback(callback, input.checked);
          });
          
          if (properties.warning && properties.warning.length > 0 && planCode && properties.warning.indexOf(planCode) > -1) {
            input.disabled = true;
          }
  
          return highed.dom.ap(
            highed.dom.cr('div', 'highed-field-container'),/*
            reset,*/
            input
          );
        },
        color: function(val, callback) {
          var box = highed.dom.cr('div', 'highed-field-colorpicker', '', fieldID),
            reset = highed.dom.cr('div', 'highed-field-reset fa fa-undo'),
            resetTo = val || value || properties.defaults;
  
          
          if (resetTo === 'null') {
            resetTo = null;
          }
  
          function update(col, callback) {
            if (
              col &&
              col !== 'null' &&
              col !== 'undefined' &&
              typeof col !== 'undefined'
            ) {
              box.innerHTML = "";
              //box.innerHTML = col;
            } else {
              box.innerHTML = 'auto';
              col = '#FFFFFF';
            }
  
            highed.dom.style(box, {
              background: col,
              color: highed.getContrastedColor(col)
            });
          }
  
          function fixVal() {
            //This is very ugly
            try {
              val = JSON.parse(val);
            } catch (e) {}
  
            if (highed.isArr(val)) {
              val = '#FFF';
            }
          }
  
          fixVal();
  
          highed.dom.on(box, 'click', function(e) {
            highed.pickColor(e.clientX, e.clientY, val || value, function(col) {
              if (highed.isArr(val)) {
                val = '#FFFFFF';
              }
  
              val = col;
              update(col);
              tryCallback(callback, col);
            });
          });
  
          highed.dom.on(reset, 'click', function() {
            val = resetTo;
            fixVal();
            update(val);
            tryCallback(callback, val);
          });
  
          update(val || value);
  
          return highed.dom.ap(
            highed.dom.cr('div', 'highed-field-container'),
            box/*,
            reset*/
          );
        },
        font: function(val, callback) {
          return fields.cssobject(val, callback);
        },
        configset: function(val, callback) {
          return fields.string(val, callback);
        },
        json: function(val, callback) {
          var textArea = highed.dom.cr(
              'textarea',
              'highed-field-input',
              '',
              fieldID
            ),
            errorBar = highed.dom.cr('div', 'highed-field-error'),
            editor = false,
            updateIt = function(v) {
              if (editor) {
                editor.setValue(JSON.stringify(v, undefined, '\t'));
              } else {
                textArea.value = JSON.stringify(v, undefined, '\t');
              }
            },
            reset = createReset(properties.defaults || val || value, function(v) {
              val = v;
              updateIt(v);
              tryCallback(callback, v);
            }),
            parent = highed.dom.ap(
              highed.dom.cr('div', 'highed-field-container', '', fieldID + '_container'),
              textArea,
              /*
              reset,*/
              errorBar
            );
  
          function resizePoll() {
            if (document.body && editor) {
              if (document.getElementById(fieldID)) {
                editor.refresh();
              } else {
                setTimeout(resizePoll, 10);
              }
            }
          }
  
          function callHome(v) {
  
            try {
              v = JSON.parse(v);
              tryCallback(callback, v);
              errorBar.innerHTML = '';
              highed.dom.style(errorBar, { display: 'none', opacity: 0 });
            } catch (e) {
              //highed.snackBar('There\'s an error in your JSON: ' + e);
              errorBar.innerHTML = 'Syntax error: ' + e;
              highed.dom.style(errorBar, { display: 'block', opacity: 1 });
            }
          }
  
          if (typeof window['CodeMirror'] !== 'undefined') {
            editor = CodeMirror.fromTextArea(textArea, {
              lineNumbers: true,
              mode: 'application/json',
              theme: highed.option('codeMirrorTheme')
            });
  
            updateIt(val || value || properties.defaults);
  
            var timeout = null;
            editor.on('change', function() {
              clearTimeout(timeout);
              timeout = setTimeout(function () {
                callHome(editor.getValue());
              }, 1000);
            });
  
            resizePoll();
          } else {
            updateIt(val || value || properties.defaults);
  
            highed.dom.on(textArea, 'change', function() {
              callHome(textArea.value);
            });
          }
  
          return parent;
        },
        cssobject: function(val, callback) {
          var picker = highed.FontPicker(callback || fn, val || value),
            reset = createReset(properties.defaults || val || value, function(v) {
              val = v;
              picker.set(val);
              
              tryCallback(callback, v);
            });
  
          return highed.dom.ap(
            highed.dom.cr('div', 'highed-field-container'),
            /*reset,*/
            picker.container
          );
        },
        options: function(val, callback) {
          var ddown = highed.DropDown(),
            reset = createReset(properties.defaults, function(v) {
              val = v;
              ddown.selectById(val);
              tryCallback(callback, v);
            });
  
          if (highed.isStr(properties.values)) {
            try {
              properties.values = JSON.parse(properties.values);
            } catch (e) {
              properties.values = properties.values.split(' ');
            }
          }
  
          ddown.addItems(properties.values);
          ddown.addItem({ title: 'auto', id: properties.defaults });
  
          ddown.selectById(val || value || properties.defaults);
  
          ddown.on('Change', function(selected) {
            tryCallback(callback, selected.id());
          });
  
          return highed.dom.ap(
            highed.dom.cr('div', 'highed-field-container'),
            ddown.container/*,
            reset*/
          );
        },
        object: function(val, callback) {
          //Create a sub-table of options
          var stable = highed.dom.cr(
              'table',
              'highed-customizer-table',
              '',
              fieldID
            ),
            wasUndefined = highed.isNull(val || value);
  
          val = val || value || {};
  
          if (highed.isStr(val)) {
            try {
              val = JSON.parse(val);
            } catch (e) {}
          }
  
          if (properties && highed.isArr(properties.attributes)) {
            properties.attributes.forEach(function(attr) {
              val[attr.name || attr.id] =
                val[attr.name || attr.id] ||
                attr.defaults ||
                (attr.dataType.indexOf('object') >= 0 ? {} : '');
  
              attr.title = highed.uncamelize(attr.title);
  
              highed.dom.ap(
                stable,
                highed.InspectorField(
                  attr.dataType,
                  val[attr.name || attr.id] || attr.defaults,
                  attr,
                  function(nval) {
                    val[attr.name || attr.id] = nval;
                    tryCallback(callback, val);
                  }
                )
              );
            });
          }
  
          if (wasUndefined) {
            // tryCallback(callback, val);
          }
  
          return stable;
        },
  
        function: function(val, callback) {
          var container = highed.dom.cr(
              'div',
              'highed-field-container highed-field-code-container'
            ),
            field = highed.dom.cr('textarea', 'highed-field-code', '', fieldID),
            editor = false,
            reset = createReset(properties.defaults || val || value, function(v) {
              val = v;
              updateIt(v);
              callHome(v);
            });
  
          function updateIt(v) {
            if (highed.isFn(v)) {
              v = v.toString();
            }
  
            if (editor) {
              editor.setValue(v);
              editor.refresh();
            } else {
              field.value = v;
            }
          }
  
          function callHome(v) {
            var args = [];
            var argStart = v.indexOf('(');
            var argEnd = v.substr(argStart + 1).indexOf(')');
            var body = '';
            var balance = 0;
            var parsing = false;
  
            try {
              args = v
                .substr(argStart + 1, argEnd - 1)
                .trim()
                .split(',');
  
              args = args.filter(function(b) {
                return b && b.length > 0 && b.indexOf('/*') === -1;
              });
  
              for (var i = 0; i < v.length; i++) {
                if (v[i] === '{') {
                  balance++;
                  parsing = true;
                } else if (v[i] === '}') {
                  balance--;
                  if (balance === 0) {
                    parsing = false;
                  }
                } else if (parsing) {
                  body += v[i];
                }
              }
  
              v = new Function(args, body);
            } catch (e) {
              console.log(e);
              return;
            }
            tryCallback(callback, v);
          }
  
          function resizePoll() {
            if (editor && document.body) {
              if (container.parentNode) {
                editor.refresh();
              } else {
                setTimeout(resizePoll, 50);
              }
            }
          }
  
          highed.dom.ap(container, field);
  
          if (typeof window['CodeMirror'] !== 'undefined') {
            editor = CodeMirror.fromTextArea(field, {
              lineNumbers: true,
              mode: 'javascript',
              theme: highed.option('codeMirrorTheme')
            });
  
            editor.on('change', function() {
              callHome(editor.getValue());
            });
  
            resizePoll();
          } else {
            highed.dom.on(field, 'change', function() {
              callHome(field.value);
            });
          }
  
          updateIt(val || value || properties.defaults || function() {});
  
          return container;
        },
  
        array: function() {
          var container = highed.dom.cr('div', '', '', fieldID),
            add = highed.dom.cr('span', 'highed-field-array-add fa fa-plus', ''),
            itemsNode = highed.dom.cr('div', 'highed-inline-blocks'),
            items = {},
            itemCounter = 0,
            itemTable = highed.dom.cr('table', 'highed-field-table');
  
          if (highed.isStr(value)) {
            try {
              value = JSON.parse(value);
            } catch (e) {
              return container;
            }
          }
  
          if (value && !highed.isArr(value) && !highed.isBasic(value)) {
            // This is an object.
            value = Object.keys(value).map(function(e) {
              return value[e];
            });
          }
  
          function addCompositeItem(val, suppressCallback) {
            var item,
              rem = highed.dom.cr('span', 'highed-icon fa fa-trash highed-trash-button'),
              row = highed.dom.cr('div', 'color-row'), //tr
              id = ++itemCounter;
  
            function processChange(newVal) {
              if (newVal) {
                items[id].value = newVal;
                doEmitCallback();
              }
            }
  
            function doEmitCallback() {
              if (highed.isFn(fn)) {
                fn(
                  Object.keys(items).map(function(key) {
                    return items[key].value;
                  })
                );
              }
            }
  
            if (highed.isArr(val)) {
              val = val[id];
            }
  
            items[id] = {
              id: id,
              row: row,
              value: val
            };
  
            item = fields[properties.subType]
              ? fields[properties.subType](
                  val || value[id] || properties.defaults,
                  processChange
                )
              : fields.string(val, processChange);
  
            highed.dom.ap(
              itemTable,
              highed.dom.ap(
                row,
                highed.dom.ap(highed.dom.cr('div'), item), //td
                highed.dom.ap(highed.dom.cr('div'), rem) //td
              )
            );
  
            highed.dom.on(rem, 'click', function(e) {
              delete items[id];
              itemTable.removeChild(row);
  
              doEmitCallback();
  
              e.cancelBubble = true;
              e.preventDefault();
              e.stopPropagation();
              e.stopImmediatePropagation();
              return false;
            });
  
            if (!suppressCallback) {
              processChange();
            }
          }
  
          highed.dom.ap(container, itemTable);
  
          highed.dom.on(add, 'click', function() {
            addCompositeItem();
          });
  
          if (highed.isArr(value)) {
            value.forEach(function(item) {
              addCompositeItem(item, true);
            });
          }
  
          highed.dom.ap(container, itemsNode, add);
  
          return container;
        }
      },
      help = highed.dom.cr(
        'span',
        'highed-icon highed-field-help fa fa-question-circle'
      ),
      helpTD = highed.dom.cr('div', 'highed-customizer-table-help'), //td
      widgetTD = highed.dom.cr('div', 'highed-field-table-widget-column'), //td
      titleCol = highed.dom.cr('div'), //td
      typeIndicator = highed.dom.cr('span', 'highed-customize-type');
  
    function tryCallback(cb, val) {
      cb = cb || fn;
      if (highed.isFn(cb)) {
        cb(val);
      }
    }
  
    function deduceObject() {
      if (
        (!properties.attributes || !properties.attributes.length) &&
        properties.defaults
      ) {
        properties.attributes = [];
  
        //There's no attributes but it's an object.
        //Check if there are default values we can use
        //to figure out the structure.
        if (properties.defaults) {
          try {
            properties.defaults = JSON.parse(properties.defaults);
            Object.keys(properties.defaults).forEach(function(k) {
              var tp = 'string',
                def = properties.defaults[k],
                up = k.toUpperCase(),
                vals;
  
              //This is hackish.
              if (highed.isNum(def)) {
                tp = 'number';
              }
  
              if (
                def.length &&
                def[0] === '#' &&
                (up.indexOf('BACKGROUND') >= 0 || up.indexOf('COLOR') >= 0)
              ) {
                tp = 'color';
              }
  
              properties.attributes.push({
                id: k,
                title: k,
                dataType: tp,
                defaults: properties.defaults[k],
                tooltip: '',
                values: vals
              });
            });
          } catch (e) {
            highed.log(
              3,
              'property',
              properties.id,
              'skipped, no way to deduce the object members'
            );
            return;
          }
        }
      } else {
        type = 'json';
        properties.defaults = properties.defaults || {};
      }
    }
  
    if (highed.isNull(value)) {
      value = '';
    }
  
    if (type === 'cssobject' || type === 'highcharts.cssobject') {
      //So there are more than one version of this thing - one of them
      //requires a font picker, the other is dynamic.
      //Figure out which one we're dealing with here.
  
      // properties = properties || {};
      // properties.attributes = [
      //     {name: 'x', title: 'x', title: 'X', values: '0', dataType: 'number'}
  
      // ];
      type = 'object';
    }
  
    //Choose a type
    if (type && type.indexOf('|') >= 0) {
      type = type.indexOf('object') >= 0 ? 'object' : type.split('|')[0];
    }
  
    if (
      !highed.isNull(properties.custom) &&
      !highed.isNull(properties.custom.minValue) &&
      !highed.isNull(properties.custom.maxValue) &&
      !highed.isNull(properties.custom.step)
    ) {
      type = 'range';
    }
  
    if (type && type.indexOf('array') === 0) {
      properties.subType = type.substr(6, type.length - 7);
      type = 'array';
  
      if (properties.subType === 'object') {
        deduceObject();
      }
    }
  
    if (type === 'object') {
      deduceObject();
    }
  
    if (!properties.tooltip && !properties.tooltipText) {
      nohint = true;
    } else {
      // properties.tooltip = properties.tooltip.replace(/\n/g, '<br/><br/>');
    }
  
    
    if (highed.onPhone()) {
      highed.dom.on(help, 'click', function() {
        var hide = highed.Tooltip(0, 0, properties.tooltip || properties.tooltipText, true);
        highed.dom.on([help], 'mouseout', hide);
      });
    } else {
      highed.dom.on([help], 'mouseover', function(e) {
        var hide = highed.Tooltip(
          e.clientX + 20,
          e.clientY,
          properties.tooltip || properties.tooltipText
        );
        
        highed.dom.on([help], 'mouseout', hide);
        // highed.showDimmer(highed.hideAllTooltips, true, true);
      });
    }
  
    if (nohint) {
      highed.dom.style(help, { display: 'none' });
      widgetTD.colSpan = 2;
    }
  
    typeIndicator.className += ' highed-customize-type-' + type;
    const parent = highed.dom.cr('div', 'highed-customizer-table-parent', '', fieldID + '_container');
    
    highed.dom.style(parent,
    {
      width: (properties.width || 100) + '%'
    });
  
    
    if (type === 'header') {   
      
      return highed.dom.ap(
        highed.dom.ap(
          parent, //tr
          highed.dom.ap(widgetTD, fields[type] ? fields[type]() : fields.string())
        )
      );
  
    }
    else if (type === 'boolean') {
      titleCol.className = 'highed-customize-field-boolean';
      return highed.dom.ap(
        highed.dom.ap(
          parent, //tr
          highed.dom.ap(widgetTD, 
            highed.dom.ap(fields[type] ? fields[type]() : fields.string(),
            highed.dom.ap(
              titleCol,
              highed.dom.cr('span', 'highed-customize-field-label', properties.title),
              !nohint
              ? highed.dom.ap(
                  helpTD,
                  //highed.dom.cr('span', 'highed-field-tooltip', properties.tooltip)
                  help
                )
              : false
            ))
        )
        )
      ); 
    } else {
      return highed.dom.ap(
        highed.dom.ap(
          parent, //tr
          highed.dom.ap(
            titleCol,
            highed.dom.cr('span', 'highed-customize-field-label', properties.title),
            !nohint
            ? highed.dom.ap(
                helpTD,
                //highed.dom.cr('span', 'highed-field-tooltip', properties.tooltip)
                help
              )
            : false
          ),
          highed.dom.ap(widgetTD, fields[type] ? fields[type]() : fields.string())
        )
      );
    }
  
  };
  
  /******************************************************************************
  
  Copyright (c) 2016-2018, Highsoft
  
  Permission is hereby granted, free of charge, to any person obtaining
  a copy of this software and associated documentation files (the
  "Software"), to deal in the Software without restriction, including
  without limitation the rights to use, copy, modify, merge, publish,
  distribute, sublicense, and/or sell copies of the Software, and to
  permit persons to whom the Software is furnished to do so, subject to
  the following conditions:
  
  The above copyright notice and this permission notice shall be
  included in all copies or substantial portions of the Software.
  
  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
  EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
  MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
  IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY
  CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT,
  TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
  SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
  
  ******************************************************************************/
  
  // @format
  
  /** A list component
   *
   *  Creates a list with selectable items
   *
   *  @example
   *  var list = highed.List(document.body).addItem({
   *      title: 'My Item',
   *      click: function() {
   *          alert('You clicked the item!');
   *      }
   *  });
   *
   *  @constructor
   *  @param parent {domnode} - the node to attach the list to
   *  @param responsive {boolean} - set to true to get JS-based responsive functionality
   */
  highed.List = function(parent, responsive, props, planCode) {
    var container = highed.dom.cr('div', 'highed-list'),
      compactIndicator = highed.dom.cr('div', 'highed-list-compact', 'compact'),
      ctx = highed.ContextMenu(),
      selectedItem = false,
      events = highed.events(),
      items = [],
      dropdowns = {},
      properties = props;
  
    ///////////////////////////////////////////////////////////////////////////
  
    /** Add an item to the list
       * @memberof highed.List
       * @param item {object} - the item meta for the item to add
       *   > title {string} - the title as displayed in the list
       *   > id {anything} - the id of the item: used for `highed.List.on('Select')`
       *   > click {function} - function to call when clicking the item
       * @returns {object} - an interface to interact with the item
       *   > id {anything} - the item id
       *   > title {string} - the title of the item
       *   > node {domnode} - the dom node for the item
       *   > select {function} - selects the item if called
       */
    function addItem(item, children, chartPreview) {
      
      var node = highed.dom.cr('a', 'item', item.title),
        nodeArrow = highed.dom.cr('span', 'item-arrow', '<i class="fa fa-angle-right" aria-hidden="true"></i>'),
        nodeChildren = highed.dom.cr('span', 'highed-list-suboptions', ''),
        iexports = {};
  
      highed.dom.style(nodeChildren, {
        display: 'none'
      });
  
      highed.dom.ap(node, nodeArrow);
      
      (children || []).forEach(function(thing) {
        selectGroup(thing);
      });
  
      function shouldInclude(group) {
        var doInclude = false;
  
        if (Object.keys(properties.availableSettings || {}).length > 0) {
          if (highed.isArr(group)) {
            group.forEach(function(sub) {
              if (shouldInclude(sub)) {
                doInclude = true;
              }
            });
          } else if (highed.isArr(group.options)) {
            group.options.forEach(function(sub) {
              if (shouldInclude(sub)) {
                doInclude = true;
              }
            });
          } else if (
            properties.availableSettings[group.id] ||
            properties.availableSettings[group.pid]
          ) {
            doInclude = true;
          }
  
          return doInclude;
        }
  
        return true;
      }
  
  
      function applyFilter(detailIndex, filteredBy, filter) {
        var selected = selectedItem, //list.selected(),
          id = selected.id,
          entry = highed.meta.optionsExtended.options[id];
  
        if (!selected) return false;
  
        //body.innerHTML = '';
  
        entry.forEach(function(thing) {
          selectGroup(thing, false, false, detailIndex, filteredBy, filter);
        });
  
        highlighted = false;
      }
          //This function has mutated into a proper mess. Needs refactoring.
      function selectGroup(group, table, options, detailIndex, filteredBy, filter) {
        var master,
          vals,
          doInclude = true,
          container,
          masterNode,
          def;
  
        options = chartPreview.options.getCustomized(); //userOptions;//chartPreview.options.getCustomized();
        
        if (highed.isArr(group.options)) {
          table = highed.dom.cr('div', 'highed-customizer-table');
          warningContainer = highed.dom.cr('div', 'highed-customize-warning-container'),
          warning = highed.dom.cr('div', 'highed-customize-warning', 'You need to be on a paid plan for this to work in production');
          doInclude = shouldInclude(group);
  
          if (group.warning && group.warning.length > 0 && 
            planCode && group.warning.indexOf(planCode) > -1) {
            highed.dom.ap(table, highed.dom.ap(warningContainer, warning));
          }
  
          if (!doInclude) {
            return;
          }
          
          container = highed.dom.cr('div', 'highed-customize-group' + (group.dropdown ? ' highed-list-general-drop-down' : ' highed-list-normal'), null, 'highed-list-header-' + highed.L(group.text));
          masterNode = highed.dom.cr('div', 'highed-customize-master-dropdown');
          nodeHeading = highed.dom.cr(
            'div',
            'highed-customizer-table-heading' + (group.dropdown ? ' highed-list-general-drop-down-header' : ''),
            highed.L(group.text)
          );
  
          if (group.dropdown) {
            dropdowns[highed.L(group.text)] = container;
            highed.dom.on(nodeHeading, 'click', function(e) {
              
              if (e.target !== this) {
                Object.keys(dropdowns).forEach(function(d) {
                  if (dropdowns[d] !== container) dropdowns[d].classList.remove('active');
                });
  
                if (container.classList.contains('active')) {
                  container.classList.remove('active');
                } else {
                  container.className += ' active';
                }
              }
  
            });
          }
  
  
          highed.dom.ap(
            nodeChildren,
            highed.dom.ap(
              container,
              nodeHeading,
              masterNode,
              table
            )
          );
  
          if (group.filteredBy) {
            filter = highed.getAttr(options, group.filteredBy, detailIndex);
          }
  
          if (group.controlledBy) {
            master = highed.DropDown();
            highed.dom.style(masterNode, {
              display: 'block'
            });
  
            if (highed.isStr(group.controlledBy.options)) {
              vals = highed.getAttr(
                options,
                group.controlledBy.options,
                detailIndex
              );
  
              if (highed.isArr(vals)) {
                
                if (vals.length === 0) {
                  highed.dom.ap(
                    parent,
                    highed.dom.cr('i', '', 'No data to display..')
                  );
                  return;
                }
  
                master.addItems(
                  vals.map(function(t, i) {
                    return (
                      (group.controlledBy.optionsTitle
                        ? t[group.controlledBy.optionsTitle]
                        : '#' + (i + 1)) || '#' + (i + 1)
                    );
                  })
                );
  
                master.selectByIndex(detailIndex || 0);
  
                master.on('Change', function(selected) {
  
                  detailIndex = selected.index();
  
                  table.innerHTML = '';
  
                  group.options.forEach(function(sub) {
                    if (group.filteredBy) {
                      filter = highed.getAttr(
                        options,
                        group.filteredBy,
                        detailIndex
                      );
                    }
                    selectGroup(
                      sub,
                      table,
                      options,
                      detailIndex,
                      group.filteredBy,
                      filter
                    );
                  });
                });
  
                highed.dom.ap(masterNode, master.container);
                detailIndex = detailIndex || 0;
              } else {
                return;
              }
            }
          }
  
          //highed.dom.ap(body, table);
  
          group.options.forEach(function(sub) {
            selectGroup(sub, table, options, detailIndex, group.filteredBy, filter);
          });
        } else if (typeof group.id !== 'undefined') {
          //Check if we should filter out this column
          if (filter && group.subType && group.subType.length) {
            if (!highed.arrToObj(group.subType)[filter]) {
              return;
            }
          }
  
          if (Object.keys(properties.availableSettings || {}).length > 0) {
            if (
              !properties.availableSettings[group.id] &&
              !properties.availableSettings[group.pid]
            ) {
              return;
            }
          }
  
          if (typeof group.dataIndex !== 'undefined') {
            detailIndex = group.dataIndex;
          }
  
          def = highed.getAttr(options, group.id, detailIndex);
  
          //highed.dom.ap(sub, highed.dom.cr('span', '', referenced[0].returnType));
          
          highed.dom.ap(
            table,
            highed.InspectorField(
              group.values ? 'options' : group.dataType,
              typeof def !== 'undefined'
                ? def
                : filter && group.subTypeDefaults[filter]
                  ? group.subTypeDefaults[filter]
                  : group.defaults,
              {
                title: highed.L('option.text.' + group.pid),
                tooltip: highed.L('option.tooltip.' + group.pid),
                values: group.values,
                custom: group.custom,
                defaults: group.defaults,
                width: group.width || 100,
                attributes: group.attributes || [],
                warning: group.warning || [],
                header: highed.L(group.pid)
              },
              function(newValue) {
                if (group.header) return;
                if (group.plugins && group.plugins.length > 0) {
                  events.emit('TogglePlugins', group.id, newValue);
                }
                
                if (!group.noChange) events.emit('PropertyChange', group.id, newValue, detailIndex);
                
                highed.emit(
                  'UIAction',
                  'SimplePropSet',
                  highed.L('option.text.' + group.pid),
                  newValue
                );
  
                if (group.id === filteredBy) {
                  //This is a master for the rest of the childs,
                  //which means that we need to rebuild everything
                  //here somehow and check their subType
                  nodeChildren.innerHTML = '';
                  applyFilter(detailIndex, filteredBy, newValue);
                }
              },
              false,
              group.id,
              planCode
            )
          );
        }
      }
  
      function select(e) {
        if (selectedItem) {
          selectedItem.selected = false;
          selectedItem.node.className = 'item';
          selectedItem.nodeArrow.innerHTML = '<i class="fa fa-angle-right" aria-hidden="true"></i>';
          highed.dom.style(selectedItem.nodeChildren, {
            display: "none"
          });
        }
        dropdowns = {};
  
        nodeArrow.innerHTML = '<i class="fa fa-angle-down" aria-hidden="true"></i>';
        nodeChildren.innerHTML = '';
        var entry = highed.meta.optionsExtended.options[item.id];
        (entry || []).forEach(function(thing) {
          selectGroup(thing);
        });
  
        highed.dom.style(nodeChildren, {
          display: 'block'
        });
        
        selectedItem = iexports;
        selectedItem.selected = true;
        node.className = 'item item-selected';
        events.emit('Select', item.id);
        compactIndicator.innerHTML =
          '<span class="icon fa fa-th-list"></span>' + item.title;
  
        if (highed.isFn(item.click)) {
          return item.click(e);
        }
      }
  
      if (!item.annotations) {
        highed.dom.on(node, 'click', item.onClick || select);
      }
      highed.dom.ap(container, node, nodeChildren);
  
      iexports = {
        id: item.id,
        title: item.title,
        node: node,
        nodeArrow: nodeArrow,
        nodeChildren: nodeChildren,
        select: select,
        selected: false
      };
  
      items.push(iexports);
  
      if (!selectedItem) {
        select();
      }
  
      return iexports;
    }
  
    /** Add a set of items to the list
       *  @memberof highed.List
       *  @param items {array<object>} - an array of items to add
       */
    function addItems(items) {
      if (highed.isArr(items)) {
  
        items.forEach(function(item) {
          addItem(item);
        });
      }
    }
  
    /** Clear all the items in the list
       *  @memberof highed.List
       */
    function clear() {
      container.innerHTML = '';
    }
  
    /** Force resize of the list
       *  @memberof highed.List
       */
    function resize() {
      var ps = highed.dom.size(parent),
        cs = highed.dom.size(container);
  
      if (responsive && ps.h < 50 && ps.h !== 0 && ps.h) {
        highed.dom.style(compactIndicator, {
          display: 'block'
        });
        highed.dom.style(container, {
          display: 'none'
        });
      } else if (responsive) {
        highed.dom.style(compactIndicator, {
          display: 'none'
        });
        highed.dom.style(container, {
          display: ''
        });
      }
  
      // highed.dom.style(container, {
      //     //height: ps.height + 'px'
      //     height: '100%'
      // });
    }
  
    /** Show the list
      *  @memberof highed.List
      */
    function show() {
      highed.dom.style(container, {});
    }
  
    /** Hide the list
       *  @memberof highed.List
       */
    function hide() {}
  
    /** Select the first item
       *  @memberof highed.List
       */
    function selectFirst() {
      if (items.length > 0) {
        items[0].select();
      }
    }
  
    /** Select an item
       *  @memberof highed.List
       *  @param which {string} - the id of the item to select
       */
    function select(which) {
  
      items.some(function(item) {
        if (which === item.title) {
          if (item.selected) return true;
          item.select();
          return true;
        }
      });
    }
  
    function selectDropdown(dropdownKey) {
  
  
      if (dropdowns[dropdownKey].classList.contains('active')) {
        return true;
      }
  
      Object.keys(dropdowns).forEach(function(d) {
        if (dropdowns[d] !== dropdowns[dropdownKey]) dropdowns[d].classList.remove('active');
      });
  
      if (!dropdowns[dropdownKey].classList.contains('active')) {
        dropdowns[dropdownKey].className += ' active';
      }
  
    }
  
    /** Reselect the current item
       *  @memberof highed.List
       */
    function reselect() {
      if (selectedItem) {
        selectedItem.select();
      }
    }
  
    /** Count the number of items currently in the list
       *  @memberof highed.List
       */
    function countItems() {
      return items.length;
    }
  
    /** Get the selected item
       *  @memberof highed.List
       *  @returns {object} - the selected item
       */
    function selected() {
      return selectedItem;
    }
    ///////////////////////////////////////////////////////////////////////////
  
    highed.dom.on(compactIndicator, 'click', function(e) {
      ctx.build(
        items.map(function(item) {
          return {
            title: item.title,
            click: item.select,
            selected: item.selected
          };
        })
      );
      ctx.show(e.clientX, e.clientY);
    });
  
    highed.dom.ap(parent, container, compactIndicator);
  
    ///////////////////////////////////////////////////////////////////////////
  
    //Public interface
    return {
      on: events.on,
      addItem: addItem,
      addItems: addItems,
      clear: clear,
      resize: resize,
      show: show,
      hide: hide,
      selectFirst: selectFirst,
      select: select,
      selectDropdown: selectDropdown,
      reselect: reselect,
      selected: selected,
      count: countItems,
      container: container
    };
  };
  
  /******************************************************************************
  
  Copyright (c) 2016-2018, Highsoft
  
  Permission is hereby granted, free of charge, to any person obtaining
  a copy of this software and associated documentation files (the
  "Software"), to deal in the Software without restriction, including
  without limitation the rights to use, copy, modify, merge, publish,
  distribute, sublicense, and/or sell copies of the Software, and to
  permit persons to whom the Software is furnished to do so, subject to
  the following conditions:
  
  The above copyright notice and this permission notice shall be
  included in all copies or substantial portions of the Software.
  
  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
  EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
  MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
  IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY
  CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT,
  TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
  SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
  
  ******************************************************************************/
  
  // @format
  
  (function() {
    var container = highed.dom.cr(
        'div',
        'highed-colorpicker highed-colorpicker-responsive'
      ),
      canvas = highed.dom.cr('canvas', 'picker'),
      closeBtn = highed.dom.cr('div', 'highed-ok-button', 'Close'),
      ctx = canvas.getContext('2d'),
      manualInput = highed.dom.cr('input', 'manual');
  
    //Attach the container to the document when the document is ready
    highed.ready(function() {
      highed.dom.ap(document.body, container);
    });
  
    function updatePickerBackground(current) {
      highed.dom.style(manualInput, {
        background: current,
        color: highed.getContrastedColor(current)
      });
    }
  
    /** Color picker
       *  Component to pick colors from the google material design color palette.
       *  User input is also possible.
       *
       *  The color palette is defined in meta/highed.meta.colors.js,
       *  and is divided into groups of 14 hues per. color.
       *
       *  @example
       *  //Show a color picker at [10,10]
       *  highed.pickColor(10, 10, '#fff', function (color) {
       *      alert('You selected ' + color + ', great choice!');
       *  });
       *
       *  @param x {number} - the x position to display the picker at
       *  @param y {number} - the y position to display the picker at
       *  @param current {string} - the current color
       *  @param fn {function} - the function to call when the color changes
       *    > newColor {string} - the color selected by the user
       */
    highed.pickColor = function(x, y, current, fn) {
      var windowSize = highed.dom.size(document.body),
        containerSize = highed.dom.size(container),
        pickerSize = highed.dom.size(canvas),
        binder = false,
        pbinder = false,
        cbinder = false,
        dbinder = false;
  
      ///////////////////////////////////////////////////////////////////////
  
      /* Draws the color picker itself */
      function drawPicker() {
        //There's 14 hues per. color, 19 colors in total.
        var x,
          y,
          tx = Math.floor(pickerSize.w / 14),
          ty = Math.floor(pickerSize.h / 19),
          col = -1;
  
        canvas.width = pickerSize.w;
        canvas.height = pickerSize.h;
  
        //To avoid picking null
        ctx.fillStyle = '#FFF';
        ctx.fillRect(0, 0, pickerSize.w, pickerSize.h);
  
        for (y = 0; y < 19; y++) {
          for (x = 0; x < 15; x++) {
            ctx.fillStyle = highed.meta.colors[++col]; //highed.meta.colors[x + y * tx];
            ctx.fillRect(x * tx, y * ty, tx, ty);
          }
        }
      }
  
      /* Hide the picker */
      function hide() {
        highed.dom.style(container, {
          opacity: 0,
          left: '-20000px',
          'pointer-events': 'none'
        });
        binder();
        pbinder();
        cbinder();
        dbinder();
      }
  
      function rgbToHex(r, g, b) {
        var res = '#' + ((r << 16) | (g << 8) | b).toString(16);
        if (res.length === 5) {
          return res.replace('#', '#00');
        } else if (res.length === 6) {
          return res.replace('#', '#0');
        }
        return res;
      }
  
      function pickColor(e) {
        var px = e.clientX || e.touches[0].clientX || 0,
          py = e.clientY || e.touches[0].clientY || 0,
          cp = highed.dom.pos(canvas),
          id = ctx.getImageData(px - cp.x - x, py - cp.y - y, 1, 1).data,
          col = rgbToHex(id[0] || 0, id[1], id[2]);
  
        manualInput.value = col;
  
        updatePickerBackground(col);
  
        if (highed.isFn(fn)) {
          fn(col);
        }
  
        e.cancelBubble = true;
        e.preventDefault();
        e.stopPropagation();
        e.stopImmediatePropagation();
        return false;
      }
  
      ///////////////////////////////////////////////////////////////////////
  
      //Make sure we're not off screen
      if (x > windowSize.w - containerSize.w) {
        x = windowSize.w - containerSize.w - 10;
      }
  
      if (y > windowSize.h - containerSize.h) {
        y = windowSize.h - containerSize.h - 10;
      }
  
      highed.dom.style(container, {
        left: x + 'px',
        top: y + 'px',
        opacity: 1,
        'pointer-events': 'auto'
      });
  
      dbinder = highed.showDimmer(hide, true, true, 5);
  
      cbinder = highed.dom.on(closeBtn, 'click', hide);
  
      binder = highed.dom.on(manualInput, 'keyup', function() {
        if (highed.isFn(fn)) {
          fn(manualInput.value);
        }
      });
  
      pbinder = highed.dom.on(canvas, ['mousedown', 'touchstart'], function(e) {
        var mover = highed.dom.on(canvas, ['mousemove', 'touchmove'], pickColor),
          cancel = highed.dom.on(
            document.body,
            ['mouseup', 'touchend'],
            function() {
              mover();
              cancel();
            }
          );
  
        pickColor(e);
      });
  
      manualInput.value = current;
      updatePickerBackground(current);
  
      drawPicker();
  
      ///////////////////////////////////////////////////////////////////////
  
      return {};
    };
  
    highed.dom.ap(container, canvas, manualInput, closeBtn);
  })();
  
  /******************************************************************************
  
  Copyright (c) 2016-2018, Highsoft
  
  Permission is hereby granted, free of charge, to any person obtaining
  a copy of this software and associated documentation files (the
  "Software"), to deal in the Software without restriction, including
  without limitation the rights to use, copy, modify, merge, publish,
  distribute, sublicense, and/or sell copies of the Software, and to
  permit persons to whom the Software is furnished to do so, subject to
  the following conditions:
  
  The above copyright notice and this permission notice shall be
  included in all copies or substantial portions of the Software.
  
  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
  EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
  MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
  IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY
  CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT,
  TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
  SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
  
  ******************************************************************************/
  
  // @format
  
  /** A standard toolbar.
   *
   *  @example
   *  var toolbar = highed.Toolbar('my-node', {
   *    additionalCSS: ['cool-toolbar']
   *  });
   *
   *  @constructor
   *  @param parent {domnode} - the node to attach the toolbar to
   *  @param attributes {object} - toolbar settings
   *    > additionalCSS {array} - array of additional css classes to add to the toolbar
   */
  highed.Toolbar = function(parent, attributes) {
    var properties = highed.merge(
        {
          additionalCSS: []
        },
        attributes
      ),
      container = highed.dom.cr(
        'div',
        'highed-toolbar ' + properties.additionalCSS.join(' ')
      ),
      left = highed.dom.cr('div', 'highed-toolbar-left'),
      right = highed.dom.cr('div', 'highed-toolbar-right'),
      center = highed.dom.cr('div', 'highed-toolbar-center'),
      iconsRight = highed.dom.cr('div', 'icons');
  
    ///////////////////////////////////////////////////////////////////////////
  
    /** Add an icon to the toolbar
       *  @memberof highed.Toolbar
       *  @param icon {object} - an object containing the icon settings.
       *    > css {array} - the additional css class(s) to use
       *    > click {function} - the function to call when the icon is clicked
       */
    function addIcon(icon, where) {
      var i = highed.dom.cr('div', 'icon highed-icon fa ' + (icon.css || ''));
  
      highed.dom.on(i, 'click', function(e) {
        if (highed.isFn(icon.click)) {
          icon.click(e);
        }
      });
  
      i.title = icon.tooltip || icon.title;
  
      highed.dom.ap(where === 'left' ? left : right, i);
    }
  
    /** Add a button to the toolbar
       *  @memberof highed.Toolbar
       *  @param icon {object} - an object containing the icon settings.
       *    > css {array} - the additional css class(s) to use
       *    > click {function} - the function to call when the icon is clicked
       */
    function addButton(icon, where) {
      var i = highed.dom.cr(
        'div',
        'highed-ok-button highed-toolbar-button',
        icon.title || ''
      );
  
      highed.dom.on(i, 'click', function(e) {
        if (highed.isFn(icon.click)) {
          icon.click(e);
        }
      });
  
      i.title = icon.tooltip;
  
      highed.dom.ap(where === 'left' ? left : right, i);
    }
  
    function addSeparator(where) {
      highed.dom.ap(
        where === 'left' ? left : right,
        highed.dom.cr('span', 'separator')
      );
    }
  
    ///////////////////////////////////////////////////////////////////////////
  
    highed.dom.ap(parent, highed.dom.ap(container, left, center, right));
  
    ///////////////////////////////////////////////////////////////////////////
  
    return {
      /** The toolbar container
           *  @type {domnode}
           *  @memberof highed.Toolbar
           */
      container: container,
      addIcon: addIcon,
      addButton: addButton,
      addSeparator: addSeparator,
      /** The left part of the toolbar
           *  @type {domnode}
           *  @memberof highed.Toolbar
           */
      left: left,
      /** The center part of the toolbar
           *  @type {domnode}
           *  @memberof highed.Toolbar
           */
      center: center,
      /** The right part of the toolbar
           *  @type {domnode}
           *  @memberof highed.Toolbar
           */
      right: right
    };
  };
  
  /******************************************************************************
  
  Copyright (c) 2016-2018, Highsoft
  
  Permission is hereby granted, free of charge, to any person obtaining
  a copy of this software and associated documentation files (the
  "Software"), to deal in the Software without restriction, including
  without limitation the rights to use, copy, modify, merge, publish,
  distribute, sublicense, and/or sell copies of the Software, and to
  permit persons to whom the Software is furnished to do so, subject to
  the following conditions:
  
  The above copyright notice and this permission notice shall be
  included in all copies or substantial portions of the Software.
  
  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
  EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
  MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
  IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY
  CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT,
  TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
  SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
  
  ******************************************************************************/
  
  // @format
  
  (function() {
    /** Font picker
       *
       *  Creates a small font picking widget editing of:
       *      - bold
       *      - font family
       *      - font size
       *      - color
       *
       *  Note that this must be attached to the document manually by appending
       *  the returned container to something.
       *
       *  @example
       *  var picker = highed.FontPicker(function (newStyle) {
       *      highed.dom.style(document.body, newStyle);
       *  });
       *
       *  highed.dom.ap(document.body, picker.container);
       *
       *  @param fn {function} - the function to call when things change
       *  @param style {object} - the current style object
       *    > fontFamily {string} - the font family
       *    > color {string} - the font color
       *    > fontWeight {string} - the current font weight
       *    > fontStyle {string} - the current font style
       *  @returns {object} - an interface to the picker
       *    > container {domnode} - the body of the picker
       */
    highed.FontPicker = function(fn, style) {
      var container = highed.dom.cr('div', 'highed-font-picker'),
        fontFamily = highed.DropDown(), //highed.dom.cr('select', 'font-family'),
        fontSize = highed.DropDown(null, 'highed-font-size'), //highed.dom.cr('select', 'font-size'),
        boldBtn = highed.PushButton(false, 'bold'),
        italicBtn = highed.PushButton(false, 'italic'),
        color = highed.dom.cr('span', 'font-color', '&nbsp;');
  
      if (highed.isStr(style)) {
        try {
          style = JSON.parse(style);
        } catch (e) {}
      }
  
      ///////////////////////////////////////////////////////////////////////
  
      function callback() {
        if (highed.isFn(fn)) {
          fn(style);
        }
      }
  
      function updateColor(ncol, suppressCallback) {
        highed.dom.style(color, {
          background: ncol
        });
  
        style.color = ncol;
        if (!suppressCallback) {
          callback();
        }
      }
  
      ///////////////////////////////////////////////////////////////////////
  
      /** Set the current options
           *  @memberof highed.FontPicker
           *  @param options {object} - the options to set
           */
      function set(options) {
        if (highed.isStr(options)) {
          try {
            options = JSON.parse(options);
          } catch (e) {
            highed.log(0, 'Error in FontPicker::set');
            return;
          }
        }
  
        style = highed.merge(
          {
            fontFamily: 'Default',//'"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif',
            color: '#333',
            fontSize: '18px',
            fontWeight: 'normal',
            fontStyle: 'normal'
          },
          options
        );
  
        //Set the current values
        boldBtn.set(style.fontWeight === 'bold');
        italicBtn.set(style.fontStyle === 'italic');
        updateColor(style.color, true);
        fontFamily.selectById(style.fontFamily);
        fontSize.selectById(style.fontSize.replace('px', ''));
      }
  
      //Add fonts to font selector
      fontFamily.addItems(highed.meta.fonts);
      //Add font sizes
      fontSize.addItems([8, 10, 12, 14, 16, 18, 20, 22, 25, 26, 28, 30, 32, 34]);
  
      set(style);
  
      //Listen to font changes
      fontFamily.on('Change', function(selected) {
        
        if (selected.id() === 'Default') style.fontFamily = '"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif';
        else style.fontFamily = selected.id();
  
        return callback();
      });
  
      //Listen to font size changes
      fontSize.on('Change', function(selected) {
        style.fontSize = selected.id() + 'px';
        return callback();
      });
  
      //Listen to bold changes
      boldBtn.on('Toggle', function(state) {
        style.fontWeight = state ? 'bold' : 'normal';
        callback();
      });
  
      //Listen to italic changes
      italicBtn.on('Toggle', function(state) {
        style.fontStyle = state ? 'italic' : 'normal';
        callback();
      });
  
      //Handle color picker
      highed.dom.on(color, 'click', function(e) {
        highed.pickColor(e.clientX, e.clientY, style.color, updateColor);
      });
  
      //Create DOM
      highed.dom.ap(
        container,
        fontFamily.container,
          fontSize.container,
          highed.dom.ap(
            highed.dom.cr('div', 'highed-font-picker-buttons'),
            highed.dom.ap (
              highed.dom.cr('div', 'highed-font-style'),
              boldBtn.button,
              italicBtn.button
            ),
            color
        )
      );
  
      ///////////////////////////////////////////////////////////////////////
  
      return {
        set: set,
        container: container
      };
    };
  })();
  
  /******************************************************************************
  
  Copyright (c) 2016-2018, Highsoft
  
  Permission is hereby granted, free of charge, to any person obtaining
  a copy of this software and associated documentation files (the
  "Software"), to deal in the Software without restriction, including
  without limitation the rights to use, copy, modify, merge, publish,
  distribute, sublicense, and/or sell copies of the Software, and to
  permit persons to whom the Software is furnished to do so, subject to
  the following conditions:
  
  The above copyright notice and this permission notice shall be
  included in all copies or substantial portions of the Software.
  
  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
  EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
  MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
  IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY
  CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT,
  TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
  SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
  
  ******************************************************************************/
  
  // @format
  
  /** A wizard-type stepper
   *  This is sort of like a tab control, but with a logical
   *  x -> y flow.
   *
   *  @emits Step - when going back/forth
   *  @emits AddStep - when a new step is added
   *
   *  @constructor
   *  @param bodyParent {domnode} - the node to attach the body to
   *  @param indicatorParent {domnode} - the node to attach the indicators to
   *  @param attributes {object} - the settings for the stepper
   *    > indicatorPos {enum} - the indicator alignment
   *       > top
   *       > bottom
   */
  highed.WizardStepper = function(bodyParent, indicatorParent, attributes) {
    var properties = highed.merge(
        {
          indicatorPos: 'top'
        },
        attributes
      ),
      events = highed.events(),
      body = highed.dom.cr('div', 'highed-wizstepper-body'),
      indicators = highed.dom.cr('div', 'highed-wizstepper-indicators'),
      currentIndicator = highed.dom.cr('div', 'highed-wizstepper-current'),
      currentBubble = highed.dom.cr('div', 'highed-wizstpper-current-bubble'),
      activeStep = false,
      stepCount = 0,
      steps = [],
      ctx = highed.ContextMenu();
  
    ///////////////////////////////////////////////////////////////////////////
  
    /* Update the bar CSS - this is more stable than doing it in pure CS */
    function updateBarCSS() {
      var fsteps = steps.filter(function(t) {
        return t.visible;
      });
  
      stepCount = 0;
  
      fsteps.forEach(function(step, i) {
        if (i === 0) {
          step.bar.className = 'bar bar-first';
        } else if (i === fsteps.length - 1) {
          step.bar.className = 'bar bar-last';
        } else {
          step.bar.className = 'bar';
        }
  
        step.number = ++stepCount;
  
        step.bar.className +=
          ' ' + (properties.indicatorPos === 'bottom' ? 'bar-bottom' : 'bar-top');
      });
    }
  
    /** Add a new step
       *  @memberof highed.WizardStepper
       *  @param step {object} - an object describing the step
       *    > title {string} - the step title
       *  @returns {object} - interface to manipulate the step
       *    > activate {function} - function to activate the step
       *    > bubble {domnode} - the node for the bubble
       *    > body {domnode} - the node for the step body
       */
    function addStep(step) {
      var stepexports = {
        number: ++stepCount,
        node: highed.dom.cr('div', 'highed-wizstepper-item'),
        label: highed.dom.cr('div', '', step.title, 'label'),
        bubble: highed.dom.cr(
          'div',
          'bubble ' +
            (properties.indicatorPos === 'bottom'
              ? 'bubble-bottom'
              : 'bubble-top')
        ),
        bar: highed.dom.cr(
          'div',
          'bar ' +
            (properties.indicatorPos === 'bottom' ? 'bar-bottom' : 'bar-top')
        ),
        body: highed.dom.cr('div', 'highed-step-body'),
        visible: true
      };
  
      stepexports.title = step.title;
  
      function activate() {
        if (activeStep) {
          activeStep.bubble.innerHTML = '';
  
          highed.dom.style(activeStep.bubble, {
            height: '',
            width: '',
            bottom: '-4px',
            'font-size': '0px'
          });
  
          highed.dom.style(activeStep.body, {
            opacity: 0,
            display: 'none',
            'pointer-events': 'none'
          });
  
          if (properties.indicatorPos === 'top') {
            highed.dom.style(activeStep.bubble, {
              top: '-6px',
              bottom: ''
            });
          }
  
          activeStep.label.className = 'label-inactive';
  
          currentIndicator.innerHTML =
            step.title + ' - ' + stepexports.number + '/' + stepCount;
  
          //highed.dom.ap(currentIndicator, currentBubble);
          currentBubble.innerHTML = stepexports.number + '/' + stepCount;
  
          if (step.onshow) {
            step.onshow();
          }
        }
  
        stepexports.bubble.innerHTML = stepexports.number;
  
        highed.dom.style(stepexports.bubble, {
          height: '25px',
          width: '25px',
          bottom: '-8px',
          'font-size': '16px'
        });
  
        highed.dom.style(stepexports.body, {
          opacity: 1,
          display: 'block',
          'pointer-events': 'auto'
        });
  
        if (properties.indicatorPos === 'top') {
          highed.dom.style(stepexports.bubble, {
            top: '-10px'
          });
        }
  
        activeStep = stepexports;
        activeStep.label.className = 'label-active';
  
        events.emit('Step', stepexports, stepCount, step);
      }
  
      stepexports.hide = function() {
        highed.dom.style(stepexports.node, {
          display: 'none'
        });
        if (stepexports.visible) {
          //This needs fixing
          stepCount--;
          stepexports.visible = false;
          updateBarCSS();
        }
      };
  
      stepexports.show = function() {
        highed.dom.style(stepexports.node, {
          display: ''
        });
  
        if (!stepexports.visible) {
          stepCount++;
          stepexports.visible = true;
          updateBarCSS();
  
          if (step.onshow) {
            step.onshow();
          }
        }
      };
  
      stepexports.visible = function() {
        return visible;
      };
  
      highed.dom.on(stepexports.node, 'click', activate);
  
      if (!activeStep) {
        activate();
      }
  
      stepexports.activate = activate;
  
      steps.push(stepexports);
  
      updateBarCSS();
  
      highed.dom.ap(
        indicators,
        highed.dom.ap(
          stepexports.node,
          stepexports.label,
          stepexports.bar,
          stepexports.bubble
        )
      );
  
      highed.dom.ap(body, stepexports.body);
  
      events.emit('AddStep', activeStep, stepCount);
  
      return stepexports;
    }
  
    /** Go to the next step
       *  @memberof highed.WizardStepper
       */
    function next() {
      var fsteps = steps.filter(function(t) {
        return t.visible;
      });
      if (activeStep && activeStep.number < stepCount) {
        fsteps[activeStep.number].activate();
      }
    }
  
    /** Go to the previous step
       *  @memberof highed.WizardStepper
       */
    function previous() {
      var fsteps = steps.filter(function(t) {
        return t.visible;
      });
      if (activeStep && activeStep.number > 1) {
        fsteps[activeStep.number - 2].activate();
      }
    }
  
    /** Force a resize of the splitter
       *  @memberof highed.WizardStepper
       *  @param w {number} - the width of the stepper (will use parent if null)
       *  @param h {number} - the height of the stepper (will use parent if null)
       */
    function resize(w, h) {
      var ps = highed.dom.size(bodyParent);
  
      highed.dom.style(body, {
        height: (h || ps.h) + 'px'
      });
    }
  
    /** Select the first step
        * @memberof highed.WizardStepper
        */
    function selectFirst() {
      steps.some(function(step, i) {
        if (step.visible) {
          step.activate();
          return true;
        }
      });
    }
  
    highed.dom.on(currentIndicator, 'click', function(e) {
      var fsteps = steps.filter(function(t) {
        return t.visible;
      });
  
      ctx.build(
        fsteps.map(function(step) {
          return {
            title: step.title,
            click: step.activate,
            selected: activeStep.title === step.title
          };
        })
      );
  
      ctx.show(e.clientX, e.clientY);
    });
  
    ///////////////////////////////////////////////////////////////////////////
  
    highed.dom.ap(
      indicatorParent,
      indicators,
      highed.dom.ap(currentIndicator, currentBubble)
    );
  
    highed.dom.ap(bodyParent, body);
  
    ///////////////////////////////////////////////////////////////////////////
  
    return {
      on: events.on,
      addStep: addStep,
      next: next,
      resize: resize,
      previous: previous,
      selectFirst: selectFirst,
      /** The main body
           *  @memberof highed.WizardStepper
           *  @type {domnode}
           */
      body: body
    };
  };
  
  /******************************************************************************
  
  Copyright (c) 2016-2018, Highsoft
  
  Permission is hereby granted, free of charge, to any person obtaining
  a copy of this software and associated documentation files (the
  "Software"), to deal in the Software without restriction, including
  without limitation the rights to use, copy, modify, merge, publish,
  distribute, sublicense, and/or sell copies of the Software, and to
  permit persons to whom the Software is furnished to do so, subject to
  the following conditions:
  
  The above copyright notice and this permission notice shall be
  included in all copies or substantial portions of the Software.
  
  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
  EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
  MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
  IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY
  CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT,
  TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
  SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
  
  ******************************************************************************/
  
  // @format
  
  (function() {
    var container = highed.dom.cr(
      'div',
      'highed-scrollbar highed-tooltip highed-tooltip-fixed'
    );
  
    highed.ready(function() {
      highed.dom.ap(document.body, container);
    });
  
    function hide() {
      highed.dom.style(container, {
        opacity: 0,
        'pointer-events': 'none'
      });
    }
  
    highed.dom.on(container, 'mouseout', hide);
    highed.dom.on(container, 'click', hide);
  
    /** Show a tooltip
       *  @param x {number} - the x position of the tooltip
       *  @param y {number} - the y position of the tooltip
       *  @param tip {string} - the title
       *  @param blowup {boolean}  - blow the tooltip up
       */
    highed.Tooltip = function(x, y, tip, blowup) {
      var ds = highed.dom.size(document.body);
  
      if (x < 0) x = 0;
      if (y < 0) y = 0;
      if (x > ds.w - 200) x = ds.w - 200;
  
      highed.dom.style(container, {
        opacity: 1,
        'pointer-events': 'auto',
        left: x + 'px',
        top: y + 'px',
        'max-width': '300px'
      });
  
      if (blowup) {
        highed.dom.style(container, {
          opacity: 1,
          'pointer-events': 'auto',
          width: '90%',
          height: '90%',
          left: '50%',
          top: '50%',
          transform: 'translate(-50%, -50%)'
        });
      }
  
      container.innerHTML = tip;
  
      return hide;
    };
  
    highed.hideAllTooltips = hide;
  })();
  
  /******************************************************************************
  
  Copyright (c) 2016-2018, Highsoft
  
  Permission is hereby granted, free of charge, to any person obtaining
  a copy of this software and associated documentation files (the
  "Software"), to deal in the Software without restriction, including
  without limitation the rights to use, copy, modify, merge, publish,
  distribute, sublicense, and/or sell copies of the Software, and to
  permit persons to whom the Software is furnished to do so, subject to
  the following conditions:
  
  The above copyright notice and this permission notice shall be
  included in all copies or substantial portions of the Software.
  
  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
  EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
  MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
  IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY
  CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT,
  TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
  SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
  
  ******************************************************************************/
  
  // @format
  
  /** A simple toggle button component
   *
   *  @example
   *  //Create a push button with the gear icon attached
   *  highed.PushButton(document.body, 'gear', false).on('Toggle', function (state) {
   *      alert('Push button is now ' + state);
   *  });
   *
   *  @constructor
   *
   *  @emits Toggle {boolean} - when the state changes
   *
   *  @param parent {domnode} (optional) - the parent to attach the button to
   *  @param icon {string} - the button icon
   *  @param state {boolean} - the initial state of the button
   */
  highed.PushButton = function(parent, icon, state) {
    var button = highed.dom.cr('span', 'highed-pushbutton fa fa-' + icon),
      events = highed.events();
  
    function updateCSS() {
      if (state) {
        button.className += ' highed-pushbutton-active';
      } else {
        button.className = button.className.replace(
          ' highed-pushbutton-active',
          ''
        );
      }
    }
  
    /** Set the current state
      *  @memberof highed.PushButton
      *  @param flag {boolean} - the new state
      */
    function set(flag) {
      state = flag;
      updateCSS();
    }
  
    highed.dom.on(button, 'click', function() {
      state = !state;
      updateCSS();
      events.emit('Toggle', state);
    });
  
    if (!highed.isNull(parent) && parent !== false) {
      highed.dom.ap(parent, button);
    }
  
    updateCSS();
  
    return {
      set: set,
      /** The button
           * @memberof highed.PushButton
           * @type {domnode}
           */
      button: button,
      on: events.on
    };
  };
  
  /******************************************************************************
  
  Copyright (c) 2016-2018, Highsoft
  
  Permission is hereby granted, free of charge, to any person obtaining
  a copy of this software and associated documentation files (the
  "Software"), to deal in the Software without restriction, including
  without limitation the rights to use, copy, modify, merge, publish,
  distribute, sublicense, and/or sell copies of the Software, and to
  permit persons to whom the Software is furnished to do so, subject to
  the following conditions:
  
  The above copyright notice and this permission notice shall be
  included in all copies or substantial portions of the Software.
  
  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
  EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
  MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
  IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY
  CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT,
  TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
  SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
  
  ******************************************************************************/
  
  // @format
  
  /** Tree component
   *  For an example of formatting, build the editor with `gulp with-advanced`,
   *  and look in `src/meta/highed.options.advanced.js`.
   *
   *  @emits Select {object} - when a node is selected
   *
   *  @constructor
   *  @param parent {domnode} - the node to attach the tree to
   */
  highed.Tree = function(parent) {
    var container = highed.dom.cr('div', 'highed-tree'),
      selectedNode = false,
      events = highed.events(),
      expands = {},
      expandState = {},
      selectedID = false,
      selectedPath = false,
      attachedData = {},
      filters = {
        //Filter the series properties based on the series.type property
        series: {
          controller: 'type',
          state: false,
          default: 'line'
        },
        plotOptions: {
          controller: 'type',
          state: false,
          default: 'line'
        }
      };
  
    ////////////////////////////////////////////////////////////////////////////
  
    function createNode(child, pnode, instancedData, productFilter, myIndex) {
  
      var id =  (child.meta.ns ? child.meta.ns + '.' : '') +
      (!isNaN(myIndex) ? '[' + myIndex + '].' : '') +
      child.meta.name;
  
      var node = highed.dom.cr(
          'div',
          'node',
          '',
          id
        ),
        title = highed.dom.cr(
          'div',
          'parent-title',
          highed.uncamelize(child.meta.title || child.meta.name)
        ),
        body = highed.dom.cr('div', 'parent-body'),
        icon = highed.dom.cr('div', 'exp-col-icon fa fa-folder-o'),
        rightIcons = highed.dom.cr('div', 'right-icons'),
        remIcon = highed.dom.cr('div', 'highed-icon fa fa-minus-square-o'),
        addIcon = highed.dom.cr('div', 'highed-icon fa fa-plus-square-o'),
        index =
          (child.meta.ns ? child.meta.ns + '.' : '') +
          (myIndex ? '[' + myIndex + '].' : '') +
          //(!isNaN(myIndex) ? '[' + myIndex + '].' : '') +
          child.meta.name,
        expanded = true;
  
      //child.meta.fullname = index;
      child.meta.fullname = (myIndex ? child.meta.name : index);
  
      function pushExpandState() {
        if (
          (!child.meta.types.array &&
            typeof expandState[index] !== 'undefined') ||
          expanded
        ) {
          expandState[index] = expanded;
        }
      }
  
      function select() {
        if (selectedNode) {
          selectedNode.className = 'parent-title';
        }
  
        selectedNode = title;
        selectedPath = index;
  
        title.className = 'parent-title parent-title-selected';
        events.emit(
          'Select',
          child,
          title.innerHTML,
          child.data,
          productFilter,
          filters[index] ? child.data[filters[index].controller] || filters[index].default : false
        );
      }
  
      function expand(noSelect, force) {
        if (
          (force || !expanded) &&
          child.children.length &&
          child.meta.hasSubTree
        ) {
          icon.className = 'exp-col-icon fa fa-folder-open-o';
          highed.dom.style(body, { display: 'block' });
          expanded = true;
          pushExpandState();
        }
  
        if (!noSelect) {
          select();
        }
  
        highed.emit(
          'UIAction',
          'AdvancedTreeNavigation',
          (child.meta.ns ? child.meta.ns + '.' : '') + child.meta.name
        );
      }
  
      function collapse(noSelect, noPush) {
        if (expanded && child.children.length && child.meta.hasSubTree) {
          icon.className = 'exp-col-icon fa fa-folder-o';
          highed.dom.style(body, { display: 'none' });
          expanded = false;
          if (!noPush) {
            pushExpandState();
          }
        }
  
        if (!noSelect) {
          select();
        }
      }
  
      function toggle(e) {
        if (expanded) {
          collapse();
        } else {
          expand();
        }
  
        if (e) {
          return highed.dom.nodefault(e);
        }
      }
  
      function buildSubtree(activeFilter) {
        body.innerHTML = '';
  
        // Skip this element if it's not part of the current product
        if (
          productFilter &&
          Object.keys(child.meta.products || {}).length > 0 &&
          !child.meta.products[productFilter]
        ) {
          //return false;
        }
  
        if (child.meta.isArrayElement) {
          highed.dom.ap(node, highed.dom.ap(rightIcons, remIcon));
  
          highed.dom.on(remIcon, 'click', function(e) {
            if (confirm('Really delete the element? This cannot be undone!')) {
              var delIndex = false;
  
              if (selectedNode === node) {
                selectedNode.className = 'parent-title';
                selectedNode = false;
                selectedPath = false;
                events.emit('ClearSelection');
              }
  
              body.parentNode.removeChild(body);
              node.parentNode.removeChild(node);
  
              // This is a bit convuluted, but we can't do a filter
              child.meta.arrayData.some(function(a, i) {
                if (a === child.data) {
                  delIndex = i;
                  return true;
                }
              });
  
              child.meta.arrayData.splice(delIndex, 1);
  
              events.emit('ForceSave', attachedData);
  
              highed.snackBar(
                'Removed element ' +
                  delIndex +
                  ' from ' +
                  (child.meta.ns ? child.meta.ns + '.' : '') +
                  child.meta.name
              );
            }
  
            return highed.dom.nodefault(e);
          });
        }
  
        // This node contains an array of stuff
        if (child.meta.types.array) {
          highed.dom.ap(node, highed.dom.ap(rightIcons, addIcon));
  
          icon.className = 'exp-col-icon fa fa-th-list';
          // We need to create one child per. existing entry
          child.data = instancedData[child.meta.name] =
            instancedData[child.meta.name] || [];
  
          // Force it to be an array
          if (!highed.isArr(child.data)) {
            child.data = instancedData[child.meta.name] = [
              instancedData[child.meta.name]
            ];
          }
  
          function addArrayElementToList(data, i) {
            var cat = {
                meta: {
                  name: child.meta.name,
                  title: child.meta.name + '[' + i + ']',
                  hasSubTree: true,
                  arrayData: instancedData[child.meta.name],
                  isArrayElement: true,
                  types: {
                    object: 1
                  }
                },
                data: data,
                // We need to clone the children since the builders
                // add data attributes to them.
                // If we don't clone, all the sub-stuff will link to
                // the last child data accross all instances.
                children: highed.merge([], child.children)
              },
              node = createNode(cat, body, data, productFilter, i);
            if (node) {
              build(cat, node.body, data, productFilter, i);
            }
          }
  
          highed.dom.on(addIcon, 'click', function() {
            var newElement = {};
  
            highed.snackBar('Added new element to ' + child.meta.name);
            child.data.push(newElement);
            addArrayElementToList(newElement, child.data.length - 1);
  
            events.emit('ForceSave', attachedData);
          });
  
          child.data.forEach(addArrayElementToList);
        } else {
          // Only allow expanding on non-array parents
          highed.dom.on(node, 'click', function() {
            expand();
          });
  
          highed.dom.on(icon, 'click', toggle);
  
          if (!child.meta.hasSubTree) {
            icon.className = 'exp-col-icon fa fa-sliders';
          }
  
          // Add data instance
          if (!child.meta.isArrayElement) {
            child.data = instancedData[child.meta.name] =
              instancedData[child.meta.name] || {};
          }
  
          // Collapsed by default
          if (!expandState[index]) {
            collapse(true, true);
          } else {
            expand(true, true);
          }
  
          if (index === selectedPath) {
            select();
          }
        }
      }
  
      ////////////////////////////////////////////////////////////////////////
  
      highed.dom.ap(pnode, highed.dom.ap(node, icon, title), body);
      
      expands[index] = expand;
  
      buildSubtree();
  
      return {
        data: child.data,
        body: body,
        rebuild: buildSubtree
      };
    }
  
    /** Expand to show a given ID
     *  @memberof highed.Tree
     *  @param id {string} - the ID of the element to expand
     */
    function expandTo(id) {
      var prev = '';
  
      if (!id) return;
  
      id = id
        .replace(/\-\-/g, '.')
        .replace(/\-/g, '.')
        .split('.');
  
      id.forEach(function(seg) {
        seg = prev + seg;
        if (expands[seg]) expands[seg]();
        prev += seg + '.';
      });
    }
  
    /** Build the tree
     *
     *  This function takes in a transformed, compact, meta definitions
     *  for all entries in the API. The definitions are structured as an actual
     *  tree, where each node has an array of children, and a meta object with
     *  meta information such as data type, default, and GH links.
     *
     *  @memberof highed.Tree
     *  @param tree {object} - the tree to display
     *    > children {object} - the children of the node
     *    > entries {array} - array of orphan children
     *  @param pnode {domnode} - the parent node
     *  @param instancedData {object} - the actual tree data
     *  @param dataIndex {number} - the path to data in arrays
     */
    function build(tree, pnode, instancedData, productFilter, myIndex) {
      if (!tree) {
        return;
      }
  
  
      // Handled in createNode, just skip.
      if (tree.meta.types['array']) {
        return;
      }
  
      if (
        productFilter &&
        Object.keys(tree.meta.products || {}).length > 0 &&
        !tree.meta.products[productFilter]
      ) {
        //return;
      }
  
      if (highed.isArr(tree.children)) {
        tree.children.forEach(function(child) {
          var node, fstate;
  
          if (tree.meta.fullname && filters[tree.meta.fullname]) {
  
            if (child.meta && child.meta.validFor) {
  
              var customizedSeriesOption = productFilter.series;
              if (myIndex) customizedSeriesOption = [customizedSeriesOption[myIndex]];
              
              var found = false;
              (customizedSeriesOption || []).forEach(function(serieOption) {
                fstate = serieOption[filters[tree.meta.fullname].controller] || filters[tree.meta.fullname].default;
                if (child.meta.validFor[fstate]) found = true;
              });
  
              if (!found) {
                return;
              }
  
            }
          }
  
          if (!child.meta.leafNode) {
            node = createNode(child, pnode, instancedData, productFilter);
            if (node) {
              build(child, node.body, node.data, productFilter);
            }
          }
        });
      }
    }
  
    function getMasterData() {
      return attachedData;
    }
  
    function isFilterController(ns, name) {
      if (typeof filters[ns] !== 'undefined') {
        return filters[ns].controller === name;
      }
      return false;
    }
  
    ////////////////////////////////////////////////////////////////////////////
  
    highed.dom.ap(parent, container);
  
    ////////////////////////////////////////////////////////////////////////////
  
    return {
      on: events.on,
      expandTo: expandTo,
      getMasterData: getMasterData,
      isFilterController: isFilterController,
      build: function(tree, data) {
        attachedData = data;
        container.innerHTML = '';
        build(tree, container, data, data);
      }
    };
  };
  
  /******************************************************************************
  
  Copyright (c) 2016-2018, Highsoft
  
  Permission is hereby granted, free of charge, to any person obtaining
  a copy of this software and associated documentation files (the
  "Software"), to deal in the Software without restriction, including
  without limitation the rights to use, copy, modify, merge, publish,
  distribute, sublicense, and/or sell copies of the Software, and to
  permit persons to whom the Software is furnished to do so, subject to
  the following conditions:
  
  The above copyright notice and this permission notice shall be
  included in all copies or substantial portions of the Software.
  
  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
  EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
  MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
  IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY
  CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT,
  TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
  SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
  
  ******************************************************************************/
  
  // @format
  
  (function() {
    var container = highed.dom.cr('div', 'highed-snackbar no-print'),
      title = highed.dom.cr('span', 'snackbar-title', ''),
      action = highed.dom.cr('span', 'snackbar-action', ''),
      closeNode = highed.dom.cr(
        'span',
        'highed-snackbar-close fa fa-times-circle',
        ''
      ),
      timeout = false,
      callback = false;
  
    highed.ready(function() {
      highed.dom.ap(
        document.body,
        highed.dom.ap(container, title, action, closeNode)
      );
    });
  
    highed.dom.on(container, 'mouseover', function() {
      window.clearTimeout(timeout);
    });
  
    highed.dom.on(container, 'mouseout', function() {
      hide();
    });
  
    highed.dom.on(closeNode, 'click', function() {
      highed.dom.style(container, {
        bottom: '-68px'
      });
    });
  
    ///////////////////////////////////////////////////////////////////////////
  
    function hide() {
      timeout = window.setTimeout(function() {
        highed.dom.style(container, {
          bottom: '-68px'
        });
      }, 5000);
    }
  
    ///////////////////////////////////////////////////////////////////////////
  
    /**  Show a snackbar
       *   A snack bar is those info rectangles showing up on the bottom left.
       *
       *   @example
       *   highed.snackBar('Hello world!');
       *
       *   @param stitle {string} (optional) - the snackbar title
       *   @param saction {string} (optional) - the snackbar action text
       *   @param fn {function} (optional) - the function to call when clicking the action
       */
    highed.snackBar = function(stitle, saction, fn) {
      title.innerHTML = stitle; // .toUpperCase();
  
      window.clearTimeout(timeout);
  
      if (saction) {
        action.innerHTML = saction.toUpperCase();
      }
  
      if (callback) {
        callback();
      }
  
      highed.dom.style(container, {
        bottom: '10px'
      });
  
      highed.dom.style(action, {
        display: saction ? '' : 'none'
      });
  
      callback = highed.dom.on(action, 'click', fn);
  
      hide();
    };
  })();
  
  /******************************************************************************
  
  Copyright (c) 2016-2018, Highsoft
  
  Permission is hereby granted, free of charge, to any person obtaining
  a copy of this software and associated documentation files (the
  "Software"), to deal in the Software without restriction, including
  without limitation the rights to use, copy, modify, merge, publish,
  distribute, sublicense, and/or sell copies of the Software, and to
  permit persons to whom the Software is furnished to do so, subject to
  the following conditions:
  
  The above copyright notice and this permission notice shall be
  included in all copies or substantial portions of the Software.
  
  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
  EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
  MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
  IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY
  CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT,
  TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
  SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
  
  ******************************************************************************/
  
  // @format
  
  /** A context menu component
   *  Does a typicall right-click menu.
   *  Note that each instance get their own DOM node in the document body.
   *
   *  @example
   *  var ctx = highed.ContextMenu([
   *     {
   *         title: "Hello World",
   *         click: function (e) {
   *             alert('hello world!');
   *         }
   *     }
   *  ]);
   *
   *  @constructor
   *  @param stuff {object} - things to add (optional)
   *      > title {string} - the title of the entry
   *      > click {function} - function to call when selecting the item
   */
  highed.ContextMenu = function(stuff) {
    var container = highed.dom.cr(
        'div',
        'highed-ctx-container-common highed-ctx-container'
      ),
      closeBtn = highed.dom.cr('div', 'highed-ctx-close-button', 'Close'),
      visible = false,
      dimHide = false;
  
    ///////////////////////////////////////////////////////////////////////////
  
    /** Add an entry to the menu
       *  @memberof highed.ContextMenu
       *  @param entry {object} - the definition of the entry to add
       *    > title {string} - the title of the entry
       *    > click {function} - the function to call when clicking the item
       */
    function addEntry(entry) {
      var item = highed.dom.cr(
          'div',
          'highed-ctx-item highed-ctx-item-responsive',
          entry.title
        ),
        right = highed.dom.cr('div', 'highed-ctx-child-icon fa fa-angle-right'),
        childCtx;
  
      if (entry === '-') {
        return highed.dom.ap(container, highed.dom.cr('div', 'highed-ctx-sep'));
      }
  
      highed.dom.on(item, 'click', function() {
        if (highed.isFn(entry.click)) {
          entry.click();
        }
  
        hide();
      });
  
      if (entry.selected) {
        item.className += ' highed-ctx-item-selected';
      }
  
      if (!highed.isNull(entry.children)) {
        childCtx = highed.ContextMenu(entry.children);
  
        highed.dom.on(item, 'mouseenter', function(e) {
          childCtx.show(e.clientX, e.clientY);
        });
      }
  
      highed.dom.ap(
        container,
        highed.dom.ap(
          item,
          entry.icon
            ? highed.dom.cr(
                'div',
                'ctx-child-licon highed-ctx-child-licon-responsive fa fa-' +
                  entry.icon
              )
            : false,
          entry.children ? right : false
        )
      );
    }
  
    /** Show the menu
       *  @memberof highed.ContextMenu
       *  @param x {number} - the x position
       *  @param y {number} - the y position
       */
    function show(x, y, noDimmer) {
      var psize = highed.dom.size(document.body),
        size = highed.dom.size(container);
  
      if (!noDimmer && visible) return;
  
      if (x > psize.w - size.w - 20) {
        x = psize.w - size.w - 20;
      }
  
      if (y > psize.h - size.h - 20) {
        y = psize.h - size.h - 20;
      }
  
      highed.dom.style(container, {
        'pointer-events': 'auto',
        opacity: 1,
        left: x + 'px',
        top: y + 'px'
      });
  
      visible = true;
      if (!noDimmer) dimHide = highed.showDimmer(hide, true, true, 10);
    }
  
    /** Hide the menu
       *  @memberof highed.ContextMenu
       */
    function hide() {
      if (!visible) return;
  
      highed.dom.style(container, {
        left: '-2000px',
        'pointer-events': 'none',
        opacity: 0
      });
  
      if (highed.isFn(dimHide)) {
        dimHide();
      }
  
      visible = false;
    }
  
    /** Build a menu
       *  @memberof highed.ContextMenu
       *  @param def {array<object>} - an array of entries
       */
    function build(def) {
      container.innerHTML = '';
      highed.dom.ap(container, closeBtn);
  
      if (highed.isArr(def)) {
        return def.forEach(addEntry);
      }
  
      Object.keys(def).forEach(function(key) {
        var entry = def[key];
        addEntry(highed.merge({ title: key }, entry));
      });
    }
  
    ///////////////////////////////////////////////////////////////////////////
  
    if (stuff) {
      build(stuff);
    }
  
    highed.dom.on(closeBtn, 'click', hide);
  
    highed.ready(function() {
      highed.dom.ap(document.body, container);
    });
  
    ///////////////////////////////////////////////////////////////////////////
  
    return {
      addEntry: addEntry,
      show: show,
      hide: hide,
      build: build
    };
  };
  
  /******************************************************************************
  
  Copyright (c) 2016-2018, Highsoft
  
  Permission is hereby granted, free of charge, to any person obtaining
  a copy of this software and associated documentation files (the
  "Software"), to deal in the Software without restriction, including
  without limitation the rights to use, copy, modify, merge, publish,
  distribute, sublicense, and/or sell copies of the Software, and to
  permit persons to whom the Software is furnished to do so, subject to
  the following conditions:
  
  The above copyright notice and this permission notice shall be
  included in all copies or substantial portions of the Software.
  
  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
  EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
  MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
  IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY
  CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT,
  TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
  SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
  
  ******************************************************************************/
  
  // @format
  
  (function() {
    var dropdownItems = highed.dom.cr(
      'div',
      'highed-dropdown-items highed-dropdown-items-responsive'
    );
  
    highed.ready(function() {
      highed.dom.ap(document.body, dropdownItems);
    });
  
    /** A stylable dropdown
       *  @constructor
       *
       *  @emits Change - when the selection changes
       *  @emits Open - when the dropdown is opened
       *  @emits Close - when the dropdown is closed
       *
       *  @param parent {domnode} - the node to attach the dropdown to
       */
    highed.DropDown = function(parent, extraClasses, icons) {
      var events = highed.events(),
        container = highed.dom.cr('div', 'highed-dropdown ' + extraClasses),
        body = highed.dom.cr('div', 'highed-dropdown-body'),
        arrow = highed.dom.cr('div', 'highed-dropdown-arrow fa fa-caret-down'),
        items = [],
        selectedItem = false,
        expanded = false,
        catcher = false;
  
      ////////////////////////////////////////////////////////////////////////
  
      //Build the DOM
      function buildDOM() {
        dropdownItems.innerHTML = '';
  
        items.forEach(function(item) {
          highed.dom.ap(dropdownItems, item.node);
          //IE fix
          item.node.innerHTML = ''; //item.title();
          
          const icon = highed.dom.cr('span', 'highed-icon-container');
          if (icons) {
              highed.dom.ap(icon, highed.dom.style(highed.dom.cr('span'), {
                'margin-left': '2px',
                width: '15px',
                height: '15px',
                float: 'left',
                display: 'inline-block',
                "margin-right": "5px",
                "color": "rgb(66, 200, 192)",
                'background-position': 'left middle',
                'background-size': 'auto 100%',
                'background-repeat': 'no-repeat',
                'background-image':
                  'url("data:image/svg+xml;utf8,' +
                  encodeURIComponent(icons[item.id().toLowerCase()]) +
                  '")'
              }));
          }
  
          highed.dom.ap(item.node, icon, highed.dom.style(highed.dom.cr('span', '', item.title() || ''), { 'position': 'relative', 'top': '3px'}));
        });
      }
  
      //Collapse the dropdown
      function collapse() {
        if (highed.isFn(catcher)) {
          catcher();
          catcher = false;
        }
  
        //Should update the container
        if (selectedItem) {
          body.innerHTML = '';
          if (icons) {      
            highed.dom.ap(body, highed.dom.style(highed.dom.cr('span'), {
              'margin-left': '2px',
              width: '15px',
              height: '15px',
              float: 'left',
              display: 'inline-block',
              "margin-right": "5px",
              "color": "rgb(66, 200, 192)",
              'background-position': 'left middle',
              'background-size': 'auto 100%',
              'background-repeat': 'no-repeat',
              'background-image':
                'url("data:image/svg+xml;utf8,' +
                encodeURIComponent(icons[selectedItem.id().toLowerCase()]) +
              '")'
            }));
          }
          body.innerHTML += selectedItem.title();
        }
  
        highed.dom.style(dropdownItems, {
          opacity: 0,
          left: '-20000px',
          'pointer-events': 'none'
        });
  
        expanded = false;
      }
  
      //Expand the dropdown
      function expand(e) {
        buildDOM();
  
        var pos = highed.dom.pos(container, true),
          s = highed.dom.size(container);
  
        //Quick hack for IE...
        if (!pos || !pos.x) {
          pos = {
            x: 10,
            y: 10
          };
        }
  
        if (!s || !s.w) {
          s = {
            w: 200,
            h: 200
          };
        }
  
        //Need to check the height + y to see if we need to move it
  
        highed.dom.style(dropdownItems, {
          opacity: 1,
          'pointer-events': 'auto',
          left: pos.x + 'px',
          top: pos.y + s.h + 4 + 'px',
          width: s.w - 1 + 'px',
          'min-height': s.h + 'px'
        });
  
        catcher = highed.showDimmer(collapse, true, true, 500);
  
        expanded = true;
      }
  
      //Toggle expansion
      function toggle(e) {
        expanded = !expanded;
        if (expanded) {
          return expand(e);
        }
        collapse();
  
        return expanded;
      }
  
      /** Add an item to the dropdown
           *  @memberof highed.DropDown
           *  @param item {object} - the item to add
           *    > title {string} - the title of the item
           *    > id {anyting} - the id of the item
           *    > select {function} - function to call when the item is selected
           */
      function addItem(item) {
        if (item && item.id) {
          if (!highed.isBasic(item.id)) {
            item.id = '1234';
          }
        }
  
        if (highed.isBasic(item)) {
          item = {
            id: item,
            title: item
          };
        }
  
        if (
          items.filter(function(b) {
            return b.id() === item.id;
          }).length > 0
        ) {
          return false;
        }
  
        var node = highed.dom.cr('div', 'highed-dropdown-item'),
          id = highed.uuid(),
          index = items.length,
          itemInstance = {
            //The node
            node: node,
  
            //Get the index
            index: function() {
              return index;
            },
  
            //Get the ID
            id: function() {
              return id;
            },
  
            icon: function() {
              return item.icon;
            },
  
            //Get the title
            title: function() {
              return highed.isStr(item) ? item : item.title || '';
            },
  
            //Unselect the item
            unselect: function() {
              node.className = 'highed-dropdown-item';
            },
  
            //Select the item
            select: function(dontEmit) {
              if (selectedItem) {
                selectedItem.unselect();
              }
  
              node.className =
                'highed-dropdown-item highed-dropdown-item-selected';
              selectedItem = itemInstance;
  
              body.innerHTML = selectedItem.title();
  
              if (!dontEmit) events.emit('Change', itemInstance);
  
              if (item && highed.isFn(item.select)) {
                item.select(itemInstance);
              }
  
              collapse();
            }, 
  
            updateOptions: function(updatedItem) {
              item = updatedItem;
            },
  
            setId: function(newId) {
              id = newId;
            }
          };
  
        if (!item) {
          return false;
        }
  
        if (highed.isStr(item) || highed.isNum(item)) {
          node.innerHTML = item;
          id = item;
        } else {
          
          const icon = highed.dom.cr('span', 'highed-icon-container', (item.icon ? '<i class="fa fa-' + item.icon + '" />' : ''));
  
          highed.dom.style(icon, {
            "margin-right": "5px",
            "color": "rgb(66, 200, 192)"
          });
          
          highed.dom.ap(node, icon, highed.dom.cr('span', '', item.title || ''));
          id = item.id; // || id;
  
          if (item.selected) {
            itemInstance.select();
          }
        }
  
        highed.dom.on(node, 'click', function(e) {
          itemInstance.select();
          e.cancelBubble = true;
          e.preventDefault();
          e.stopPropagation();
          e.stopImmediatePropagation();
          return false;
        });
  
        items.push(itemInstance);
  
        return itemInstance;
      }
  
      /** Clear the dropdown
           *  @memberof highed.DropDown
           */
      function clear() {
        items = [];
      }
  
      /** Add several items to the dropdown
           *  @memberof highed.DropDown
           *  @param itemsToAdd {array} - array of items to add
           */
      function addItems(itemsToAdd) {
        if (highed.isArr(itemsToAdd)) {
          itemsToAdd.forEach(addItem);
        }
      }
  
      /** Set the current selection by id
           *  @memberof highed.DropDown
           *  @param id {anything} - the id to select
           */
      function selectById(id, dontEmit) {
        items.some(function(item) {
          //This is not a typo..
          if (item.id() == id) {
            item.select(dontEmit);
            return true;
          }
        });
      }
  
      function updateByIndex(index, details, newId) {
        items[index].updateOptions(details);
        if (newId) items[index].setId(newId);
      }
  
      /** Set the current selection by index
           *  @memberof highed.DropDown
           *  @param index {number} - the index to select in range [0..item.length]
           */
      function selectByIndex(index, dontEmit) {
        if (index >= 0 && index < items.length) {
          items[index].select(dontEmit);
        }
      }
  
      function selectAll() {
        return items;
      }
  
      function deleteByIndex(index) {
        items.splice(index, 1);
      }
      
      function sliceList(length) {
        items = items.slice(0, length);
      }
  
      function getSelectedItem() {
        return selectedItem;
      }
  
      ///////////////////////////////////////////////////////////////////////////
  
      if (parent) {
        parent = highed.dom.get(parent);
        highed.dom.ap(parent, container);
      }
  
      highed.dom.ap(container, body, arrow);
  
      highed.dom.on(container, 'click', toggle);
  
      return {
        container: container,
        selectById: selectById,
        selectByIndex: selectByIndex,
        selectAll: selectAll,
        updateByIndex: updateByIndex,
        deleteByIndex: deleteByIndex,
        sliceList: sliceList,
        addItems: addItems,
        getSelectedItem: getSelectedItem,
        addItem: addItem,
        clear: clear,
        on: events.on
      };
    };
  })();
  
  /******************************************************************************
  
  Copyright (c) 2016-2018, Highsoft
  
  Permission is hereby granted, free of charge, to any person obtaining
  a copy of this software and associated documentation files (the
  "Software"), to deal in the Software without restriction, including
  without limitation the rights to use, copy, modify, merge, publish,
  distribute, sublicense, and/or sell copies of the Software, and to
  permit persons to whom the Software is furnished to do so, subject to
  the following conditions:
  
  The above copyright notice and this permission notice shall be
  included in all copies or substantial portions of the Software.
  
  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
  EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
  MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
  IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY
  CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT,
  TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
  SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
  
  ******************************************************************************/
  
  // @format
  
  /** Make a node movable
   *  @constructor
   *
   *  @emits StartMove - when starting to move
   *  @emits Moving - when moving
   *  @emits EndMove - when stopping to move
   *
   *  @param target {domnode} - the node to make movable
   *  @param constrain {string} - constrain moving: `XY`, `Y`, or `X`
   */
  highed.Movable = function(
    target,
    constrain,
    constrainParent,
    parentNode,
    min,
    doOffset
  ) {
    var events = highed.events(),
      moving = false;
  
    constrain = (constrain || 'XY').toUpperCase();
    target = highed.dom.get(target);
  
    if (target) {
      highed.dom.on(target, ['mousedown', 'touchstart'], function(e) {
        //   if (moving) return;
        
        moving = true;
        var cp = highed.dom.pos(target),
          ps = highed.dom.size(parentNode || target.parentNode),
          ns = highed.dom.size(target),
          x = cp.x,
          y = cp.y,
          offsetX = 0,
          offsetY = 0,
          mover = highed.dom.on(
            document.body,
            ['mousemove', 'touchmove'],
            function(moveE) {
              if (constrain === 'X' || constrain === 'XY') {
                x =
                  cp.x + ((moveE.clientX || moveE.touches[0].clientX) - offsetX);
                  
                if (constrainParent) {
                  if (x < 0) x = 0;
                  if (x > ps.w - ns.w) x = ps.w - ns.w;
                }
              }
              if (constrain === 'Y' || constrain === 'XY') {
                y =
                  cp.y + ((moveE.clientY || moveE.touches[0].clientY) - offsetY);
  
                if (constrainParent) {
                  if (y < 0) y = 0;
                  if (y > ps.h - ns.h) y = ps.h - ns.h;
                }
              }
  
              if (min && x < min.x) {
                x = min.x;
              }
              if (min && y < min.y) {
                y = min.y;
              }
  
              highed.dom.style(target, {
                left: x - (doOffset ? ns.w : 0) + 'px',
                top: y + 'px'
              });
  
              events.emit('Moving', x, y);
  
              moveE.cancelBubble = true;
              moveE.preventDefault();
              moveE.stopPropagation();
              moveE.stopImmediatePropagation();
              return false;
            }
          ),
          upper = highed.dom.on(document.body, ['mouseup', 'touchend'], function(
            upE
          ) {
            //Detach the document listeners
            upper();
            mover();
            moving = false;
            document.body.className = document.body.className.replace(
              ' highed-nosel',
              ''
            );
            events.emit('EndMove', x, y);
  
            upE.cancelBubble = true;
            upE.preventDefault();
            upE.stopPropagation();
            upE.stopImmediatePropagation();
            return false;
          });
  
        document.body.className += ' highed-nosel';
        offsetX = e.clientX || e.touches[0].clientX;
        offsetY = e.clientY || e.touches[0].clientY;
        events.emit('StartMove', cp.x, cp.y);
  
        e.cancelBubble = true;
        e.preventDefault();
        e.stopPropagation();
        e.stopImmediatePropagation();
        return false;
      });
    }
    
    ////////////////////////////////////////////////////////////////////////////
  
    return {
      on: events.on
    };
  };
  
  /******************************************************************************
  
  Copyright (c) 2016-2018, Highsoft
  
  Permission is hereby granted, free of charge, to any person obtaining
  a copy of this software and associated documentation files (the
  "Software"), to deal in the Software without restriction, including
  without limitation the rights to use, copy, modify, merge, publish,
  distribute, sublicense, and/or sell copies of the Software, and to
  permit persons to whom the Software is furnished to do so, subject to
  the following conditions:
  
  The above copyright notice and this permission notice shall be
  included in all copies or substantial portions of the Software.
  
  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
  EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
  MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
  IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY
  CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT,
  TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
  SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
  
  ******************************************************************************/
  
  // @format
  
  /** Slider widget
   *  @constructor
   *
   *  @emits Change - when the value changes
   *
   *  @param parent {domnode} - the parent of the slider
   *  @param attributes {object} - the slider properties
   *    > max {number} - the max value
   *    > min {number} - the min value
   *    > step {number} - the step size
   *    > resetTo {anything} - value to reset to
   */
  highed.Slider = function(parent, attributes) {
    var properties = highed.merge(
        {
          max: 100,
          min: 1,
          step: 1,
          resetTo: 0,
          value: 0
        },
        attributes
      ),
      events = highed.events(),
      value = properties.value || properties.resetTo,
      container = highed.dom.cr('div', 'highed-slider'),
      indicator = highed.dom.cr('div', 'highed-slider-indicator'),
      textIndicator = highed.dom.cr('div', 'highed-slider-text-indicator'),
      sliderBackground = highed.dom.cr('div', 'highed-slider-background'),
      resetIcon = highed.dom.cr('div', 'highed-slider-reset fa fa-undo'),
  
      numberInput = highed.dom.cr('input', 'highed-slider-input'),
      mover = highed.Movable(indicator, 'x', true, sliderBackground);
      
      numberInput.type = "number";
      numberInput.value = value;
      numberInput.max = properties.max;
      numberInput.min = 0;
    ////////////////////////////////////////////////////////////////////////////
  
    function updateText() {
      textIndicator.innerHTML = value;
  
      if (value === 'null' || value === null) {
        textIndicator.innerHTML = 'auto';
      }
      if (value === 'undefined' || typeof value === 'undefined') {
        textIndicator.innerHTML = 'auto';
      }
    }
  
    // Calculate the indicator X
    function calcIndicator() {
      var x = 0,
        s = highed.dom.size(sliderBackground),
        ms = highed.dom.size(indicator);
  
      if (!highed.isNum(value) || !value) {
        x = 0;
      } else {
        x =
          (value - properties.min) /
          (properties.max - properties.min) *
          (s.w - ms.w);
      }
  
      highed.dom.style(indicator, {
        left: x + 'px'
      });
    }
  
    //Waits until the slider is in the dom
    function tryUpdateIndicators() {
      updateText();
      if (container.parentNode) {
        calcIndicator();
      } else {
        window.setTimeout(tryUpdateIndicators, 10);
      }
    }
  
    /** Set the value
       *  @memberof highed.Slider
       *  @param newValue {number} - the new value
       */
    function set(newValue) {
      value = highed.clamp(properties.min, properties.max, newValue);
      textIndicator.innerHTML = value;
      calcIndicator();
    }
  
    mover.on('Moving', function(x) {
      var s = highed.dom.size(sliderBackground),
        ms = highed.dom.size(indicator);
  
      //Set the value based on the new X
      value =
        properties.min +
        Math.round(x / (s.w - ms.w) * (properties.max - properties.min));
  
      numberInput.value = value;
      textIndicator.innerHTML = value;
      if (!highed.onPhone()) {
        events.emit('Change', value);
      }
    });
  
    highed.dom.on(numberInput, 'keyup', function(e) {
      
      if (e.target.value && !isNaN(e.target.value)) {
        if (parseInt(e.target.value) > properties.max) {
          value = properties.max;
        } else value = parseInt(e.target.value);
  
        textIndicator.innerHTML = value;
        calcIndicator();  
        if (!highed.onPhone()) {
          events.emit('Change', value);
        }
      }
  
    });
  
    mover.on('StartMove', function() {
      if (highed.onPhone()) {
        textIndicator.className =
          'highed-slider-text-indicator highed-slider-text-indicator-popup';
      }
    });
  
    mover.on('EndMove', function() {
      if (highed.onPhone()) {
        textIndicator.className = 'highed-slider-text-indicator';
        //We're not emitting changes until done on mobile
        events.emit('Change', value);
      }
    });
  
    ////////////////////////////////////////////////////////////////////////////
  
    highed.dom.on(resetIcon, 'mouseover', function(e) {
      //  highed.Tooltip(e.clientX, e.clientY, 'Reset to initial value');
    });
  
    highed.dom.on(resetIcon, 'click', function() {
      value = properties.resetTo;
      calcIndicator();
  
      if (value === 'null') {
        value = null;
      }
      if (value === 'undefined') {
        value = undefined;
      }
  
      updateText();
      events.emit('Change', value);
    });
  
    if (parent) {
      parent = highed.dom.get(parent);
      highed.dom.ap(parent, container);
    }
  
    highed.dom.ap(
      container,
      sliderBackground,
      numberInput,
      resetIcon,
      highed.dom.ap(indicator, textIndicator)
    );
  
    tryUpdateIndicators();
  
    // Public interface
    return {
      on: events.on,
      set: set,
      container: container
    };
  };
  
  /******************************************************************************
  
  Copyright (c) 2016-2018, Highsoft
  
  Permission is hereby granted, free of charge, to any person obtaining
  a copy of this software and associated documentation files (the
  "Software"), to deal in the Software without restriction, including
  without limitation the rights to use, copy, modify, merge, publish,
  distribute, sublicense, and/or sell copies of the Software, and to
  permit persons to whom the Software is furnished to do so, subject to
  the following conditions:
  
  The above copyright notice and this permission notice shall be
  included in all copies or substantial portions of the Software.
  
  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
  EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
  MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
  IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY
  CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT,
  TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
  SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
  
  ******************************************************************************/
  
  // @format
  
  function parseCSV(inData, delimiter) {
    var isStr = highed.isStr,
      isArr = highed.isArray,
      isNum = highed.isNum,
      csv = inData || '',
      result = [],
      options = {
        delimiter: delimiter
      },
      potentialDelimiters = {
        ',': true,
        ';': true,
        '\t': true
      },
      delimiterCounts = {
        ',': 0,
        ';': 0,
        '\t': 0
      };
    //The only thing CSV formats have in common..
    rows = (csv || '').replace(/\r\n/g, '\n').split('\n');
    // If there's no delimiter, look at the first few rows to guess it.
  
    if (!options.delimiter) {
      rows.some(function(row, i) {
        if (i > 10) return true;
  
        var inStr = false,
          c,
          cn,
          cl,
          token = '';
  
        for (var j = 0; j < row.length; j++) {
          c = row[j];
          cn = row[j + 1];
          cl = row[j - 1];
  
          if (c === '"') {
            if (inStr) {
              if (cl !== '"' && cn !== '"') {
                // The next non-blank character is likely the delimiter.
  
                while (cn === ' ') {
                  cn = row[++j];
                }
  
                if (potentialDelimiters[cn]) {
                  delimiterCounts[cn]++;
                  return true;
                }
  
                inStr = false;
              }
            } else {
              inStr = true;
            }
          } else if (potentialDelimiters[c]) {
            if (!isNaN(Date.parse(token))) {
              // Yup, likely the right delimiter
              token = '';
              delimiterCounts[c]++;
            } else if (!isNum(token) && token.length) {
              token = '';
              delimiterCounts[c]++;
            }
          } else {
            token += c;
          }
        }
      });
  
      options.delimiter = ';';
  
      if (
        delimiterCounts[','] > delimiterCounts[';'] &&
        delimiterCounts[','] > delimiterCounts['\t']
      ) {
        options.delimiter = ',';
      }
  
      if (
        delimiterCounts['\t'] >= delimiterCounts[';'] &&
        delimiterCounts['\t'] >= delimiterCounts[',']
      ) {
        options.delimiter = '\t';
      }
    }
  
    rows.forEach(function(row, rowNumber) {
      var cols = [],
        inStr = false,
        i = 0,
        j,
        token = '',
        guessedDel,
        c,
        cp,
        cn;
  
      function pushToken() {
        token = (token || '').replace(/\,/g, '');
        if (!token.length) {
          token = null;
          // return;
        }
  
        if (isNum(token)) {
          token = parseFloat(token);
        }
  
        cols.push(token);
        token = '';
      }
  
      for (i = 0; i < row.length; i++) {
        c = row[i];
        cn = row[i + 1];
        cp = row[i - 1];
  
        if (c === '"') {
          if (inStr) {
            pushToken();
          } else {
            inStr = false;
          }
  
          //Everything is allowed inside quotes
        } else if (inStr) {
          token += c;
          //Check if we're done reading a token
        } else if (c === options.delimiter) {
          pushToken();
  
          //Append to token
        } else {
          token += c;
        }
  
        // Push if this was the last character
        if (i === row.length - 1) {
          pushToken();
        }
      }
  
      result.push(cols);
    });
    return result;
  }
  
  /** Data table
   *  @constructor
   *  @param {domnode} parent - the node to attach to
   *  @param {object} attributes - the properties
   */
  highed.DataTable = function(parent, attributes) {
    var properties = highed.merge(
        {
          checkable: true,
          importer: {}
        },
        attributes
      ),
      events = highed.events(),
      container = highed.dom.cr('div', 'highed-dtable-container'),
      frame = highed.dom.cr('div', 'highed-dtable-table-frame highed-scrollbar'),
      movementBar = highed.dom.cr('div', 'highed-dtable-movement-bar', ''),
      table = highed.dom.cr('table', 'highed-dtable-table'),
      thead = highed.dom.cr('thead', 'highed-dtable-head'),
      tbody = highed.dom.cr('tbody', 'highed-dtable-body'),
      tableTail = highed.dom.cr(
        'div',
        'highed-dtable-table-tail',
        'Only the first 500 rows are shown.'
      ),
      colgroup = highed.dom.cr('colgroup'),
      leftBar = highed.dom.cr('div', 'highed-dtable-left-bar'),
      hideCellsDiv = highed.dom.cr('div', 'highed-dtable-hide-cells'),
      topBar = highed.dom.cr('div', 'highed-dtable-top-bar'),
      topLetterBar = highed.dom.cr('div', 'highed-dtable-top-letter-bar'),
      topColumnBar = highed.dom.cr('div', 'highed-dtable-top-column-bar'),
      topLeftPanel = highed.dom.cr('div', 'highed-dtable-top-left-panel'),
      //checkAll = highed.dom.cr('input'),
      mainInput = highed.dom.cr('textarea', 'highed-dtable-input'),
      cornerPiece = highed.dom.cr('div', 'highed-dtable-corner-piece'),
      weirdDataModal = highed.OverlayModal(false, {
        // zIndex: 20000,
        showOnInit: false,
        width: 300,
        height: 350
      }),
      weirdDataContainer = highed.dom.cr(
        'div',
        'highed-dtable-weird-data highed-box-size highed-errobar-body'
      ),
      weirdDataIgnore = highed.dom.cr(
        'button',
        'highed-ok-button',
        'No, this looks right'
      ),
      weirdDataFix = highed.dom.cr(
        'button',
        'highed-ok-button',
        'Yeah, this looks wrong'
      ),
      loadIndicator = highed.dom.cr(
        'div',
        'highed-dtable-load-indicator',
        '<i class="fa fa-spinner fa-spin fa-1x fa-fw"></i> Loading'
      ),
      dropZone = highed.dom.cr(
        'div',
        'highed-dtable-drop-zone highed-transition'
      ),
      liveDataFrame = highed.dom.cr(
        'div',
        'highed-box-size highed-dtable-gsheet-frame'
      ),
      gsheetFrame = highed.dom.cr(
        'div',
        'highed-box-size highed-dtable-gsheet-frame'
      ),
      gsheetContainer = highed.dom.cr(
        'div',
        'highed-box-size highed-prettyscroll highed-dtable-gsheet'
      ),
      liveDataContainer = highed.dom.cr(
        'div',
        'highed-box-size highed-prettyscroll highed-dtable-gsheet'
      ),
      liveDataInput = highed.dom.cr('input', 'highed-imp-input-stretch'),
      liveDataIntervalInput = highed.dom.cr('input', 'highed-imp-input-stretch'),
      liveDataTypeSelect = highed.DropDown(),
  
      liveDataTypeContainer = highed.dom.cr('div', 'highed-customize-group'),
      liveDataTypeMasterNode = highed.dom.cr('div', 'highed-customize-master-dropdown'),
  
      gsheetID = highed.dom.cr(
        'input',
        'highed-box-size highed-dtable-gsheet-id'
      ),
      gsheetWorksheetID = highed.dom.cr(
        'input',
        'highed-box-size highed-dtable-gsheet-id'
      ),
      gsheetRefreshTime = highed.dom.cr(
        'input',
        'highed-box-size highed-dtable-gsheet-id'
      ),
      gsheetStartRow = highed.dom.cr(
        'input',
        'highed-box-size highed-dtable-gsheet-id'
      ),
      gsheetEndRow = highed.dom.cr(
        'input',
        'highed-box-size highed-dtable-gsheet-id'
      ),
      gsheetStartCol = highed.dom.cr(
        'input',
        'highed-box-size highed-dtable-gsheet-id'
      ),
      gsheetEndCol = highed.dom.cr(
        'input',
        'highed-box-size highed-dtable-gsheet-id'
      ),
      gsheetCancelButton = highed.dom.cr(
        'button',
        'highed-import-button green padded',
        'Detach Sheet From Chart'
      ),
      switchRowColumns = highed.dom.cr(
        'button',
        'switch-column-button highed-template-tooltip',
        '<i class="fa fa-refresh" aria-hidden="true"></i> <span class="highed-tooltip-text highed-template-tooltip-text-left">Switch Rows/Columns</span>'
      ),
      gsheetLoadButton = highed.dom.cr(
        'button',
        'highed-import-button green padded',
        'Load Spreadsheet'
      ),
      liveDataLoadButton = highed.dom.cr(
        'button',
        'highed-import-button green padded',
        'Load Live Data'
      ),
      liveDataCancelButton = highed.dom.cr(
        'button',
        'highed-import-button green padded',
        'Cancel'
      ),
      detailValue = 0,
      isInGSheetMode = false,
      isInLiveDataMode = false,
      mainInputCb = [],
      rawCSV = false,
      mainInputCloseCb = false,
      toolbar,
      importModal = highed.OverlayModal(false, {
        minWidth: 600,
        minHeight: 600
      }),
      importer = highed.DataImporter(importModal.body, properties.importer),
      rows = [],
      gcolumns = [],
      changeTimeout = false,
      dataModal,
      surpressChangeEvents = false,
      monthNumbers = {
        JAN: 1,
        FEB: 2,
        MAR: 3,
        APR: 4,
        MAY: 5,
        JUN: 6,
        JUL: 7,
        AUG: 8,
        SEP: 9,
        OCT: 10,
        NOV: 11,
        DEC: 12
      },
      selectedRowIndex = 0,
      keyValue = "A",
      tempKeyValue = "A",
      //checkAll.type = 'checkbox',
      selectedFirstCell = [],
      selectedEndCell = [],
      selectedCopyFirstCell = [],
      selectedCopyEndCell = [],
      lastSelectedCell = [null, null],
      allSelectedCells = [],
      allSelectedCopyCells = [],
      selectedHeaders = [],
      columnsToHighlight = [],
      dataFieldsUsed = [],
      inCopyOverCellMode = false;
      moveToColumn = null,
      dragHeaderMode = false,
      globalContextMenu = highed.ContextMenu([
        {
          title: "Insert Row Above",
          icon: 'plus',
          click: function() {
            events.emit('ColumnMoving');
            addRowBefore(selectedFirstCell[1]);
            highed.emit('UIAction', 'AddRowBeforeHighlight'); 
            events.emit('ColumnMoved');
          }
        },
        {
          title: "Insert Row Below",
          icon: 'plus',
          click: function() {
            events.emit('ColumnMoving');
            addRowAfter(selectedEndCell[1]);
            highed.emit('UIAction', 'AddRowAfterHighlight'); 
            events.emit('ColumnMoved');
          }
        },
        '-',
        {
          title: 'Remove Row',
          icon: 'trash',
          click: function() {
            highed.emit('UIAction', 'BtnDeleteRow');
  
            if (!confirm(highed.L('dgDeleteRow'))) {
              return;
            }
  
            highed.emit('UIAction', 'DeleteRowConfirm');
  
            rows.forEach(function(row, index) {
              //if (row.isChecked()) {
                if(row.number === selectedFirstCell[1]) {
                  row.destroy();
                  emitChanged();
                }
              //}
            });
            rebuildRows();
          }
        },
        {
          title: highed.L('dgDelCol'),
          icon: 'trash',
          click: function() {
            if (confirm(highed.L('dgDelColConfirm'))) {
              events.emit('ColumnMoving');
              delCol(selectedFirstCell[0]);
              updateColumns();
              events.emit('ColumnMoved');
            }
          }
        },
        '-',
        {
          title: highed.L('dgInsColBefore'),
          icon: 'plus',
          click: function() {
            events.emit('ColumnMoving');
            insertCol(selectedFirstCell[0]);
            events.emit('ColumnMoved');
          }
        },
        {
          title: highed.L('dgInsColAfter'),
          icon: 'plus',
          click: function() {
            events.emit('ColumnMoving');
            insertCol(selectedFirstCell[0] + 1);
            events.emit('ColumnMoved');
          }
        }
      ]);
      
    const DEFAULT_COLUMN = 9,
          DEFAULT_ROW = 20;
      
  
    highed.dom.ap(hideCellsDiv, switchRowColumns)
  
    highed.dom.on(mainInput, 'click', function(e) {
      return highed.dom.nodefault(e);
    });
  
    highed.dom.style(liveDataIntervalInput, {
      padding: '8px'
    });
  
    var mouseDown = false;
    document.body.onmousedown = function() { 
      mouseDown = true;
    }
    document.body.onmouseup = function() {
      mouseDown = false;
    }
  
    document.addEventListener('keydown', function (e) {  
      if(e.keyCode === 8 || e.keyCode === 46){
        allSelectedCells.forEach(function(cell){
          cell.deleteContents();
        });
      }
    }, false);
  
    document.addEventListener('contextmenu', function(e) {
      if (e.path && e.path.indexOf(container) > -1) {
        globalContextMenu.show(e.clientX, e.clientY, true);
        return highed.dom.nodefault(e);
      }
    }, false);
  
    highed.dom.on(document.querySelector('body'), 'click', function(){
      globalContextMenu.hide();
    });
  
    highed.dom.on(cornerPiece, 'mousedown', function(e){
      inCopyOverCellMode = true;
      deselectAllCells();
    });
  
  
    highed.dom.ap(frame, cornerPiece);
    ////////////////////////////////////////////////////////////////////////////
  
    // Handle drag 'n drop of files
    function handleFileUpload(f, cb) {
      if (f.type !== 'text/csv') {
        return highed.snackBar('The file is not a valid CSV file');
      }
  
      var reader = new FileReader();
  
      reader.onload = function(e) {
        clear();
        //events.emit('ClearSeriesForImport');
        loadCSV({ csv: e.target.result }, null, true, cb);
      };
  
      reader.readAsText(f);
    }
  
    frame.ondrop = function(e) {
      e.preventDefault();
  
      var d = e.dataTransfer;
      var f;
      var i;
  
      if (d.items) {
        for (i = 0; i < d.items.length; i++) {
          f = d.items[i];
          if (f.kind === 'file') {
            handleFileUpload(f.getAsFile());
          }
        }
      } else {
        for (i = 0; i < d.files.length; i++) {
          f = d.files[i];
          handleFileUpload(f);
        }
      }
    };
  
    frame.ondragover = function(e) {
      e.preventDefault();
    };
  
    ////////////////////////////////////////////////////////////////////////////
  
    function showDataImportError() {
      highed.dom.style(weirdDataContainer, {
        display: 'block'
      });
    }
  
    function hideDataImportError() {
      highed.dom.style(weirdDataContainer, {
        display: 'none'
      });
    }
  
    function emitChanged(noDelay) {
      window.clearTimeout(changeTimeout);
  
      if (isInGSheetMode) {
        return;
      }
      if (isInLiveDataMode) {
        return;
      }
  
      if (surpressChangeEvents) {
        return;
      }
  
      if (noDelay) {
        return events.emit('Change', getHeaderTextArr(), toData());
      }
  
      //We use an interval to stop a crazy amount of changes to be
      //emitted in succession when e.g. loading sets.
      changeTimeout = window.setTimeout(function() {
        if (!isInGSheetMode && !isInLiveDataMode) {
          events.emit('Change', getHeaderTextArr());
        }
      }, 1000);
    }
  
    function makeEditable(target, value, fn, keyup, close, dontFocus) {
      
      if (mainInputCb.length) {
        mainInputCb = mainInputCb.filter(function(fn) {
          fn();
          return false;
        });
      }
  
      if (mainInputCloseCb) {
        mainInputCloseCb();
      }
  
      mainInputCloseCb = close;
  
      mainInput.value = value;
      //mainInput.setSelectionRange(0, mainInput.value.length);
  
      mainInputCb.push(
        highed.dom.on(mainInput, 'keydown', function(e) {
          //(highed.isFn(fn) && fn(mainInput.value));
          if (highed.isFn(keyup)) {
            return keyup(e);
          }
        })
      );
  
      mainInputCb.push(
        highed.dom.on(mainInput, 'keyup', function(e) {
          // Super hack to allow pasting CSV into cells
          var ps = highed.parseCSV(mainInput.value);
          if (ps.length > 1) { //TODO: Need to fix this...
            if (
              confirm(
                'You are about to load CSV data. This will overwrite your current data. Continue?'
              )
            ) {
              rawCSV = mainInput.value;
              highed.emit('UIAction', 'PasteCSVAttempt');
               loadCSV({
                 csv: rawCSV
                }, null, true, function() {
  
              });
              /*
              return loadRows(ps, function() {
                if (rows.length > 0) rows[0].columns[0].focus();
                events.emit('InitLoaded');
                events.emit('AssignDataForFileUpload', rows[0].length);
              });*/
            }
            return;
          }
  
          return highed.isFn(fn) && fn(mainInput.value);
        })
      );
      
      highed.dom.ap(target, mainInput);
  
      if (!dontFocus) mainInput.focus();
  
    }
  
    ////////////////////////////////////////////////////////////////////////////
    function highlightLeft(colNumber) {
      columnsToHighlight.forEach(function(highlightedColumn) {
        highlightedColumn.element.classList.remove('highlight-right');
      });
      
      rows.forEach(function(row) {
        if (row.columns[colNumber].element.className.indexOf('highlight-right') === -1) {
          row.columns[colNumber].element.className += ' highlight-right';
          columnsToHighlight.push(row.columns[colNumber]);
        }
      });
  
      if (gcolumns[colNumber].header.className.indexOf('highlight-right') === -1) {
        gcolumns[colNumber].header.className += ' highlight-right';
        columnsToHighlight.push({
          element: gcolumns[colNumber].header
        });
      }
  
      if (gcolumns[colNumber].letter.className.indexOf('highlight-right') === -1) {
        gcolumns[colNumber].letter.className += ' highlight-right';
        columnsToHighlight.push({
          element: gcolumns[colNumber].letter
        });
        moveToColumn = colNumber;
      }
    }
  
    ////////////////////////////////////////////////////////////////////////////
    function Column(row, colNumber, val, keyVal) {
  
      var value = typeof val === 'undefined' || typeof val === 'object' || (val === 'null') ? null : val, //object check for ie11/edge
        col = highed.dom.cr('td', 'highed-dtable-cell'),
        colVal = highed.dom.cr('div', 'highed-dtable-col-val', value),
        input = highed.dom.cr('input'),
        exports = {};
      function goLeft() {
        if (colNumber >= 1) {
          row.columns[colNumber - 1].focus();
        } else {
          //Go up to the last column
          if (row.number - 1 >= 0) {
            rows[row.number - 1].columns[
              rows[row.number - 1].columns.length - 1
            ].focus();
          }
        }
      }
  
      function goRight() {
        if (colNumber < row.columns.length - 1) {
          row.columns[colNumber + 1].focus();
        } else {
          //Go down on the first column
          if (row.number < rows.length - 1) {
            rows[row.number + 1].columns[0].focus();
          }
        }
      }
  
      function goUp() {
        if (row.number > 0 && rows[row.number - 1].columns.length > colNumber) {
          rows[row.number - 1].columns[colNumber].focus();
        }
      }
  
      function goBelow() {
        if (
          row.number < rows.length - 1 &&
          rows[row.number + 1].columns.length > colNumber
        ) {
          rows[row.number + 1].columns[colNumber].focus();
        }
      }
  
      function handleKeyup(e) {
        //Go the the column to the left
        if (e.keyCode === 37) {
          goLeft();
          return highed.dom.nodefault(e);
  
          //Go to the column above
        } else if (e.keyCode === 38) {
          goUp();
          return highed.dom.nodefault(e);
  
          //Go to the column to the right
        } else if (e.keyCode === 39 || e.keyCode === 9) {
          goRight();
          return highed.dom.nodefault(e);
  
          //Go to the column below
        } else if (e.keyCode === 40) {
          goBelow();
          return highed.dom.nodefault(e);
  
          //Go to next row
        } else if (e.keyCode === 13) {
          //If we're standing in the last column of the last row,
          //insert a new row.
          if (row.number === rows.length - 1) {
            // && colNumber === rows.columns.length - 1) {
            events.emit('ColumnMoving');
            addRow();
            rows[row.number + 1].columns[0].focus();
            events.emit('ColumnMoved');
      
          } else {
            goBelow();
          }
          return highed.dom.nodefault(e);
        }
      }
  
      function selContents() {
        input.setSelectionRange(0, input.value.length);
      }
  
      function deleteContents() {
        colVal.innerHTML = '';
        mainInput.value = '';
        value = null;
        emitChanged();
      }
  
      function setValue(newValue) {
        colVal.innerHTML = newValue;
        mainInput.value = newValue;
        value = newValue;
        emitChanged();
      }
  
      function focus(dontFocus) {
  
        deselectAllCells();
  
        function checkNull(value) {
          return value === null || value === '';
        }
        mainInput.className = 'highed-dtable-input';
        mainInput.draggable = false;
  
        highed.dom.on(mainInput, 'dragstart', function(e){
          highed.dom.nodefault(e);
          return false;
        });
        highed.dom.on(mainInput, 'ondrop', function(e){
          highed.dom.nodefault(e);
          return false;
        });
  
        makeEditable(
          col,
          value,
          function(val) {
            var changed = value !== val;
            value = checkNull(val) ? null : val;
            colVal.innerHTML = value;
            if (changed) {
              emitChanged();
            }
          },
          handleKeyup,
          dontFocus
        );
  
  
  
        highed.dom.style(cornerPiece, {
          top: ((highed.dom.pos(col).y + highed.dom.size(col).h - 3)) + "px",
          left: ((highed.dom.pos(col).x + highed.dom.size(col).w - 3)) + "px",
          display: "block"
        });
  
        row.select();
      }
  
      function deselectCell() {
        col.classList.remove('cell-selected');
      }
  
      function deselectCopyCell() {
        col.classList.remove('cell-copy-selected');
      }
  
      function selectCell() {
        if(col.className.indexOf('cell-selected') === -1) {
          col.className += ' cell-selected';
          if (allSelectedCells.indexOf(exports) === -1) allSelectedCells.push(exports);
        }
      }
  
      function select() {
        selectedEndCell[0] = colNumber;
        selectedEndCell[1] = row.number; 
  
        selectNewCells(selectedFirstCell, selectedEndCell);
      }
  
      function selectCellToCopy() {
        if(col.className.indexOf('cell-copy-selected') === -1) {
          col.className += ' cell-copy-selected';
          if (allSelectedCopyCells.indexOf(exports) === -1) allSelectedCopyCells.push(exports);
        }
      }
  
      function destroy() {
        row.node.removeChild(col);
        col.innerHTML = '';
        colVal.innerHTML = '';
      }
  
      function getVal() {
        return value;
      }
  
      function addToDOM(me) {
        colNumber = me || colNumber;
        highed.dom.ap(row.node, highed.dom.ap(col, colVal));
      }
  
      highed.dom.on(col, 'mouseup', function(e) {
        if (inCopyOverCellMode) {
          inCopyOverCellMode = false;
          
          const newValue = rows[selectedCopyFirstCell[1]].columns[selectedCopyFirstCell[0]].value();
          allSelectedCopyCells.forEach(function(cell) {
            cell.setValue(newValue);
            cell.deselectCopyCell();
          });
  
          allSelectedCopyCells = [];
  
        }
        else if (selectedFirstCell[0] === selectedEndCell[0] && 
            selectedFirstCell[1] === selectedEndCell[1]) {
              //Have not dragged anywhere else on the grid. So the user has just clicked on a cell.
              
            lastSelectedCell[0] = colNumber;
            lastSelectedCell[1] = row.number;
            selectedCopyFirstCell[0] = selectedFirstCell[0];
            selectedCopyFirstCell[1] = selectedFirstCell[1];
            selectedCopyEndCell[1] = selectedEndCell[1];
            selectedCopyEndCell[0] = selectedEndCell[0];
            selectedHeaders = [];
            focus();
            globalContextMenu.hide();
        }
      });
  
      highed.dom.on([col, colVal], 'mouseover', function(e) {
        if(mouseDown) {
          if (inCopyOverCellMode) {
  
            if (colNumber === selectedCopyEndCell[0]) {
              selectedCopyEndCell[1] = row.number;
              selectedCopyEndCell[0] = selectedCopyFirstCell[0];
            } else if (selectedCopyEndCell[1] === row.number) {
              selectedCopyEndCell[1] = selectedCopyFirstCell[1];
              selectedCopyEndCell[0] = colNumber;
            }
  
            selectCellsToMove(selectedCopyFirstCell, selectedCopyEndCell);
  
          } else if (dragHeaderMode) {
            highlightLeft(colNumber);
          } else {
            select();      
          }
        }
      });
      highed.dom.on(col, 'mousedown', function() {
        if (lastSelectedCell[0] !== colNumber && lastSelectedCell[1] !== row.number) {
          focus();
        }
      
        selectedFirstCell[0] = colNumber;//keyVal; 
        selectedEndCell[0] = colNumber;//keyVal; 
        selectedFirstCell[1] = row.number; 
        selectedEndCell[1] = row.number;                   
        
        selectedCopyFirstCell[0] = selectedFirstCell[0];
        selectedCopyFirstCell[1] = selectedFirstCell[1];
        selectedCopyEndCell[1] = selectedEndCell[1];
        selectedCopyEndCell[0] = selectedEndCell[0];
  
      });
  
      if (rows.length <= 500) {
        addToDOM();
      }
  
      exports = {
        focus: focus,
        value: getVal,
        destroy: destroy,
        addToDOM: addToDOM,
        selectCell: selectCell,
        deleteContents: deleteContents,
        deselectCell: deselectCell,
        deselectCopyCell: deselectCopyCell,
        element: col,
        setValue: setValue,
        rowNumber: row.number,
        colNumber: colNumber,
        selectCellToCopy: selectCellToCopy,
        updateColNumber: function(i){
          colNumber = i;
          exports.colNumber = i;
        }
      };
  
      return exports;
    }
  
    function deselectAllCells() {
  
      allSelectedCells.forEach(function(cells) {
        cells.deselectCell();
      });
      
      allSelectedCells = [];
      selectedEndCell[0] = null;
      selectedEndCell[1] = null;
      selectedFirstCell[0] = null;
      selectedFirstCell[1] = null;
    }
  
    function selectCellsToMove(firstCell, endCell){ // selectedCopyFirstCell, selectedCopyEndCell
  
      allSelectedCopyCells = allSelectedCopyCells.filter(function(cell) {
        if ((cell.rowNumber > endCell[1] || cell.colNumber > endCell[0]) || (cell.rowNumber < firstCell[1] || cell.colNumber < firstCell[0])) {
          cell.deselectCopyCell();
          return false;
        }
  
        return cell;
      });
  
      var tempColValue,
          lowCell,
          highCell,
          cell;
  
      if (firstCell[0] <= endCell[0]) {
        tempColValue = firstCell[0];
        cell = endCell;
      } else if (firstCell[0] > endCell[0]) {
        tempColValue = endCell[0];      
        cell = firstCell;
      }
  
      lowCell = (firstCell[1] > endCell[1] ? endCell : firstCell);
      highCell = (firstCell[1] < endCell[1] ? endCell : firstCell);
      
  
      while(tempColValue <= cell[0]) {
        for(var i = lowCell[1];i<= highCell[1]; i++) {
          if (rows[i]) rows[i].columns[tempColValue].selectCellToCopy();
        }
        tempColValue++;
      }
  
    }
  
    function selectNewCells(firstCell, endCell) { //firstCell, endCell
      
      if (firstCell.length === 0 || endCell.length === 0 ||   // Weird bug when opening the console and hovering over cells
        (firstCell[0] === null || firstCell[1] === null)
      ) return;
  
      allSelectedCells = allSelectedCells.filter(function(cell) {
        if ((cell.rowNumber > endCell[1] || cell.colNumber > endCell[0]) || (cell.rowNumber < firstCell[1] || cell.colNumber < firstCell[0])) {
          cell.deselectCell();
          return false;
        }
  
        return cell;
      });
  
      var tempColValue,
          lowCell,
          highCell,
          cell;
  
      if (firstCell[0] <= endCell[0]) {
        tempColValue = firstCell[0];
        cell = endCell;
      } else if (firstCell[0] > endCell[0]) {
        tempColValue = endCell[0];      
        cell = firstCell;
      }
  
      lowCell = (firstCell[1] > endCell[1] ? endCell : firstCell);
      highCell = (firstCell[1] < endCell[1] ? endCell : firstCell);
      
      while(tempColValue <= cell[0]) {
        for(var i = lowCell[1];i<= highCell[1]; i++) {
          if (rows[i]) rows[i].columns[tempColValue].selectCell();
        }
        tempColValue++;
      }
    }
  
    ////////////////////////////////////////////////////////////////////////////
  
    function Row(skipAdd) {
      var columns = [],
        row = highed.dom.cr('tr'),
        leftItem = highed.dom.cr('div', 'highed-dtable-left-bar-row', ''),
        checker = highed.dom.cr('div', 'highed-dtable-row'),
        checked = false,
        didAddHTML = false,
        exports = {};
  
      highed.dom.on(leftItem, 'mouseover', function(e) {
        if(mouseDown) {
            selectedEndCell[1] = checker.value;
            selectNewCells(selectedFirstCell, selectedEndCell);
        }
      });    
      
      highed.dom.on(leftItem, 'mousedown', function(e) {
        //if (e.button === 2 && selectedFirstCell.length > 0 && selectedEndCell.length > 0 && selectedFirstCell[0] === 0 && selectedEndCell[0] === (rows[0].columns.length - 1)) {
        deselectAllCells();
      
        selectedFirstCell[0] = 0
        selectedEndCell[0] = rows[0].columns.length - 1;
        selectedFirstCell[1] = e.target.value; 
        selectedEndCell[1] = e.target.value;
  
        selectNewCells(selectedFirstCell, selectedEndCell);
  
      });
  
      function addCol(val, keyValue) {
        columns.push(Column(exports, columns.length, val, keyValue));
      }
  
      function insertCol(where) {
        var col = Column(exports, columns.length);
        columns.splice(where, 0, col);
      }
  
      function select() {
        var o = tbody.querySelector('.highed-dtable-body-selected-row');
        if (o) {
          o.className = '';
        }
        row.className = 'highed-dtable-body-selected-row';
        selectedRowIndex = exports.rowIndex;
      }
  
      function isChecked() {
        return checked;
      }
  
      function check(state) {
        checker.checked = checked = state;
      }
  
      function destroy() {
        if (didAddHTML) {
          leftBar.removeChild(leftItem);
          tbody.removeChild(row);
          row.innerHTML = '';
        }
  
        rows = rows.filter(function(b) {
          return b !== exports;
        });
  
        if (rows.length < 2) {
          showDropzone();
        }
      }
  
      function addToDOM(number) {
        didAddHTML = true;
        exports.number = number;
        checker.innerHTML = number + 1;
        checker.value = number;
        leftItem.value = number;
        highed.dom.ap(tbody, row);
  
        highed.dom.ap(leftBar, highed.dom.ap(leftItem, checker));
      }
  
      function rebuildColumns() {
        row.innerHTML = '';
        columns.forEach(function(col, i) {
          col.updateColNumber(i);
          col.addToDOM(i);
        });
      }
  
      function delCol(which) {
        if (which >= 0 && which < columns.length) {
          columns[which].destroy();
          columns.splice(which, 1);
        }
      }
  
      highed.dom.on(checker, 'change', function() {
        checked = checker.checked;
      });
      if (rows.length < 500) {
        addToDOM(rows.length);
      } else if (rows.length === 500) {
        highed.dom.style(tableTail, {
          display: 'block'
        });
      }
  
      exports = {
        destroy: destroy,
        select: select,
        columns: columns,
        number: rows.length,
        addCol: addCol,
        isChecked: isChecked,
        check: check,
        node: row,
        addToDOM: addToDOM,
        insertCol: insertCol,
        rebuildColumns: rebuildColumns,
        delCol: delCol,
        rowIndex: rows.length
      };
  
      if (!skipAdd) {
        rows.push(exports);
      }
  
      resize();
  
      return exports;
    }
  
    ////////////////////////////////////////////////////////////////////////////
  
    function rebuildRows() {
      rows.forEach(function(row, i) {
        if (rows.length < 500) {
          row.addToDOM(i);
        }
        row.rowIndex = i;
      });
      emitChanged();
    }
  
    function rebuildColumns() {
      rows.forEach(function(row) {
        row.rebuildColumns();
      });
    }
  
    function addRowBefore(index) {
      if (index > 0 && index < rows.length) {
        rows.splice(index - 0, 0, addRow(true, true));
        rebuildRows();
      }
    }
  
    function addRowAfter(index) {
      if (index >= 0 && index < rows.length) {
        rows.splice(index + 1, 0, addRow(true, true));
        rebuildRows();
      }
    }
  
    function init() {
      clear();
      surpressChangeEvents = true;
  
      setTimeout(function(){ events.emit('InitLoaded'); }, 10);
      
      for (var i = 0; i < DEFAULT_ROW; i++) {
        var r = Row(false, keyValue);
      }
  
      tempKeyValue = "A";
      for (var j = 0; j < DEFAULT_COLUMN; j++) {
        addCol('Column ' + (j + 1));
      }
      highed.dom.ap(colgroup, highed.dom.cr('col'));
      resize();
      surpressChangeEvents = false;
    }
  
    function updateColumns() {
      colgroup.innerHTML = '';
      topColumnBar.innerHTML = '';
      topLetterBar.innerHTML = '';
      var resetLetters = 'A';
      
      gcolumns.forEach(function(col, i) {      
        col.colNumber = i;
        col.setLetter(resetLetters);
        resetLetters = getNextLetter(resetLetters);
        col.addToDOM();
  
      });
  
      rebuildColumns();
  
      highed.dom.ap(colgroup, highed.dom.cr('col'));
      resize();
    }
  
    function getNextLetter(key) {
      if (key === 'Z' || key === 'z') {
        return String.fromCharCode(key.charCodeAt() - 25) + String.fromCharCode(key.charCodeAt() - 25);
      } else {
        var lastChar = key.slice(-1);
        var sub = key.slice(0, -1);
        if (lastChar === 'Z' || lastChar === 'z') {
          return getNextLetter(sub) + String.fromCharCode(lastChar.charCodeAt() - 25);
        } else {
          return sub + String.fromCharCode(lastChar.charCodeAt() + 1);
        }
      }
      return key;
    };
  
    function addCol(value, where) {
      //The header columns control the colgroup
      var col = highed.dom.cr('col'),
        colNumber = gcolumns.length,
        header = highed.dom.cr('span', 'highed-dtable-top-bar-col'),
        letter = highed.dom.cr('span', 'highed-dtable-top-bar-letter'),
        headerTitle = highed.dom.cr('div', '', (typeof value === 'undefined' || value === 'null' ? null : value)),
        moveHandle = highed.dom.cr('div', 'highed-dtable-resize-handle'),
        options = highed.dom.cr(
          'div',
          'highed-dtable-top-bar-col-options fa fa-chevron-down'
        ),
        exports = {
          col: col,
          header: header,
          headerTitle: headerTitle,
          colNumber: gcolumns.length,
          letter: letter,
          test: true
        },
        mover = highed.Movable(
          moveHandle,
          'X',
          false,
          false,
          {
            x: 20,
            y: 0
          },
          true
        ),
        ctx = highed.ContextMenu([
          {
            title: highed.L('dgSortAsc'),
            icon: 'sort-amount-asc',
            click: function() {
              sortRows(exports.colNumber, 'asc');
            }
          },
          {
            title: highed.L('dgSortDec'),
            icon: 'sort-amount-desc',
            click: function() {
              sortRows(exports.colNumber, 'desc');
            }
          },
          '-',
          {
            title: highed.L('dgSortAscMonth'),
            icon: 'sort-amount-asc',
            click: function() {
              sortRows(exports.colNumber, 'asc', true);
            }
          },
          {
            title: highed.L('dgSortDecMonth'),
            icon: 'sort-amount-desc',
            click: function() {
              sortRows(exports.colNumber, 'desc', true);
            }
          },
          '-',
          {
            title: highed.L('dgDelCol'),
            icon: 'trash',
            click: function() {
              if (confirm(highed.L('dgDelColConfirm'))) {
                delCol(exports.colNumber);
              }
            }
          },
          // {
          //     title: 'Clone Column',
          //     icon: 'clone'
          // },
          '-',
          {
            title: highed.L('dgInsColBefore'),
            icon: 'plus',
            click: function() {
  
              events.emit('ColumnMoving');
              insertCol(exports.colNumber);
              events.emit('ColumnMoved')
            }
          },
          {
            title: highed.L('dgInsColAfter'),
            icon: 'plus',
            click: function() {
              events.emit('ColumnMoving');
              insertCol(exports.colNumber + 1);
              events.emit('ColumnMoved')
            }
          }
        ]),
        ox,
        keyCell = highed.dom.cr('span', 'highed-dtable-cell-value', keyValue);
  
      //letter.innerHTML = keyValue;
      letter.value = highed.getLetterIndex(keyValue);
  
      exports.setLetter = function (str) {
        keyCell.innerHTML = str;
        letter.value = highed.getLetterIndex(str);
        //exports.colNumber = highed.getLetterIndex(str);
      }
  
      exports.hideColumns = function() {
        if (!col.classList.contains('cell-hide')) {
          col.classList.add('cell-hide');
          header.classList.add('cell-hide');
          letter.classList.add('cell-hide');
        }
      }
  
      exports.showColumns = function() {
        if (col.classList.contains('cell-hide')) {
          col.classList.remove('cell-hide');
          header.classList.remove('cell-hide');
          letter.classList.remove('cell-hide');
        }
      }
  
      highed.dom.on(letter, 'mouseover', function(e) {
        if(mouseDown && (e.target !== options && e.target !== moveHandle)) {
          if (dragHeaderMode) {
            if (movementBar.className.indexOf('active') === -1) {
              movementBar.className += ' active'; 
              highed.dom.style(movementBar, {
                width: 140 * ((selectedHeaders[0] < selectedHeaders[1] ? selectedHeaders[1] - selectedHeaders[0]  : selectedHeaders[0] - selectedHeaders[1]) +1) + 'px'
                //width: 140 * selectedHeaders.length + 'px'
              });
            }
            highlightLeft(letter.value);
            
            highed.dom.style(movementBar, {
              left: (e.clientX - highed.dom.size(movementBar).w / 2) + 'px'
            });
          } else {
            selectedEndCell[0] = letter.value;
            selectedHeaders[1] = letter.value;
            selectNewCells(selectedFirstCell, selectedEndCell);
          }
        }
      });    
      
      highed.dom.on(letter, 'mousedown', function(e) {
  
        deselectAllCells();
        
        if (selectedHeaders.length > 0 && ( e.target.value >= selectedHeaders[0] && e.target.value <= selectedHeaders[1])) {
          //User is trying to drag headers left and right.
          dragHeaderMode = true;
        } else {
          //deselectAllCells();
          if(e.target !== options && e.target !== moveHandle) {
            selectedHeaders = [];
  
            selectedHeaders[0] = e.target.value;
            selectedHeaders[1] = e.target.value;
  
            selectedFirstCell[0] = e.target.value;
            selectedEndCell[0] = e.target.value;
            selectedFirstCell[1] = 0; 
            selectedEndCell[1] = rows.length - 1; 
            selectNewCells(selectedFirstCell, selectedEndCell);
          }
        }
      });
  
      highed.dom.on(container, 'mouseover', function(e) {
        if (dragHeaderMode) {
          highed.dom.style(movementBar, {
            left: (e.clientX - highed.dom.size(movementBar).w / 2) + 'px'
          });
        } 
      });
  
      function shuffleArray(arr, min, amount, moveTo) {
        var x = arr.splice(min, amount);
        var args = [moveTo, 0].concat(x);
        Array.prototype.splice.apply(arr, args);
      }
  
      function moveCells() {
        
        if (moveToColumn !== null) {    
          events.emit('ColumnMoving');
          
          const min = selectedHeaders[0/*(moveToColumn < selectedHeaders[0] ? 1 : 0)*/],
                max = (selectedHeaders[0] < selectedHeaders[1] ? selectedHeaders[1] - selectedHeaders[0]  : selectedHeaders[0] - selectedHeaders[1]) +1,
                total = (selectedHeaders[0] < selectedHeaders[1] ? selectedHeaders[1] - selectedHeaders[0]  : selectedHeaders[0] - selectedHeaders[1]);
  
          shuffleArray(gcolumns, min, max, (moveToColumn < selectedHeaders[0] ? moveToColumn + 1 : moveToColumn - total));
  
          rows.forEach(function(row) {
            shuffleArray(row.columns, min, max, (moveToColumn < selectedHeaders[0] ? moveToColumn + 1 : moveToColumn - total));
          });
  
          if (rows.length > 0) rows[0].columns[0].focus();
          updateColumns();
          emitChanged();
          events.emit('ColumnMoved');
        }
      }
  
      highed.dom.on(container, 'mouseup', function(e) {
        if (dragHeaderMode) {
  
          moveCells();
          selectedHeaders = [];
          dragHeaderMode = false;
          movementBar.classList.remove('active');
          columnsToHighlight.forEach(function(highlightedColumn) {
            highlightedColumn.element.classList.remove('highlight-right');
          });
          columnsToHighlight = [];
          moveToColumn = null;
        }
        globalContextMenu.hide();
      })
  
      highed.dom.on(header, 'mouseover', function(e) {
        if(mouseDown) {
          if (dragHeaderMode) {
            highlightLeft(exports.colNumber);
          }
        }
      });
  
      
      keyValue = getNextLetter(keyValue);
      ////////////////////////////////////////////////////////////////////////
      exports.addToDOM = function() {
  
        highed.dom.ap(colgroup, col);
        highed.dom.ap(
          topLetterBar,
          highed.dom.ap(letter, keyCell, options, moveHandle)
        );
  
        highed.dom.ap(
          topColumnBar,
          highed.dom.ap(header, headerTitle)
        );
      };
  
      exports.destroy = function() {
        colgroup.removeChild(col);
        topColumnBar.removeChild(header);
        topLetterBar.removeChild(letter);
  
        gcolumns = gcolumns.filter(function(b) {
          return b !== exports;
        });
  
      };
  
      ////////////////////////////////////////////////////////////////////////
  
      exports.addToDOM();
  
      // highed.dom.showOnHover(header, options);
  
      col.width = 140;
      highed.dom.style([col, header, letter], {
        width: col.width + 'px',
        'max-width': col.width + 'px'
      });
  
      mover.on('StartMove', function(x) {
        ox = x;
  
        if (!header.classList.contains('no-transition')) {
          header.classList += ' no-transition';
          letter.classList += ' no-transition';
          col.classList += ' no-transition';
        }
  
        if (rows.length > 0) rows[0].columns[0].focus();
        highed.dom.style(cornerPiece, {
          display: 'none'
        })
  
        highed.dom.style(document.body, {
          cursor: 'ew-resize'
        });
      });
  
      mover.on('Moving', function(x) {
        col.width = x;
  
        highed.dom.style(cornerPiece, {
          display: 'none'
        })
  
        highed.dom.style([col, header, letter], {
          width: x + 'px',
          'max-width': x + 'px'
        });
  
        moveHandle.className =
          'highed-dtable-resize-handle highed-dtable-resize-handle-moving';
      });
  
      mover.on('EndMove', function(x) {
        highed.dom.style(document.body, {
          cursor: ''
        });
  
        if (header.classList.contains('no-transition')) {
          header.classList.remove('no-transition');
          letter.classList.remove('no-transition');
          col.classList.remove('no-transition');
        }
  
        moveHandle.className = 'highed-dtable-resize-handle';
        if (rows.length > 0) rows[0].columns[0].focus();
      });
  
      highed.dom.on(options, 'click', function(e) {
        ctx.show(e.clientX, e.clientY);
        return highed.dom.nodefault(e);
      });
  
      highed.dom.on(header, 'click', function(e) {
        //Ugly.
        mainInput.className = 'highed-dtable-input highed-dtable-input-header';
        //Spawn an edit box in the node
  
        highed.dom.style(cornerPiece, {
          display: "none"
        });
        deselectAllCells();
  
        makeEditable(
          header,
          value,
          function(val) {
            headerTitle.innerHTML = value = val;
            emitChanged();
          },
          function(e) {
            if (e.keyCode === 13) {
              mainInput.className = 'highed-dtable-input';
              header.removeChild(mainInput);
            }
          }
        );
      });
  
      rows.forEach(function(row) {
        if (where) {
          row.insertCol(where);
        } else {
          row.addCol(null, tempKeyValue);
        }
  
        tempKeyValue = getNextLetter(tempKeyValue);
      });
  
      if (!isNaN(where)) {
        gcolumns.splice(where, 0, exports);
      } else {
        gcolumns.push(exports);
      }
  
      emitChanged();
    }
  
    function showDropzone() {
      highed.dom.style(dropZone, {
        opacity: 1
      });
    }
  
    function hideDropzone() {
      highed.dom.style(dropZone, {
        opacity: 0
      });
    }
  
    ////////////////////////////////////////////////////////////////////////////
    // PUBLIC FUNCTIONS FOLLOW
  
    /** Sort rows
     * @memberof highed.DataTable
     * @param column {number} - the column to sort on
     * @param direction {string} - the direction: `asc` or `desc`
     * @param asMonths {boolean} - if true, sort by month
     */
    function sortRows(column, direction, asMonths) {
      tbody.innerHTML = '';
  
      direction = (direction || '').toUpperCase();
      rows.sort(function(a, b) {
        var ad = a.columns[column].value(),
          bd = b.columns[column].value();
  
        if ((highed.isNum(ad) && highed.isNum(bd)) || asMonths) {
          if (asMonths) {
            ad = monthNumbers[ad.toUpperCase().substr(0, 3)] || 13;
            bd = monthNumbers[bd.toUpperCase().substr(0, 3)] || 13;
          } else {
            ad = parseFloat(ad);
            bd = parseFloat(bd);
          }
  
          if (direction === 'ASC') {
            return ad - bd;
          }
          return bd < ad ? -1 : bd > ad ? 1 : 0;
        }
  
        if (direction === 'ASC') {
          if (!ad) return bd;
          return ad.localeCompare(bd);
        }
  
        if (bd) {
          if (!ad) return bd;
          return bd.localeCompare(ad);
        }
         else {
           if (ad) return ad.localeCompare(bd);
         }
        
      });
  
      rebuildRows();
  
      if (rows.length > 0) rows[0].columns[column].focus();
      emitChanged();
    }
  
    /** Clear the table
     * @memberof highed.DataTable
     */
    function clear(noWait) {
      rows = rows.filter(function(row) {
        row.destroy();
        return false;
      });
  
      gcolumns = gcolumns.filter(function(row) {
        //Destroy col here
        return false;
      });
  
      tbody.innerHTML = '';
      leftBar.innerHTML = '';
      topColumnBar.innerHTML = '';
      topLetterBar.innerHTML = '';
      colgroup.innerHTML = '';
      keyValue = "A";
  
      highed.dom.style(tableTail, {
        display: ''
      });
  
      events.emit('ClearData', true);
  
      emitChanged(noWait);
      showDropzone();
    }
  
    /** Add a new row
     * @memberof highed.DataTable
     */
    function addRow(supressChange, skipAdd) {
      var r = Row(skipAdd);
  
      gcolumns.forEach(function() {
        r.addCol();
      });
  
      if (!supressChange) {
        emitChanged();
      }
      if (rows.length > 1) {
        hideDropzone();
      }
  
      return r;
    }
  
    /** Insert a new column
     * @memberof highed.DataTable
     * @param {number} where - is the position where to add it
     */
    function insertCol(where) {
      if (where === null) where = gcolumns.length;
      if (where <= 0) where = 0;
      if (where >= gcolumns.length) where = gcolumns.length;
      //Insert into gcolumns and on each row, then call updateColumns()
      addCol(highed.L('dgNewCol'), where);
  
      updateColumns();
    }
  
    /** Delete a column
     * @memberof highed.DataTable
     * @param {number} which - the index of the column to delete
     */
    function delCol(which) {
      if (which >= 0 && which < gcolumns.length) {
        rows.forEach(function(row) {
          row.delCol(which);
        });
  
        gcolumns[which].destroy();
  
        updateColumns();
        emitChanged();
      }
    }
  
    /** Resize the table based on the container size
     *  @memberof highed.DataTable
     */
    function resize() {
      var ps = highed.dom.size(parent),
        hs = highed.dom.size(topBar);
        //tb = highed.dom.size(toolbar.container);
      
      highed.dom.style(frame, {
        height: ps.h - hs.h - 55 - 17 + 'px' //55 is padding from top for data column and letter
      });
  
      highed.dom.style([container, gsheetFrame, liveDataFrame], {
        height: ps.h - hs.h - 22 /*- tb.h*/ + 'px'
      });
  
  
      highed.dom.style(table, {
        width: ps.w + 'px'
      });
  
    }
  
    /** Returns the header titles as an array
     *  @memberof highed.DataTable
     *  @returns {array<string>} - the headers
     */
    function getHeaderTextArr(quoteStrings, section) {
  
      var columnNames = [];
  
  
      function cleanData(data) {
        var title = data && data.headerTitle.innerHTML.length
        ? data.headerTitle.innerHTML
        : null;
        
        if (quoteStrings) {
          title = '"' + title + '"';
        }
  
        columnNames.push(title);  
      }
  
      if (section) {
        //Add in label data first
        //cleanData(gcolumns[section.labelColumn]);
      }
  
      gcolumns.reduce(function(result, item, index) {
        
        if ( section && !checkSections(section, index)) {
              return;
            }
        
        cleanData(item);
  
      }, []);
  
      return columnNames;
    }
  
    function checkSections(sections, index) {
      return (sections || []).some(function(section) {
        return (section.dataColumns.indexOf(index) > -1 || section.extraColumns.indexOf(index) > -1 || section.labelColumn === index);
      });
    }
  
    /** Get the table contents as an array of arrays
     *  @memberof highed.DataTable
     *  @param {boolean} quoteStrings - if true, strings are wrapped in double quotes
     *  @param {boolean} includeHeaders - if true, the header texts will be included as the first row
     *  @returns {array<array<string>>}
     */
    function toData(quoteStrings, includeHeaders, section) {
      var data = [];
      if (includeHeaders) {
        data.push(getHeaderTextArr(quoteStrings, section));
      }
      dataFieldsUsed = [];
  
      function addData(column, arr) {
  
        if (quoteStrings && !highed.isNum(column) && highed.isStr(column)) {
          column = '"' + column.replace(/\"/g, '"') + '"';
        }
  
        if (highed.isNum(column)) {
          column = parseFloat(column);
        }
  
        if (highed.isStr(column) && Date.parse(column) !== NaN) {
          //v = (new Date(v)).getTime();
        }
  
        arr.push(column);
      }
  
      rows.forEach(function(row) {
        var rarr = [],
          hasData = false;
  
        if (section) {
          //Add in label data first
          //addData(row.columns[section[0].labelColumn].value(), rarr);
        }
  
        row.columns.forEach(function(col, index) {
          if (section && !checkSections(section, index)) return;
  
          var v = col.value();
  
          if (v) {
            hasData = true;
          }
  
          if (dataFieldsUsed.indexOf(index) === -1) {
            dataFieldsUsed.push(index);
            if (!v) {
              hasData = true;
              v = undefined;
            }
          }
  
          addData(v, rarr);
  
        });
  
        if (hasData) {
          data.push(rarr);
        }
      });
      return data;
    }
  
    /** Get the table contents as series
     *  @memberof highed.DataTable
     */
    function toDataSeries(ignoreFirst) {
      var res = {
        categories: [],
        series: []
      };
  
      gcolumns.forEach(function(item, i) {
        if (i > 0) {
          res.series.push({
            name: item.headerTitle.innerHTML.length
              ? item.headerTitle.innerHTML
              : null,
            data: []
          });
        }
      });
  
      rows.forEach(function(row, i) {
        row.columns.forEach(function(col, ci) {
          var v = col.value();
  
          if (!ci) {
            if (v && highed.isStr(v) && Date.parse(v) !== NaN) {
              // v = new Date(v);
            }
  
            res.categories.push(v);
            return;
          }
  
          ci--;
  
          if (v && highed.isNum(v)) {
            v = parseFloat(v);
          }
  
          if (v && highed.isStr(v) && Date.parse(v) !== NaN) {
            // v = (new Date(v)).getTime();
          }
  
          res.series[ci].data.push(v);
        });
      });
  
      return res;
    }
  
    /** Get the table contents as standard CSV
     *  @memberof highed.DataTable
     *  @param delimiter {string} - the delimiter to use. Defaults to `,`.
     *  @param section {array} - the section of the data table which is the data.
     */
    function toCSV(delimiter, quoteStrings, section) {
      delimiter = delimiter || ','; 
      return toData(quoteStrings, true, section)
        .map(function(cols) {
          return cols.join(delimiter);
        })
        .join('\n');
    }
  
    function loadRows(rows, done) {
      var sanityCounts = {};
      clear();
  
      if (rows.length > 1) {
        hideDropzone();
      }
  
      // Do a sanity check on rows.
      // If the column count varries between rows, there may be something wrong.
      // In those cases we should pop up a dialog allow to specify what the
      // delimiter should be manually.
  
      rows.some(function(row, i) {
        var count = row.length;
        sanityCounts[count] =
          typeof sanityCounts[count] === 'undefined' ? 0 : sanityCounts[count];
        ++sanityCounts[count];
        return i > 20;
      });
  
      if (Object.keys(sanityCounts).length > 4) {
        // Four or more rows have varrying amounts of columns.
        // Something is wrong.
        showDataImportError();
      }
  
      highed.dom.style(loadIndicator, {
        opacity: 1
      });
  
      highed.dom.style(hideCellsDiv, {
        opacity: 0
      });
  
      setTimeout(function() {
  
        if(rows[0] && rows.length < DEFAULT_ROW) {
          var counter = DEFAULT_ROW - rows.length,
              length = (rows[0].length > DEFAULT_COLUMN ? rows[0].length : DEFAULT_COLUMN);
  
          rows.forEach(function(row) {
            if (row.length < DEFAULT_COLUMN) {
              const len = DEFAULT_COLUMN - row.length;
              for(var i=0;i<len;i++) {
                row.push(null);
              }
            }
          });
  
          for(var i =0;i<counter; i++) {
            rows.push(Array(length).fill(null, 0));
          }
        }
  
        rows.forEach(function(cols, i) {
          var row;
  
          if (i) {
            row = Row();
          }
          tempKeyValue = "A";
          cols.forEach(function(c) {
            if (i === 0) {
              addCol(c);
            } else {
              row.addCol(c, tempKeyValue);
            }
            tempKeyValue = getNextLetter(tempKeyValue);
          });
        });
  
        highed.dom.ap(colgroup, highed.dom.cr('col'));
  
        // highed.snackBar(highed.L('dgDataImported'));
        resize();
  
        highed.dom.style(loadIndicator, {
          opacity: 0
        });
        highed.dom.style(hideCellsDiv, {
          opacity: 1
        });
  
        if (highed.isFn(done)) {
          done();
        }
      }, 10);
    }
  
    function loadLiveDataPanel(params){
        //loadRows(params.csv);
  
        isInLiveDataMode = true;
        highed.dom.style(gsheetFrame, {
          display: 'none'
        });
        highed.dom.style(container, {
          display: 'none'
        });
        highed.dom.style(liveDataFrame, {
          display: 'block'
        });
  
        liveDataInput.value = params.columnsURL || params.rowsURL || params.csvURL;
        liveDataIntervalInput.value = params.dataRefreshRate || '';
        liveDataTypeSelect.selectById((params.columnsURL ? 'columnsURL' : (params.rowsURL ? 'rowsURL': 'csvURL')));
    }
  
    function loadLiveDataFromURL(url, interval, type) {
      isInLiveDataMode = true;
      events.emit('LoadLiveData', { url: url,
                                    interval: interval,
                                    type: type });
    }
  
    function loadCSV(data, surpressEvents, updateAssignData, cb) {
      var rows;
  
      if (isInGSheetMode) {
        isInGSheetMode = false;
        isInLiveDataMode = false;
  
        highed.dom.style(gsheetFrame, {
          display: 'none'
        });
  
        highed.dom.style(liveDataFrame, {
          display: 'none'
        });
  
        highed.dom.style(container, {
          display: 'block'
        });
      }
  
      // highed.snackBar(highed.L('dgDataImporting'));
      importModal.hide();
  
      surpressChangeEvents = true;
  
      rawCSV = data.csv;
  
      if (data && data.csv) {
        rows = parseCSV(data.csv, data.delimiter);
        if (updateAssignData && rows[0].length < DEFAULT_COLUMN) events.emit('AssignDataForFileUpload', rows[0].length);
  
        if(rows[0] && rows.length < DEFAULT_ROW) {
          var counter = DEFAULT_ROW - rows.length,
              length = (rows[0].length > DEFAULT_COLUMN ? rows[0].length : DEFAULT_COLUMN);
  
          rows.forEach(function(row) {
            if (row.length < DEFAULT_COLUMN) {
              const len = DEFAULT_COLUMN - row.length;
              for(var i=0;i<len;i++) {
                row.push(null);
              }
            }
          });
  
          for(var i =0;i<counter; i++) {
            rows.push(Array(length).fill(null, 0));
          }
        }
        loadRows(rows, function() {
          if (updateAssignData && rows[0].length > DEFAULT_COLUMN) events.emit('AssignDataForFileUpload', rows[0].length);
          if (cb) cb();
        });
      } else {
        // surpressChangeEvents = false;
        // if (!surpressEvents) {
        //   emitChanged(true);
        // }
      }
      surpressChangeEvents = false;
      if (!surpressEvents) {
        emitChanged(true);
      }
    }
  
    function initGSheet(
      id,
      worksheet,
      startRow,
      endRow,
      startColumn,
      endColumn,
      skipLoad,
      dataRefreshRate
    ) {
      gsheetID.value = id;
      gsheetWorksheetID.value = worksheet || '';
      gsheetRefreshTime.value = dataRefreshRate || '';
      gsheetStartRow.value = startRow || 0;
      gsheetEndRow.value = (endRow === Number.MAX_VALUE ? '' : endRow) || '';
      gsheetStartCol.value = startColumn || 0;
      gsheetEndCol.value =  (endColumn === Number.MAX_VALUE ? '' : endColumn) || '';
  
      isInGSheetMode = true;
      isInLiveDataMode = false;
  
      highed.dom.style(gsheetFrame, {
        display: 'block'
      });
  
      highed.dom.style(container, {
        display: 'none'
      });
  
      highed.dom.style(liveDataFrame, {
        display: 'none'
      });
  
      if (!skipLoad) {
  
        events.emit('LoadGSheet', {
          googleSpreadsheetKey: gsheetID.value,
          googleSpreadsheetWorksheet: gsheetWorksheetID.value || false,
          dataRefreshRate: gsheetRefreshTime.value || false,
          enablePolling: (parseInt(gsheetRefreshTime.value) !== 0),
          startRow: gsheetStartRow.value || 0,
          endRow: gsheetEndRow.value || undefined,
          startColumn: gsheetStartCol.value || 0,
          endColumn: gsheetEndCol.value || undefined
        });
      }
    }
  
    function showDataTableError() {
      highed.dom.style(container, {
        border: '1px solid #aa5555'
      });
    }
  
    function hideDataTableError() {
      highed.dom.style(container, {
        border: 'initial'
      });
    }
  
    function addImportTab(tabOptions){
      importer.addImportTab(tabOptions);
    }
  
    function hideImportModal(){
      importModal.hide();
    }
  
    function showImportModal(index) {
      importModal.show();
      if (!isNaN(index)) {
        importer.selectTab(index);
      }
  
      events.emit('initExporter', importer.exporter);
      importer.resize();
    }
  
    function showLiveData(skipConfirm) {
      if (
        skipConfirm ||
        rows.length <= 1 ||
        confirm('This will clear your existing data. Continue?')
      ) {
        clear(true);
        events.emit('ClearSeries');
  
        liveDataInput.value = '';
        liveDataIntervalInput.value = '';
        liveDataTypeSelect.selectByIndex(0);
  
        highed.dom.style(gsheetFrame, {
          display: 'none'
        });
  
        highed.dom.style(container, {
          display: 'none'
        });
  
        highed.dom.style(liveDataFrame, {
          display: 'block'
        });
        importModal.hide();
  
        isInGSheetMode = false;
        isInLiveDataMode = true;
      }
    }
  
    function showGSheet(skipConfirm) {
      if (
        skipConfirm ||
        rows.length <= 1 ||
        confirm('This will clear your existing data. Continue?')
      ) {
        clear(true);
        events.emit('ClearSeries');
        
        gsheetID.value = '';
        gsheetWorksheetID.value = '';
        gsheetRefreshTime.value = '';
        highed.dom.style(gsheetFrame, {
          display: 'block'
        });
  
        highed.dom.style(container, {
          display: 'none'
        });
  
        highed.dom.style(liveDataFrame, {
          display: 'none'
        });
  
        importModal.hide();
        isInGSheetMode = true;
        isInLiveDataMode = false;
      }
    }
  
    function hideLiveData() {
      if (
        !liveDataInput.value ||
        confirm('Are you sure you want to remove your live data?')
      ) {
        // Should emit a gsheet clear
  
        events.emit('LoadLiveData', {
            url: ''
        });
  
        highed.dom.style(gsheetFrame, {
          display: 'none'
        });
  
        highed.dom.style(container, {
          display: 'block'
        });
  
  
        highed.dom.style(liveDataFrame, {
          display: 'none'
        });
  
        isInLiveDataMode = false;
  
        init();
      }
    }
  
    function hideGSheet() {
      if (
        !gsheetID.value ||
        confirm('Are you sure you want to detach the current spreadsheet?')
      ) {
        // Should emit a gsheet clear
        events.emit('LoadGSheet', {
          googleSpreadsheetKey: '',
          googleSpreadsheetWorksheet: false
        });
  
        highed.dom.style(gsheetFrame, {
          display: 'none'
        });
  
        highed.dom.style(container, {
          display: 'block'
        });
  
        highed.dom.style(liveDataFrame, {
          display: 'none'
        });
        isInGSheetMode = false;
  
        init();
  
        highed.emit('UIAction', 'DetachGoogleSheet');
      }
    }
  
    ////////////////////////////////////////////////////////////////////////////
    importer.on('ExportComma', function(data) {
      highed.emit('UIAction', 'ExportComma');
      highed.download('data.csv', toCSV(','), 'application/csv');
      events.emit('EnableAssignDataPanel');
      importModal.hide();
    });
  
    importer.on('ExportSemiColon', function(data) {
      highed.emit('UIAction', 'ExportSemiColon');
      highed.download('data.csv', toCSV(';'), 'application/csv');
      events.emit('EnableAssignDataPanel');
      importModal.hide();
    });
  
    importer.on('ImportCSV', function(data, cb) {
      highed.emit('UIAction', 'ImportCSV');
      events.emit('EnableAssignDataPanel');
      loadCSV(data, null, true, cb);
    });
  
    importer.on('ImportGoogleSpreadsheet', function() {
      highed.emit('UIAction', 'BtnGoogleSheet');
      events.emit('DisableAssignDataPanel');
      showGSheet();
    });
  
    importer.on('ImportLiveData', function(data) {
      isInLiveDataMode = true;
      events.emit('DisableAssignDataPanel');
      showLiveData();
      //loadLiveDataFromURL(data.url);
    });
  
    importer.on('ImportChartSettings', function(settings, format) {
      // Do something with the data here
      events.emit('ImportChartSettings', settings, format);
      importModal.hide();
    });
  
    highed.dom.on(switchRowColumns, 'click', function() {
      selectSwitchRowsColumns()
    })
  
    highed.dom.on(gsheetCancelButton, 'click', function() {
      hideGSheet();
      events.emit('CancelDataInput');
      events.emit('EnableAssignDataPanel');
    });
  
    highed.dom.on(liveDataCancelButton, 'click', function() {
      hideLiveData();
      events.emit('CancelDataInput');
      events.emit('EnableAssignDataPanel');
    });
  
    highed.dom.on(liveDataLoadButton, 'click', function() {
      loadLiveDataFromURL(liveDataInput.value, liveDataIntervalInput.value, detailValue || 'columnsURL');
    });
  
    highed.dom.on(gsheetLoadButton, 'click', function() {
  
      var value = parseInt(gsheetRefreshTime.value);
      events.emit('LoadGSheet', {
        googleSpreadsheetKey: gsheetID.value,
        googleSpreadsheetWorksheet: gsheetWorksheetID.value || false,
        dataRefreshRate: (!isNaN(value) && value !== 0 ? value : false),
        enablePolling: (!isNaN(value) && value !== 0),
        startRow: gsheetStartRow.value || 0,
        endRow: gsheetEndRow.value || Number.MAX_VALUE,
        startColumn: gsheetStartCol.value || 0,
        endColumn: gsheetEndCol.value || Number.MAX_VALUE
      });
    });
  
    highed.dom.on(weirdDataIgnore, 'click', hideDataImportError);
  
    highed.dom.on(weirdDataFix, 'click', function() {
      // Pop open a modal with the option of supplying a delimiter manually.
      var dropdownParent = highed.dom.cr('div'),
        dropdown = highed.DropDown(dropdownParent),
        okBtn = highed.dom.cr('button', 'highed-ok-button', 'Rerun Import'),
        nevermindBtn = highed.dom.cr('button', 'highed-ok-button', 'Nevermind'),
        selectedDelimiter = undefined;
  
      weirdDataModal.body.innerHTML = '';
      weirdDataModal.show();
  
      dropdown.addItems([
        {
          title: 'Tab',
          id: 'tab',
          select: function() {
            selectedDelimiter = '\t';
          }
        },
        {
          title: 'Comma',
          id: 'comma',
          select: function() {
            selectedDelimiter = ',';
          }
        },
        {
          title: 'Semicolon',
          id: 'semicolon',
          select: function() {
            selectedDelimiter = ';';
          }
        }
      ]);
  
      dropdown.selectByIndex(0);
  
      highed.dom.ap(
        weirdDataModal.body,
        highed.dom.cr('h3', '', 'Data Import Fixer'),
        highed.dom.cr(
          'div',
          'highed-dtable-weird-data-body',
          [
            'We could not properly determine how your columns are separated.',
            '<br/><br/>',
            'Usually this is caused by commas as thousand separators,',
            'or something similar. Please choose which delimiter you want to use,',
            'and click the Rerun button.<br/><br/>'
          ].join(' ')
        ),
        dropdownParent,
        highed.dom.style(okBtn, {
          marginRight: '5px'
        }),
        nevermindBtn
      );
  
      highed.dom.on(nevermindBtn, 'click', weirdDataModal.hide);
  
      highed.dom.on(okBtn, 'click', function() {
        weirdDataModal.hide();
        hideDataImportError();
  
        loadCSV({
          csv: rawCSV,
          delimiter: selectedDelimiter
        }, null, true);
      });
    });
  
    ////////////////////////////////////////////////////////////////////////////
  
    dropZone.innerHTML =
      'Drop CSV files here.<br/>' +
      '<span class="highed-dtable-drop-zone-small">You can also paste CSV or Excel data into any cell</span>';
  
    table.cellPadding = 0;
    table.cellSpacing = 0;
  
    highed.dom.on(frame, 'scroll', function(e) {
      leftBar.style.top = -frame.scrollTop + 'px';
      topBar.style.left = -frame.scrollLeft + 40 + 'px';
    });
  
    parent = highed.dom.get(parent);
    highed.dom.ap(
      parent,
      gsheetFrame,
      liveDataFrame,
      highed.dom.ap(
        container,
        highed.dom.ap(
          frame,
          highed.dom.ap(table, colgroup, thead, tbody),
          tableTail,
          dropZone,
          movementBar
        ),
        hideCellsDiv,
        leftBar,
        highed.dom.ap(topBar, topLetterBar, topColumnBar)
        //highed.dom.ap(topLeftPanel, checkAll)
      ),
      highed.dom.ap(
        weirdDataContainer,
        highed.dom.cr(
          'div',
          'highed-dtable-weird-data-body',
          [
            'Uh-oh! It looks like our data importer may have had some issues',
            'processing your data.',
            'Usually this means that we were unable to deduce how the columns',
            'are separated.'
          ].join(' ')
        ),
        weirdDataIgnore,
        weirdDataFix
      ),
  
      loadIndicator
    );
  
    gsheetID.placeholder = 'Spreadsheet ID';
    gsheetWorksheetID.placeholder = 'Worksheet (leave blank for first)';
    gsheetRefreshTime.placeholder = 'Refresh Time (leave blank for no refresh)';
  
    highed.dom.ap(
      gsheetFrame,
      highed.dom.ap(
        gsheetContainer,
        highed.dom.cr(
          'div',
          'highed-dtable-gsheet-heading',
          'Link Google Spreadsheet'
        ),
        highed.dom.ap(
          highed.dom.cr('div', 'highed-dtable-gsheet-inner'),
          // highed.dom.cr('div', 'highed-dtable-gsheet-centered', 'You have loaded a Google Spreadsheet.'),
          // highed.dom.cr(
          //   'div',
          //   'highed-dtable-gsheet-desc',
          //   [
          //     'Google Spreadsheets are referenced, meaning that the data is imported',
          //     'on the fly. When viewing the chart, the latest version of your sheet',
          //     'will always be used!<br/><br/>'
          //   ].join(' ')
          // ),
          highed.dom.cr(
            'div',
            'highed-dtable-gsheet-label',
            'Google Spreadsheet ID'
          ),
          highed.dom.ap(highed.dom.cr('div'), gsheetID),
          highed.dom.ap(
            highed.dom.cr('table', 'highed-stretch'),
            highed.dom.ap(
              highed.dom.cr('tr'),
              highed.dom.cr('td', 'highed-dtable-gsheet-label', 'Worksheet'),
              highed.dom.cr('td', 'highed-dtable-gsheet-label', 'Refresh Time (Seconds)')
            ),
            highed.dom.ap(
              highed.dom.cr('tr'),
              highed.dom.ap(highed.dom.cr('td', '', ''), gsheetWorksheetID),
              highed.dom.ap(highed.dom.cr('td', '', ''), gsheetRefreshTime)
            ),
            highed.dom.ap(
              highed.dom.cr('tr'),
              highed.dom.cr('td', 'highed-dtable-gsheet-label', 'Start Row'),
              highed.dom.cr('td', 'highed-dtable-gsheet-label', 'End Row')
            ),
            highed.dom.ap(
              highed.dom.cr('tr'),
              highed.dom.ap(highed.dom.cr('td', '', ''), gsheetStartRow),
              highed.dom.ap(highed.dom.cr('td', '', ''), gsheetEndRow)
            ),
            highed.dom.ap(
              highed.dom.cr('tr'),
              highed.dom.cr('td', 'highed-dtable-gsheet-label', 'Start Column'),
              highed.dom.cr('td', 'highed-dtable-gsheet-label', 'End Column')
            ),
            highed.dom.ap(
              highed.dom.cr('tr'),
              highed.dom.ap(highed.dom.cr('td', '', ''), gsheetStartCol),
              highed.dom.ap(highed.dom.cr('td', '', ''), gsheetEndCol)
            )
          ),
          highed.dom.ap(
            highed.dom.cr('div', 'highed-gsheet-btn-container'),
            gsheetLoadButton,
            gsheetCancelButton
          ),
          highed.dom.cr(
            'div',
            'highed-gsheet-text',
            [
              'When using Google Spreadsheet, Highcharts references the sheet directly.<br/><br/>',
              'This means that the published chart always loads the latest version of the sheet.<br/><br/>',
  
              'For more information on how to set up your spreadsheet, visit',
              '<a target="_blank" href="https://cloud.highcharts.com/docs/#/google-spread-sheet-setting">the documentation</a>.'
            ].join(' ')
          )
        )
      )
    );
  
    liveDataTypeSelect.addItems([
      {id: 'columnsURL', title: "JSON (Column Ordered)"},
      {id: 'rowsURL', title: "JSON (Row Ordered)"},
      {id: 'csvURL', title: "CSV"}
    ]
    );
  
    liveDataTypeSelect.on('Change', function(selected) {
      //detailIndex = selected.index();
      detailValue = selected.id();
      //liveDataTypeSelect.selectById(detailValue || 'json');
    });
  
    highed.dom.ap(liveDataTypeMasterNode, liveDataTypeSelect.container);
    highed.dom.style(liveDataTypeMasterNode, {
      display: 'block'
    });
  
    highed.dom.ap(
      liveDataFrame,
      highed.dom.ap(
        liveDataContainer,
        highed.dom.cr(
          'div',
          'highed-dtable-gsheet-heading',
          'Live Data'
        ),
        highed.dom.ap(
          highed.dom.cr('div', 'highed-dtable-gsheet-inner'),
          // highed.dom.cr('div', 'highed-dtable-gsheet-centered', 'You have loaded a Google Spreadsheet.'),
          // highed.dom.cr(
          //   'div',
          //   'highed-dtable-gsheet-desc',
          //   [
          //     'Google Spreadsheets are referenced, meaning that the data is imported',
          //     'on the fly. When viewing the chart, the latest version of your sheet',
          //     'will always be used!<br/><br/>'
          //   ].join(' ')
          // ),
          highed.dom.cr(
            'div',
            'highed-dtable-gsheet-label',
            'URL'
          ),
          highed.dom.ap(highed.dom.cr('div'), liveDataInput),
  
          highed.dom.ap(
            highed.dom.cr('table', 'highed-stretch'),
            highed.dom.ap(
              highed.dom.cr('tr'),
              highed.dom.cr('td', 'highed-dtable-gsheet-label', 'Chart Refresh Time (Seconds)'),
              highed.dom.cr('td', 'highed-dtable-gsheet-label', 'Data Type')
            ),
            highed.dom.ap(
              highed.dom.cr('tr'),
              highed.dom.ap(highed.dom.cr('td', '', ''), liveDataIntervalInput),
              highed.dom.ap(highed.dom.cr('td', '', ''), liveDataTypeMasterNode)
            )
          ),
  
          highed.dom.ap(
            highed.dom.cr('div', 'highed-gsheet-btn-container'),
            liveDataLoadButton,
            liveDataCancelButton
          ),
          highed.dom.cr('div', 'highed-gsheet-text', [
            'Live data needs a url to your JSON data to reference.<br/><br/>',
            'This means that the published chart always loads the latest version of your data.<br/><br/>'
          ].join(' '))
        )
      )
    );
  
    function selectSwitchRowsColumns() {
      var csvData = rowsToColumns(highed.parseCSV(toCSV()))
      .map(function(cols) {
        return cols.join(';');
      }).join('\n')
  
      clearData()
      loadCSV({
        csv: csvData
      }, null, true);
    }
  
    function rowsToColumns(rows) {
      var row,
          rowsLength,
          col,
          colsLength,
          columns;
  
      if (rows) {
          columns = [];
          rowsLength = rows.length;
          for (row = 0; row < rowsLength; row++) {
              colsLength = rows[row].length;
              for (col = 0; col < colsLength; col++) {
                  if (!columns[col]) {
                      columns[col] = [];
                  }
                  columns[col][row] = rows[row][col];
              }
          }
      }
      return columns;
    }
  
  
    function getRawCSV() {
      return rawCSV;
    }
  
    function clearData() {
      highed.emit('UIAction', 'FlushDataConfirm');
      init();
      emitChanged();
      if (rows.length > 0) rows[0].columns[0].focus();
    }
    function colorHeader(values, color) {
      var tempValue = values[0];
      if (values.length > 0) {
        while (tempValue <= values[values.length - 1]) {
          if (gcolumns[tempValue]) {
            highed.dom.style(gcolumns[tempValue].letter, {
              "background-color": color.light,
              "border-left": "1px double " + color.dark,
              "border-top": "1px double " + color.dark,
              "border-bottom": "1px double " + color.dark,
              "border-right": "1px double " + color.dark,
            });        
            highed.dom.style(gcolumns[tempValue].header, {
              "background-color": color.light,
              "border-left": "1px double " + color.dark,
              "border-right": "1px double " + color.dark,
              "border-bottom": "1px double " + color.dark,
            });
          }
          tempValue++;
        }
      }
    }
  
    function colorCells(values, color) {
      if (values.length > 0) {
        rows.forEach(function(row) {
          var tempValue = values[0];
          while (tempValue <= values[values.length - 1]) {
            if (row.columns[tempValue]) {
              highed.dom.style(row.columns[tempValue].element, {
                "background-color": color.light 
              });      
            }  
            tempValue++;
          }
        });
      }
    }
  
    function outlineCell(values, color) {
      values.forEach(function(value, index) {
        rows.forEach(function(row) {
          if (row.columns[value]) {
            highed.dom.style(row.columns[value].element, {
              "border-right": (index === (values.length - 1) ? '1px double ' + color.dark : ''),
              "border-left": (index === 0 ? '1px double ' + color.dark : ''),
            });
          }
        });
      });
    }
  
    function decolorCells(previousValues) {
      if (previousValues && previousValues.length > 0) {
        
        rows.forEach(function(row) {
          var tempValue = previousValues[0];
          if (previousValues.length > 0) {
            while (tempValue <= previousValues[previousValues.length - 1]) {
              if (row.columns[tempValue]) {
                highed.dom.style(row.columns[tempValue].element, {
                  "background-color": ''
                });
              }
              tempValue++; //= getNextLetter(tempValue);
            }
          }
        });
      }
    }
  
    function decolorHeader(previousValues) {
      if (previousValues && previousValues.length > 0){
        var tempValue = previousValues[0];
        if (previousValues.length > 0) {
          while (tempValue <= previousValues[previousValues.length - 1]) {
            if (gcolumns[tempValue]) {
              highed.dom.style([gcolumns[tempValue].letter, gcolumns[tempValue].header], {
                "background-color": '',
                "border": '',
              });
            }
            tempValue++; //= getNextLetter(tempValue);
          }
        }
      }
    }
  
    function removeOutlineFromCell(values) {
      (values || []).forEach(function(value) {
        (rows || []).forEach(function(row){
          if (row.columns[value]) { //May have been deleted on startup
            highed.dom.style(row.columns[value].element, {
              "border-right": '',
              "border-left": '',
            });
          }
        });
      });
    }
  
    function removeCellColoring(previousValues) {
      removeOutlineFromCell(previousValues);
      decolorHeader(previousValues);
      decolorCells(previousValues);
    }
  
    function colorFields(values, color) {
      outlineCell(values, color);
      colorCells(values, color);
      colorHeader(values, color);
    }
  
    function highlightCells(previousValues, values, input, newOptions) {
      removeCellColoring(previousValues);
      colorFields(values, input.colors);
      //events.emit('AssignDataChanged', input, newOptions);
    }
  
    function removeAllCellsHighlight(previousValues, values, input, newOptions) {
      removeCellColoring(values);
    }
  
    function toggleUnwantedCells(values, toggle) {
      
      var found = false;
  
      gcolumns.forEach(function(col, index) {
        if (!values.indexOf(index) === -1) {
          toggle ? col.hideColumns() : col.showColumns();
        } else {
          col.showColumns();
  
          if (!found && rows[0]) {
            rows[0].columns[index].focus();
            found = true;
          }
          
        }
      });
    }
    
    function getColumnLength(){
      return (rows[0] && rows[0].columns ? rows[0].columns.length : 2);
    }
  
    function areColumnsEmpty(colNumber) {
      return !rows.some(function(row){
        return row.columns[colNumber].value() !== null;
      });
    }
  
    function areRowsEmpty(rowNumber) {
      return !rows[rowNumber].columns.some(function(column){
        return column.value() !== null;
      });
    }
  
    function getDataFieldsUsed() {
      return dataFieldsUsed;
    }
  
    function isInCSVMode() {
      return (!isInGSheetMode && !isInLiveDataMode);
    }
  
    // Getting kinda long, probably need to move this all out of here to createchartpage
    function createTableInputs(inputs, maxColSpan, extraClass) {
  
      var table = highed.dom.cr('table', 'highed-createchartwizard-table'),
      maxColSpan = maxColSpan,
      currentColSpan = maxColSpan,
      tr;
  
      inputs.forEach(function(input) {
        if (currentColSpan >= maxColSpan) {
          tr = highed.dom.cr('tr', extraClass);
          highed.dom.ap(table, tr);
          currentColSpan = 0;
        }
  
        currentColSpan += input.colspan;
        input.element = {};
  
        if (input.type && input.type === 'select') {
          input.element.dropdown = highed.DropDown(null, 'highed-wizard-dropdown-container');
          input.element.dropdown.addItems([
            {id: 'columnsURL', title: "JSON (Column Ordered)"},
            {id: 'rowsURL', title: "JSON (Row Ordered)"},
            {id: 'csvURL', title: "CSV"}
          ]);
          input.element.dropdown.selectByIndex(0);
          input.element.dropdown.on('Change', function(selected) {
            detailValue = selected.id();
          });
  
          input.element.input = input.element.dropdown.container;
  
        } else input.element.input = highed.dom.cr('input','highed-imp-input-stretch');
        if (input.placeholder) input.element.input.placeholder = input.placeholder
        input.element.label = highed.dom.cr('span', '', input.label);
        
        const tdLabel = highed.dom.ap(highed.dom.cr('td', 'highed-modal-label'), input.element.label),
              tdInput = highed.dom.ap(highed.dom.cr('td', ''), input.element.input);
        
        tdLabel.colSpan = 1;
        tdInput.colSpan = input.colspan - 1;
  
        highed.dom.ap(tr, tdLabel, tdInput);
      });
      return table;
    }
  
    function createCancelBtn() {
      cancel = highed.dom.cr('button', 'highed-ok-button highed-import-button grey', 'Cancel');
      highed.dom.on(cancel, 'click', function() {
        dataModal.hide();
      });
      return cancel;
    }
  
    function createLiveDataContainer(toNextPage) {
      const container = highed.dom.cr('div', 'highed-modal-container'),
      inputs = [
        { label: 'URL', placeholder: 'Spreadsheet ID', colspan: 2, linkedTo: liveDataInput},
        { label: 'Refresh Time in Seconds', placeholder: 'Refresh time  (leave blank for no refresh)', colspan: 2, linkedTo: liveDataIntervalInput},
        { label: 'Type', colspan: 2, linkedTo: liveDataTypeSelect, type:'select'}],
      table = createTableInputs(inputs, 2, 'highed-live-data'),
      importData = highed.dom.cr('button', 'highed-ok-button highed-import-button negative', 'Import Data'),
      cancel = createCancelBtn();
  
      highed.dom.on(importData, 'click', function() {
        showLiveData(true);
        dataModal.hide();
        inputs.forEach(function(input) {
          if (input.type && input.type === 'select') {
            input.linkedTo.selectByIndex(input.element.dropdown.getSelectedItem().index());
          }
          else input.linkedTo.value = input.element.input.value;
        });
        liveDataLoadButton.click();
        toNextPage();
      });
      highed.dom.ap(container, 
        highed.dom.cr('div', 'highed-modal-title highed-help-toolbar', 'Import Live Data'),
        highed.dom.ap(highed.dom.cr('div'), 
          highed.dom.cr('div', 'highed-modal-text', 'Live data needs a url to your JSON data to reference.'),
          highed.dom.cr('div', 'highed-modal-text', 'This means that the published chart always loads the latest version of your data.')),
        highed.dom.ap(highed.dom.cr('div', 'highed-table-container'), table),
        highed.dom.ap(highed.dom.cr('div', 'highed-button-container'), importData, cancel));
      
      return container;
    }
  
    function createGSheetContainer(toNextPage) {
      const container = highed.dom.cr('div', 'highed-modal-container');
      inputs = [
        { label: 'Google Spreadsheet ID', placeholder: 'Spreadsheet ID', colspan: 4, linkedTo: gsheetID},
        { label: 'Worksheet', placeholder: 'Worksheet (leave blank for first)', colspan: 4, linkedTo: gsheetWorksheetID},
        { label: 'Refresh Time in Seconds', placeholder: 'Refresh time  (leave blank for no refresh)', colspan: 4, linkedTo: gsheetRefreshTime},
        { label: 'Start Row', colspan: 2, linkedTo: gsheetStartRow},
        { label: 'End Row', colspan: 2, linkedTo: gsheetEndRow},
        { label: 'Start Column', colspan: 2, linkedTo: gsheetStartCol},
        { label: 'End Column', colspan: 2, linkedTo: gsheetEndCol}],
      table = createTableInputs(inputs, 4),
      connectSheet = highed.dom.cr('button', 'highed-ok-button highed-import-button negative', 'Connect Sheet');
      cancel = createCancelBtn();
  
      highed.dom.on(connectSheet, 'click', function() {
        showGSheet(true);
        dataModal.hide();
        inputs.forEach(function(input) {
          input.linkedTo.value = input.element.input.value;
        });
        gsheetLoadButton.click();
        toNextPage();
      });
  
      highed.dom.ap(container, 
                    highed.dom.cr('div', 'highed-modal-title highed-help-toolbar', 'Connect Google Sheet'),
                    highed.dom.ap(highed.dom.cr('div'), 
                      highed.dom.cr('div', 'highed-modal-text', 'When using Google Spreadsheet, Highcharts references the sheet directly.'),
                      highed.dom.cr('div', 'highed-modal-text', 'This means that the published chart always loads the latest version of the sheet.'),
                      highed.dom.cr('div', 'highed-modal-text', 'For more information on how to set up your spreadsheet, visit the documentation.')),
                    highed.dom.ap(highed.dom.cr('div', 'highed-table-container'), table),
                    highed.dom.ap(highed.dom.cr('div', 'highed-button-container'), connectSheet, cancel));
  
      return container;
    }
  
    function createCutAndPasteContainer(toNextPage) {
      const container = highed.dom.cr('div', 'highed-modal-container');
      importData = highed.dom.cr('button', 'highed-ok-button highed-import-button negative', 'Import Data');
      input = highed.dom.cr('textarea', 'highed-table-input'),
      cancel = createCancelBtn();
  
      highed.dom.on(importData, 'click', function() {
        importer.emitCSVImport(input.value);
        dataModal.hide();
        toNextPage();
      });
  
      highed.dom.ap(container, 
                    highed.dom.cr('div', 'highed-modal-title highed-help-toolbar', 'Cut And Paste Data'),
                    highed.dom.ap(
                      highed.dom.cr('div'), 
                      highed.dom.cr('div', 'highed-modal-text', 'Paste CSV into the below box, or upload a file. Click Import to import your data.')
                    ),
                    highed.dom.ap(highed.dom.cr('div'), input),
                    highed.dom.ap(highed.dom.cr('div', 'highed-button-container'), importData, cancel));
  
      return container;
    }
  
    function createSampleData(toNextPage, loading) {
      const container = highed.dom.cr('div', 'highed-modal-container'),
            buttonsContainer = highed.dom.cr('div', 'highed-modal-buttons-container');
  
      highed.samples.each(function(sample) {
        var data = sample.dataset.join('\n'),
          loadBtn = highed.dom.cr(
            'button',
            'highed-box-size highed-imp-button',
            sample.title
          );
  
        highed.dom.style(loadBtn, { width: '99%' });
  
        highed.dom.on(loadBtn, 'click', function() {
          loading(true);
          dataModal.hide();
          importer.emitCSVImport(data, function() {
            loading(false);
            if (toNextPage) toNextPage();
          });
        });
  
        highed.dom.ap(
          buttonsContainer,
          //highed.dom.cr('div', '', name),
          //highed.dom.cr('br'),
          loadBtn,
          highed.dom.cr('br')
        );
      });
  
      highed.dom.ap(container, buttonsContainer);
      
      return container;
    }
  
    function createSimpleDataTable(toNextPage, loading) {
      var container = highed.dom.cr('div', 'highed-table-dropzone-container'),
          selectFile = highed.dom.cr('button', 'highed-ok-button highed-import-button', 'Select File'),
          buttonsContainer = highed.dom.cr('div'),
          modalContainer = highed.dom.cr('div', 'highed-table-modal'),
          gSheetContainer = createGSheetContainer(toNextPage),
          liveContainer = createLiveDataContainer(toNextPage),
          sampleDataContainer = createSampleData(toNextPage, loading);
          cutAndPasteContainer = createCutAndPasteContainer(toNextPage);
  
      var buttons = [{ title: 'Connect Google Sheet', linkedTo: gSheetContainer}, 
                     { title: 'Import Live Data', linkedTo: liveContainer, height: 321}, 
                     { title: 'Cut and Paste Data', linkedTo: cutAndPasteContainer, height: 448, width: 518}, 
                     { title: 'Load Sample Data', linkedTo: sampleDataContainer}];
  
      buttons.forEach(function(buttonProp) {
        const button = highed.dom.cr('button', 'highed-ok-button highed-import-button', buttonProp.title);
        highed.dom.on(button, 'click', function() {
          dataModal.resize(buttonProp.width || 530, buttonProp.height || 530);
          modalContainer.innerHTML = '';
          highed.dom.ap(modalContainer, buttonProp.linkedTo);
          dataModal.show();
        });
        highed.dom.ap(buttonsContainer, button);
      });
  
  
      highed.dom.on(selectFile, 'click', function(){
        highed.readLocalFile({
          type: 'text',
          accept: '.csv',
          success: function(info) {
            highed.snackBar('File uploaded');
            importer.emitCSVImport(info.data);
            //events.emit("AssignDataForFileUpload", info.data); - Does this later in loadCSV
            toNextPage();
          }
        });
      });
      
      dataModal = highed.OverlayModal(false, {
        minWidth: 530,
        minHeight: 530,
        showCloseIcon: true
      });
  
      highed.dom.ap(dataModal.body, modalContainer);
  
      container.ondragover = function(e) {
        e.preventDefault();
      };
  
      container.ondrop = function(e) {
        e.preventDefault();
  
        var d = e.dataTransfer;
        var f;
        var i;
  
        if (d.items) {
          for (i = 0; i < d.items.length; i++) {
            f = d.items[i];
            if (f.kind === 'file') {
              handleFileUpload(f.getAsFile(), function() {
                highed.snackBar('File uploaded');
                toNextPage();
              });
            }
          }
        } else {
          for (i = 0; i < d.files.length; i++) {
            f = d.files[i];
            handleFileUpload(f, function() {
              highed.snackBar('File uploaded');
              toNextPage();
            });
          }
        }
  
        //events.emit('AssignDataForFileUpload');
        //toNextPage();
      };
  
      highed.dom.ap(container, 
        highed.dom.ap(
          highed.dom.cr('div','highed-table-dropzone'),
          highed.dom.cr('div', 'highed-table-dropzone-title', 'Drop CSV files here'),
          highed.dom.cr('div', 'highed-table-dropzone-subtitle', 'or'),
          highed.dom.ap(
            highed.dom.cr('div', 'highed-table-dropzone-button'),
            selectFile
          ),
          highed.dom.cr('div', 'highed-table-dropzone-subtitle highed-table-dropzone-message', 'You can also:'),
          buttonsContainer
        )
      );
  
      return container;
    }
  
    ////////////////////////////////////////////////////////////////////////////
  
    highed.ready(function() {
      init();
    });
  
    ////////////////////////////////////////////////////////////////////////////
  
    return {
      toolbar: toolbar,
      sortRows: sortRows,
      clear: clear,
      addRow: addRow,
      insCol: insertCol,
      delCol: delCol,
      loadCSV: loadCSV,
      getRawCSV: getRawCSV,
      toData: toData,
      toCSV: toCSV,
      toDataSeries: toDataSeries,
      getHeaderTextArr: getHeaderTextArr,
      addImportTab: addImportTab,
      hideImportModal: hideImportModal,
      showImportModal: showImportModal,
      initGSheet: initGSheet,
      on: events.on,
      resize: resize,
      loadLiveDataFromURL: loadLiveDataFromURL,
      loadLiveDataPanel: loadLiveDataPanel,
      isInCSVMode: isInCSVMode,
      //highlightSelectedFields: highlightSelectedFields,
      highlightCells: highlightCells,
      removeAllCellsHighlight: removeAllCellsHighlight,
      toggleUnwantedCells: toggleUnwantedCells,
      getColumnLength: getColumnLength,
      getDataFieldsUsed: getDataFieldsUsed,
      createSimpleDataTable: createSimpleDataTable,
      areColumnsEmpty: areColumnsEmpty,
      clearData: clearData,
      showDataTableError: showDataTableError,
      hideDataTableError: hideDataTableError,
      selectSwitchRowsColumns: selectSwitchRowsColumns
    };
  };
  
  /******************************************************************************
  
  Copyright (c) 2016-2018, Highsoft
  
  Permission is hereby granted, free of charge, to any person obtaining
  a copy of this software and associated documentation files (the
  "Software"), to deal in the Software without restriction, including
  without limitation the rights to use, copy, modify, merge, publish,
  distribute, sublicense, and/or sell copies of the Software, and to
  permit persons to whom the Software is furnished to do so, subject to
  the following conditions:
  
  The above copyright notice and this permission notice shall be
  included in all copies or substantial portions of the Software.
  
  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
  EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
  MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
  IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY
  CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT,
  TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
  SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
  
  ******************************************************************************/
  
  // @format
  
  /* global window */
  
  highed.DataPage = function(parent, options, chartPreview, chartFrame, props) {
    var events = highed.events(),
      // Main properties
      properties = highed.merge(
        {
          defaultChartOptions: {},
          useHeader: true,
          features: [
            'data',
            'templates',
            'customize',
            'customcode',
            'advanced',
            'export'
          ],
          importer: {},
          dataGrid: {},
          customizer: {},
          toolbarIcons: []
        },
        options
      ),
      container = highed.dom.cr(
        'div',
        'highed-transition highed-toolbox highed-box-size'
      ),
      title = highed.dom.cr('div', 'highed-dtable-title'),
      chartTitle = highed.dom.cr('div', 'highed-toolbox-body-chart-title'),
      chartTitleInput = highed.dom.cr('input', 'highed-toolbox-chart-title-input'),
      contents = highed.dom.cr(
        'div',
        'highed-box-size highed-toolbox-inner-body'
      ),
      userContents = highed.dom.cr(
        'div',
        'highed-box-size highed-toolbox-user-contents highed-toolbox-dtable'
      ),
      helpIcon = highed.dom.cr(
        'div',
        'highed-toolbox-help highed-icon fa fa-question-circle'
      ),
      iconClass = 'highed-box-size highed-toolbox-bar-icon fa ' + props.icon,
      icon = highed.dom.cr('div', iconClass),
      helpModal = highed.HelpModal(props.help || []),
      // Data table
      dataTableContainer = highed.dom.cr('div', 'highed-box-size highed-fill'),
      body = highed.dom.cr(
        'div',
        'highed-toolbox-body highed-datapage-body highed-box-size highed-transition'
      ),
      dataTable = highed.DataTable(
        dataTableContainer,
        highed.merge(
          {
            importer: properties.importer
          },
          properties.dataGrid
        )
      ),   
      addRowInput = highed.dom.cr('input', 'highed-field-input highed-add-row-input'),
      addRowBtn = highed.dom.cr('button', 'highed-import-button highed-ok-button highed-add-row-btn small', 'Add'),
      addRowDiv = highed.dom.ap(highed.dom.cr('div', 'highed-dtable-extra-options'),
                  highed.dom.ap(highed.dom.cr('div', 'highed-add-row-container'),     
                    highed.dom.cr('span', 'highed-add-row-text highed-hide-sm', 'Add Rows'),            
                    addRowInput,
                    addRowBtn
                  )
                ),
      assignDataPanel = highed.AssignDataPanel(parent, dataTable),
      dataImportBtn = highed.dom.cr(
        'button',
        'highed-import-button highed-ok-button highed-sm-button',
        'Import');
      dataExportBtn = highed.dom.cr(
        'button',
        'highed-import-button highed-ok-button highed-hide-sm',
        'Export Data');
      dataClearBtn = highed.dom.cr(
        'button',
        'highed-import-button highed-ok-button highed-sm-button',
         highed.L('dgNewBtn')),
      blacklist = [
        'candlestick',
        'bubble',
        'pie'
      ];
  
      dataImportBtn.innerHTML += ' <span class="highed-hide-sm">Data</span>';
      dataClearBtn.innerHTML += ' <span class="highed-hide-sm">Data</span>';
      
      addRowInput.value = 1;
      highed.dom.on(addRowBtn, 'click', function(e) {
        
      assignDataPanel.getFieldsToHighlight(dataTable.removeAllCellsHighlight, true);
        for(var i=0;i<addRowInput.value; i++) {
          dataTable.addRow();
        }
      assignDataPanel.getFieldsToHighlight(dataTable.highlightCells, true);
      });
  
      highed.dom.on(dataImportBtn, 'click', function() {
        dataTable.showImportModal(0);
      }),
      highed.dom.on(dataExportBtn, 'click', function() {
        dataTable.showImportModal(1);
      }),
      
      highed.dom.on(dataClearBtn, 'click', function() {
        if (confirm('Start from scratch?')) {
          dataTable.clearData();
          assignDataPanel.init();
        }
      }),
      
      iconsContainer = highed.dom.cr('div', 'highed-toolbox-icons'),
      isVisible = true;
  
      function init() {
  
        if (!highed.onPhone()) {
          highed.dom.ap(iconsContainer, addRowDiv, dataClearBtn, dataImportBtn, dataExportBtn);
        } else {
          highed.dom.ap(iconsContainer, dataImportBtn);
        }
  
        highed.dom.ap(contents, highed.dom.ap(title, highed.dom.ap(chartTitle, chartTitleInput), iconsContainer), userContents);
        highed.dom.ap(body, contents);
    
        highed.dom.ap(userContents, dataTableContainer);
        dataTable.resize();
  
        if (highed.onPhone()){
          highed.dom.style(body, {
            top: '47px',
            position: 'relative'
          });
        }
        
        highed.dom.ap(parent, highed.dom.ap(container, body));
        
        assignDataPanel.init(dataTable.getColumnLength());
  
        expand();
        resizeChart();
      }
  
      function afterResize(func){
        var timer;
        return function(event){
          if(timer) clearTimeout(timer);
          timer = setTimeout(func,100,event);
        };
      }
      function resize() {
        if (isVisible) {
          resizeChart();
          setTimeout(function(){
            expand()
          }, 100);
          //expand();
        }
      }
  
      highed.dom.on(window, 'resize', afterResize(function(e){
        resize();
      }));
      
  
      function showHelp() {
        helpModal.show();
      }
  
      function expand() {
        //var bsize = highed.dom.size(bar);
  
        var newWidth = props.widths.desktop;
        if (highed.onTablet() && props.widths.tablet) newWidth = props.widths.tablet;
        else if (highed.onPhone() && props.widths.phone) newWidth = props.widths.phone;
  
        if (props.iconOnly) {
          return;
        }
  
     //console.log(bsize.h);
        highed.dom.style(body, {
          width: 100 + '%',
          //height: //(bsize.h - 55) + 'px',
          opacity: 1
        });
  
        if (!highed.onPhone()) {
          //(highed.dom.pos(assignDataPanel.getElement(), true).x - highed.dom.pos(dataTableContainer, true).x) - 10
          highed.dom.style(container, {        
            //width: newWidth + '%'
            width:((highed.dom.pos(assignDataPanel.getElement(), true).x - highed.dom.pos(dataTableContainer, true).x) + 14) + 'px'
          });
        }
  
      events.emit('BeforeResize', newWidth);
  
      function resizeBody() {
        var bsize = highed.dom.size(body),
            tsize = highed.dom.size(title),
            size = {
              w: bsize.w,
              h: (window.innerHeight
                || document.documentElement.clientHeight
                || document.body.clientHeight) - highed.dom.pos(body, true).y
            };
          
        highed.dom.style(contents, {
          width: '100%',
          height: ((size.h - 16)) + 'px'
        });
  
        dataTable.resize();   
        if(!highed.onPhone()) assignDataPanel.resize(newWidth, highed.dom.pos(chartFrame, true).y - highed.dom.pos(body, true).y)
      }
  
      setTimeout(resizeBody, 300);
      highed.emit('UIAction', 'ToolboxNavigation', props.title);
      }
  
    function show() {
      highed.dom.style(container, {
        display: 'block'
      });
      assignDataPanel.show();
      isVisible = true;
      resizeChart();
      resize(); 
    }
  
    function hide() {
      highed.dom.style(container, {
        display: 'none'
      });
      assignDataPanel.hide();
      isVisible = false;
    }
  
    function destroy() {}
  
    function addImportTab(tabOptions) {
      dataTable.addImportTab(tabOptions);
    }
  
    function hideImportModal() {
      dataTable.hideImportModal();
    }
  
    assignDataPanel.on('RemoveSeries', function(length) {
      clearSeriesMapping();
      chartPreview.data.deleteSeries(length);
  
      const data = dataTable.toCSV(';', true, assignDataPanel.getAllMergedLabelAndData());
  
      chartPreview.data.csv({
        csv: data
      }, null, false, function() {
        
  
        var chartOptions = chartPreview.options.getCustomized();
        var assignDataOptions = assignDataPanel.getAllOptions();    
        
        if (chartOptions && chartOptions.series) {
          if (chartOptions.series.length < assignDataOptions.length) {
            var optionsLength = chartOptions.series.length
            var assignDataOptionsLength = assignDataOptions.length
            var type
  
            if (chartOptions.series.length != 0) type = chartOptions.series[chartOptions.series.length - 1].type;
            if (blacklist.includes(type)) type = null;
  
            for(var i=optionsLength; i<assignDataOptionsLength; i++) {
              chartPreview.options.addBlankSeries(i, type);
            }
          }
        }
  
        setSeriesMapping(assignDataPanel.getAllOptions());
      });
    });
    
    function changeAssignDataTemplate(newTemplate, loadTemplateForEachSeries, cb) {
      
      if (dataTable.isInCSVMode()) {
        
        clearSeriesMapping();        
        
        var seriesIndex = [];
        assignDataPanel.setAssignDataFields(newTemplate, dataTable.getColumnLength(), null, null, true);
        if (loadTemplateForEachSeries) {
          const length = assignDataPanel.getAllOptions().length;
          
          for(var i=0;i<length;i++) {
            seriesIndex.push(i);
            assignDataPanel.setAssignDataFields(newTemplate, dataTable.getColumnLength(), null, i, true, i + 1);
          }
        } else seriesIndex = [assignDataPanel.getActiveSerie()];
  
        chartPreview.loadTemplateForSerie(newTemplate, seriesIndex);
  
        const data = dataTable.toCSV(';', true, assignDataPanel.getAllMergedLabelAndData());
        
        chartPreview.data.csv({
          csv: data
        }, null, false, function() {
          setSeriesMapping(assignDataPanel.getAllOptions());
          redrawGrid(true);
          if (cb) cb();
        });
      } else {
        chartPreview.loadTemplate(newTemplate);
      }
  
      //assignDataPanel.getFieldsToHighlight(dataTable.highlightCells, true);
    }
  
    function getIcons() {
      return null;
    }
  
    function setChartTitle(title) {
      chartTitleInput.value = title;
    }
  
    function showDataTableError() {
      dataTable.showDataTableError();
    }
    function hideDataTableError() {
      dataTable.hideDataTableError();
    }
  
    function getChartTitle() {
      return chartTitleInput.value;
    }
  
    function clearSeriesMapping() {
  
      var chartOptions = chartPreview.options.getCustomized();
      if (chartOptions.data && chartOptions.data.seriesMapping) {
        // Causes an issue when a user has added a assigndata input with seriesmapping, so just clear and it will add it in again later
        chartOptions.data.seriesMapping = null;
        chartPreview.options.setAll(chartOptions);  
      }
  
    }
    function setSeriesMapping(allOptions) {
  
      var tempOption = [],
          chartOptions = chartPreview.options.getCustomized(),
          dataTableFields = dataTable.getDataFieldsUsed(),
          hasLabels = false;
      
      var dataValues  = allOptions.data,
          series = allOptions.length;
  
      for(var i = 0; i < series; i++) {
        var serieOption = {};
        Object.keys(allOptions[i]).forEach(function(key) {
          const option = allOptions[i][key];
          if (option.value !== '') {
            if (option.isData) { //(highed.isArr(option)) { // Data assigndata
              if (dataTableFields.indexOf(option.rawValue[0]) > -1) {
                serieOption[option.linkedTo] = dataTableFields.indexOf(option.rawValue[0]);
              }
            } else {
              if (option.linkedTo === 'label') hasLabels = true;
              if (dataTableFields.indexOf(option.rawValue[0]) > -1) {
                serieOption[option.linkedTo] = dataTableFields.indexOf(option.rawValue[0]);
              }
              //serieOption[option.linkedTo] = option.rawValue[0];
            }
          }
        });
        tempOption.push(serieOption);
      };
      
      if (tempOption.length > 0) {
        if (hasLabels) {
          const dataLabelOptions = {
            dataLabels: {
                enabled: true,
                format: '{point.label}'
            }
          };
  
          if(chartOptions.plotOptions) {
            const seriesPlotOptions = chartOptions.plotOptions.series;
            highed.merge(seriesPlotOptions, dataLabelOptions);
            chartPreview.options.setAll(chartOptions);
          } else {
            chartPreview.options.setAll(highed.merge({
              plotOptions: {
                series: dataLabelOptions
              }
            }, chartOptions));
          }
        }
  
        if (chartOptions.data) {
          chartOptions.data.seriesMapping = tempOption;
          chartPreview.options.setAll(chartOptions);
        }
      }
    }
  
    function redrawGrid(clearGridFirst) {
      if (clearGridFirst) {
        var columns = [];
        for(var i = 0; i < dataTable.getColumnLength(); i++) {
          columns.push(i);
        }
        dataTable.removeAllCellsHighlight(null, columns);
      }
      
      assignDataPanel.checkToggleCells();
      
      assignDataPanel.getFieldsToHighlight(dataTable.highlightCells, true, true);
      chartPreview.data.setAssignDataFields(assignDataPanel.getAssignDataFields());
    }
  
    function loadProject(projectData, aggregated) {
      
      if (projectData.settings && projectData.settings.dataProvider && projectData.settings.dataProvider.csv) {
        dataTable.loadCSV({
          csv: projectData.settings.dataProvider.csv
        }, null, null, function() {
          
            assignDataPanel.enable();
            
            assignDataPanel.setAssignDataFields(projectData, dataTable.getColumnLength(), true, null, true, true, aggregated);
            assignDataPanel.getFieldsToHighlight(dataTable.highlightCells, true);
            chartPreview.data.setDataTableCSV(dataTable.toCSV(';', true, assignDataPanel.getAllMergedLabelAndData()));
        });
  
        //chartPreview.data.setAssignDataFields(assignDataPanel.getAssignDataFields());
      }
    }
  
    //////////////////////////////////////////////////////////////////////////////
  
    assignDataPanel.on('GoToTemplatePage', function() {
      events.emit("GoToTemplatePage");
    })
    
    assignDataPanel.on('AddSeries', function(index, type) {
      chartPreview.options.addBlankSeries(index, type);
    })
    
    assignDataPanel.on('GetLastType', function() {
      var chartOptions = chartPreview.options.getCustomized();
      var type = chartOptions.series[chartOptions.series.length - 1].type;
  
      if (blacklist.includes(type)) type = null;
  
      assignDataPanel.setColumnLength(dataTable.getColumnLength());
      assignDataPanel.addNewSerie(type);
      
    })
    
    chartPreview.on('LoadProjectData', function(csv) {
      dataTable.loadCSV(
        {
          csv: csv
        },
        true
      );
    });
  
    chartPreview.on('ChartChange', function(newData) {
      events.emit('ChartChangedLately', newData);
    });
  
    assignDataPanel.on('DeleteSeries', function(index) {
      clearSeriesMapping();
      chartPreview.data.deleteSerie(index);
  
      const data = dataTable.toCSV(';', true, assignDataPanel.getAllMergedLabelAndData());
      chartPreview.data.csv({
        csv: data
      }, null, false, function() {
        setSeriesMapping(assignDataPanel.getAllOptions());
      });
  
    });
  
    assignDataPanel.on('SeriesChanged', function(index) {
      events.emit('SeriesChanged', index);
    });
  
    assignDataPanel.on('ToggleHideCells', function(options, toggle) {
      var userActiveCells = Object.keys(options).filter(function(key) {
        if(options[key].rawValue && options[key].rawValue.length > 0) return true;
      }).map(function(key) {
        return options[key].rawValue[0]
      });
  
      dataTable.toggleUnwantedCells(userActiveCells, toggle);
  
    });
  
    assignDataPanel.on('AssignDataChanged', function() {
      
      clearSeriesMapping();
      const data = dataTable.toCSV(';', true, assignDataPanel.getAllMergedLabelAndData());
      chartPreview.data.csv({
        csv: data
      }, null, false, function() {
        setSeriesMapping(assignDataPanel.getAllOptions());
      });
  
      assignDataPanel.getFieldsToHighlight(dataTable.highlightCells);
      chartPreview.data.setAssignDataFields(assignDataPanel.getAssignDataFields());
  
      //dataTable.highlightSelectedFields(input);
    });
  
    assignDataPanel.on('RedrawGrid', function(clearGridFirst) {
      redrawGrid(clearGridFirst);
    });
  
    assignDataPanel.on('ChangeData', function(allOptions) {
      //Series map all of the "linkedTo" options
      const data = dataTable.toCSV(';', true, assignDataPanel.getAllMergedLabelAndData());
      chartPreview.data.setAssignDataFields(assignDataPanel.getAssignDataFields());
  
      chartPreview.data.csv({
        csv: data
      }, null, false, function() {
        setSeriesMapping(allOptions);
      });
    });
  
    dataTable.on('DisableAssignDataPanel', function() {
      assignDataPanel.disable();
    });
  
    dataTable.on('EnableAssignDataPanel', function() {
      assignDataPanel.enable();
    });
  
    dataTable.on('ColumnMoving', function() {
      //assignDataPanel.resetValues();
      assignDataPanel.getFieldsToHighlight(dataTable.removeAllCellsHighlight, true);
    });
  
    dataTable.on('ColumnMoved', function() {
      //assignDataPanel.resetValues();
      assignDataPanel.getFieldsToHighlight(dataTable.highlightCells, true);
    });
  
    dataTable.on('InitLoaded', function() {
      assignDataPanel.getFieldsToHighlight(dataTable.highlightCells, true);
      //dataTable.highlightSelectedFields(assignDataPanel.getOptions());
    });
  
    dataTable.on('initExporter', function(exporter){
      exporter.init(
        chartPreview.export.json(),
        chartPreview.export.html(),
        chartPreview.export.svg(),
        chartPreview
      );
    });
  
    dataTable.on('AssignDataForFileUpload', function(rowsLength) {
  
      if (!rowsLength) rowsLength = dataTable.getColumnLength(); //Remove first column for the categories, and second as its already added
      assignDataPanel.setColumnLength(rowsLength);
      rowsLength -= 2;
  
      var chartOptions = chartPreview.options.getCustomized();
      var type = chartOptions.series[chartOptions.series.length - 1].type;
  
      if (!blacklist.includes(type)) {
        assignDataPanel.addSeries(rowsLength, type);
      }
    }); 
  
    dataTable.on('AssignDataChanged', function(input, options) {
      chartOptions = chartPreview.toProject().options;
      if (chartOptions.data && chartOptions.data.seriesMapping) { 
        // Causes an issue when a user has added a assigndata input with seriesmapping, so just clear and it will add it in again later
        chartOptions.data.seriesMapping = null;
        chartPreview.options.setAll(chartOptions);  
      }
  
      chartPreview.data.setAssignDataFields(assignDataPanel.getAssignDataFields());
      return chartPreview.data.csv({
        csv: dataTable.toCSV(';', true, options)
      });
    });
  
    dataTable.on('LoadLiveData', function(settings) {
      //chartPreview.data.live(settings);
  
      const liveDataSetting = {};
  
      liveDataSetting[settings.type] = settings.url;
      if (settings.interval && settings.interval > 0){
        liveDataSetting.enablePolling = true;
        liveDataSetting.dataRefreshRate = settings.interval
      }
      chartPreview.data.live(liveDataSetting);
    });
  /*
    dataTable.on('UpdateLiveData', function(p){
      chartPreview.data.liveURL(p);
    });
  */
  
    dataTable.on('LoadGSheet', function(settings) {
      assignDataPanel.disable();
      chartPreview.data.gsheet(settings);
    });
    
    dataTable.on('Change', function(headers, data) {
  
      chartPreview.data.setDataTableCSV(dataTable.toCSV(';', true));
  
      chartPreview.data.csv({
        csv: dataTable.toCSV(';', true, assignDataPanel.getAllMergedLabelAndData())
      }, null, true, function() {
        setSeriesMapping(assignDataPanel.getAllOptions()); // Not the most efficient way to do this but errors if a user just assigns a column with no data in.
      });
    });
  
    dataTable.on('ClearData', function() {
      chartPreview.data.clear();
    });
  
    dataTable.on('ClearSeriesForImport', function() {
      var options = chartPreview.options.getCustomized();
      options.series = [];
      assignDataPanel.restart();
    });
  
    dataTable.on('ClearSeries', function() {
      var options = chartPreview.options.getCustomized();
      options.series = [];
    });
  
    chartPreview.on('ProviderGSheet', function(p) {
      assignDataPanel.disable();
      dataTable.initGSheet(
        p.id || p.googleSpreadsheetKey,
        p.worksheet || p.googleSpreadsheetWorksheet,
        p.startRow,
        p.endRow,
        p.startColumn,
        p.endColumn,
        true,
        p.dataRefreshRate
      );
    });
  
    chartPreview.on('ProviderLiveData', function(p) {
      assignDataPanel.disable();
      dataTable.loadLiveDataPanel(p);
    });
  
  
    function createSimpleDataTable(toNextPage, cb) {
      return dataTable.createSimpleDataTable(toNextPage, cb);
    } 
  
    function selectSwitchRowsColumns() {
      dataTable.selectSwitchRowsColumns()
    }
  
    function resizeChart(newWidth) {
      highed.dom.style(chartFrame, {
        /*left: newWidth + 'px',*/
        width: '28%',
        height: '38%'
      });
      chartPreview.resize();
  
      setTimeout(function() { chartPreview.resize(); }, 200);
    }
    chartPreview.on('SetResizeData', function () {
      //setToActualSize();
    });
  
  
    return {
      on: events.on,
      destroy: destroy,
      addImportTab: addImportTab,
      hideImportModal: hideImportModal,
      chart: chartPreview,
      resize: resize,
      data: {
        on: dataTable.on,
        showLiveStatus: function(){}, //toolbox.showLiveStatus,
        hideLiveStatus: function(){}//toolbox.hideLiveStatus
      },
      hide: hide,
      show: show,
      dataTable: dataTable,
      isVisible: function() {
        return isVisible;
      },
      init: init,
      setChartTitle: setChartTitle,
      getChartTitle: getChartTitle,
      getIcons: getIcons,
      changeAssignDataTemplate: changeAssignDataTemplate,
      createSimpleDataTable: createSimpleDataTable,
      loadProject: loadProject,
      showDataTableError: showDataTableError,
      hideDataTableError: hideDataTableError,
      selectSwitchRowsColumns: selectSwitchRowsColumns
    };
  };
  
  /******************************************************************************
  
  Copyright (c) 2016-2018, Highsoft
  
  Permission is hereby granted, free of charge, to any person obtaining
  a copy of this software and associated documentation files (the
  "Software"), to deal in the Software without restriction, including
  without limitation the rights to use, copy, modify, merge, publish,
  distribute, sublicense, and/or sell copies of the Software, and to
  permit persons to whom the Software is furnished to do so, subject to
  the following conditions:
  
  The above copyright notice and this permission notice shall be
  included in all copies or substantial portions of the Software.
  
  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
  EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
  MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
  IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY
  CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT,
  TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
  SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
  
  ******************************************************************************/
  
  // @format
  
  /* global window */
  
  highed.SimpleDataPage = function(parent,assignDataParent, options, chartPreview, chartFrame, props) {
    var events = highed.events(),
      // Main properties
      properties = highed.merge(
        {
          defaultChartOptions: {},
          useHeader: true,
          features: [
            'data',
            'templates',
            'customize',
            'customcode',
            'advanced',
            'export'
          ],
          importer: {},
          dataGrid: {},
          customizer: {},
          toolbarIcons: []
        },
        options
      ),
      container = highed.dom.cr(
        'div',
        'highed-transition highed-toolbox highed-simple-toolbox highed-box-size'
      ),
      title = highed.dom.cr('div', 'highed-dtable-title'),
      chartTitle = highed.dom.cr('div', 'highed-toolbox-body-chart-title'),
      chartTitleInput = highed.dom.cr('input', 'highed-toolbox-chart-title-input'),
      contents = highed.dom.cr(
        'div',
        'highed-box-size highed-toolbox-inner-body'
      ),
      userContents = highed.dom.cr(
        'div',
        'highed-box-size highed-toolbox-user-contents highed-toolbox-dtable'
      ),
      helpIcon = highed.dom.cr(
        'div',
        'highed-toolbox-help highed-icon fa fa-question-circle'
      ),
      iconClass = 'highed-box-size highed-toolbox-bar-icon fa ' + props.icon,
      icon = highed.dom.cr('div', iconClass),
      helpModal = highed.HelpModal(props.help || []),
      // Data table
      dataTableContainer = highed.dom.cr('div', 'highed-box-size highed-fill'),
      body = highed.dom.cr(
        'div',
        'highed-toolbox-body highed-simple-toolbox-body highed-datapage-body highed-box-size highed-transition'
      ),
      dataTable = highed.DataTable(
        dataTableContainer,
        highed.merge(
          {
            importer: properties.importer
          },
          properties.dataGrid
        )
      ),   
      addRowInput = highed.dom.cr('input', 'highed-field-input highed-add-row-input'),
      addRowBtn = highed.dom.cr('button', 'highed-import-button highed-ok-button highed-add-row-btn small', 'Add'),
      addRowDiv = highed.dom.ap(highed.dom.cr('div', 'highed-dtable-extra-options'),
                  highed.dom.ap(highed.dom.cr('div', 'highed-add-row-container'),     
                    highed.dom.cr('span', 'highed-add-row-text highed-hide-sm', 'Add Rows'),            
                    addRowInput,
                    addRowBtn
                  )
                ),
      assignDataPanel = highed.AssignDataPanel(assignDataParent, dataTable, 'simple'),
      dataImportBtn = highed.dom.cr(
        'button',
        'highed-import-button highed-ok-button highed-sm-button',
        'Import');
      dataExportBtn = highed.dom.cr(
        'button',
        'highed-import-button highed-ok-button highed-hide-sm',
        'Export Data');
      dataClearBtn = highed.dom.cr(
        'button',
        'highed-import-button highed-ok-button highed-sm-button',
         highed.L('dgNewBtn')),
      blacklist = [
        'candlestick',
        'bubble',
        'pie'
      ];
  
      dataImportBtn.innerHTML += ' <span class="highed-hide-sm">Data</span>';
      dataClearBtn.innerHTML += ' <span class="highed-hide-sm">Data</span>';
      
      addRowInput.value = 1;
      highed.dom.on(addRowBtn, 'click', function(e) {
        
      assignDataPanel.getFieldsToHighlight(dataTable.removeAllCellsHighlight, true);
        for(var i=0;i<addRowInput.value; i++) {
          dataTable.addRow();
        }
      assignDataPanel.getFieldsToHighlight(dataTable.highlightCells, true);
      });
  
      highed.dom.on(dataImportBtn, 'click', function() {
        dataTable.showImportModal(0);
      }),
      highed.dom.on(dataExportBtn, 'click', function() {
        dataTable.showImportModal(1);
      }),
      
      highed.dom.on(dataClearBtn, 'click', function() {
        if (confirm('Start from scratch?')) {
          dataTable.clearData();
          assignDataPanel.init();
        }
      }),
      
      iconsContainer = highed.dom.cr('div', 'highed-toolbox-icons'),
      isVisible = true;
  
      function init() {
  
        if (!highed.onPhone()) {
          highed.dom.ap(iconsContainer, addRowDiv, dataClearBtn, dataImportBtn, dataExportBtn);
        } else {
          highed.dom.ap(iconsContainer, dataImportBtn);
        }
  
        highed.dom.ap(contents, highed.dom.ap(title, highed.dom.ap(chartTitle, chartTitleInput), iconsContainer), userContents);
        highed.dom.ap(body, contents);
    
        highed.dom.ap(userContents, dataTableContainer);
        dataTable.resize();
  
        if (highed.onPhone()){
          highed.dom.style(body, {
            top: '47px',
            position: 'relative'
          });
        }
        
        highed.dom.ap(parent, highed.dom.ap(container, body));
        
        assignDataPanel.init(dataTable.getColumnLength());
  
        expand();
      }
  
      function afterResize(func){
        var timer;
        return function(event){
          if(timer) clearTimeout(timer);
          timer = setTimeout(func,100,event);
        };
      }
      function resize() {
        if (isVisible) {
          setTimeout(function(){
            expand()
          }, 100);
          //expand();
        }
      }
  
      highed.dom.on(window, 'resize', afterResize(function(e){
        resize();
      }));
      
  
      function showHelp() {
        helpModal.show();
      }
  
      function expand() {
        //var bsize = highed.dom.size(bar);
  
        var newWidth = 100
  
        if (!highed.onPhone()) {
          //(highed.dom.pos(assignDataPanel.getElement(), true).x - highed.dom.pos(dataTableContainer, true).x) - 10
          highed.dom.style(container, {   
            //width: newWidth + '%'
            width: '100%'
          });
        }
  
      events.emit('BeforeResize', newWidth);
  
      function resizeBody() {
        var bsize = highed.dom.size(body),
            tsize = highed.dom.size(title),
            size = {
              w: bsize.w,
              h: (window.innerHeight
                || document.documentElement.clientHeight
                || document.body.clientHeight) - highed.dom.pos(body, true).y
            };
          
        highed.dom.style(contents, {
          width: '100%',
          height: ((size.h - 16)) + 'px'
        });
  
        dataTable.resize();   
        if(!highed.onPhone()) assignDataPanel.resize(newWidth, highed.dom.pos(chartFrame, true).y - highed.dom.pos(body, true).y)
      }
  
      setTimeout(resizeBody, 300);
      highed.emit('UIAction', 'ToolboxNavigation', props.title);
      }
  
    function show() {
      highed.dom.style(container, {
        display: 'block'
      });
      assignDataPanel.show();
      isVisible = true;
      resize(); 
    }
  
    function hide() {
      highed.dom.style(container, {
        display: 'none'
      });
      assignDataPanel.hide();
      isVisible = false;
    }
  
    function destroy() {}
  
    function addImportTab(tabOptions) {
      dataTable.addImportTab(tabOptions);
    }
  
    function hideImportModal() {
      dataTable.hideImportModal();
    }
  
    assignDataPanel.on('RemoveSeries', function(length) {
      clearSeriesMapping();
      chartPreview.data.deleteSeries(length);
  
      const data = dataTable.toCSV(';', true, assignDataPanel.getAllMergedLabelAndData());
  
      chartPreview.data.csv({
        csv: data
      }, null, false, function() {
        
  
        var chartOptions = chartPreview.options.getCustomized();
        var assignDataOptions = assignDataPanel.getAllOptions();    
        
        if (chartOptions && chartOptions.series) {
          if (chartOptions.series.length < assignDataOptions.length) {
            var optionsLength = chartOptions.series.length
            var assignDataOptionsLength = assignDataOptions.length
            var type
  
            if (chartOptions.series.length != 0) type = chartOptions.series[chartOptions.series.length - 1].type;
            if (blacklist.includes(type)) type = null;
  
            for(var i=optionsLength; i<assignDataOptionsLength; i++) {
              chartPreview.options.addBlankSeries(i, type);
            }
          }
        }
  
        setSeriesMapping(assignDataPanel.getAllOptions());
      });
    });
    
    function changeAssignDataTemplate(newTemplate, loadTemplateForEachSeries, cb) {
      
      if (dataTable.isInCSVMode()) {
        
        clearSeriesMapping();        
        
        var seriesIndex = [];
        assignDataPanel.setAssignDataFields(newTemplate, dataTable.getColumnLength(), null, null, true);
        if (loadTemplateForEachSeries) {
          const length = assignDataPanel.getAllOptions().length;
          
          for(var i=0;i<length;i++) {
            seriesIndex.push(i);
            assignDataPanel.setAssignDataFields(newTemplate, dataTable.getColumnLength(), null, i, true, i + 1);
          }
        } else seriesIndex = [assignDataPanel.getActiveSerie()];
  
        chartPreview.loadTemplateForSerie(newTemplate, seriesIndex);
  
        const data = dataTable.toCSV(';', true, assignDataPanel.getAllMergedLabelAndData());
        
        chartPreview.data.csv({
          csv: data
        }, null, false, function() {
          setSeriesMapping(assignDataPanel.getAllOptions());
          redrawGrid(true);
          if (cb) cb();
        });
      } else {
        chartPreview.loadTemplate(newTemplate);
      }
  
      //assignDataPanel.getFieldsToHighlight(dataTable.highlightCells, true);
    }
  
    function getIcons() {
      return null;
    }
  
    function setChartTitle(title) {
      chartTitleInput.value = title;
    }
  
    function showDataTableError() {
      dataTable.showDataTableError();
    }
    function hideDataTableError() {
      dataTable.hideDataTableError();
    }
  
    function getChartTitle() {
      return chartTitleInput.value;
    }
  
    function clearSeriesMapping() {
  
      var chartOptions = chartPreview.options.getCustomized();
      if (chartOptions.data && chartOptions.data.seriesMapping) {
        // Causes an issue when a user has added a assigndata input with seriesmapping, so just clear and it will add it in again later
        chartOptions.data.seriesMapping = null;
        chartPreview.options.setAll(chartOptions);  
      }
  
    }
    function setSeriesMapping(allOptions) {
  
      var tempOption = [],
          chartOptions = chartPreview.options.getCustomized(),
          dataTableFields = dataTable.getDataFieldsUsed(),
          hasLabels = false;
      
      var dataValues  = allOptions.data,
          series = allOptions.length;
  
      for(var i = 0; i < series; i++) {
        var serieOption = {};
        Object.keys(allOptions[i]).forEach(function(key) {
          const option = allOptions[i][key];
          if (option.value !== '') {
            if (option.isData) { //(highed.isArr(option)) { // Data assigndata
              if (dataTableFields.indexOf(option.rawValue[0]) > -1) {
                serieOption[option.linkedTo] = dataTableFields.indexOf(option.rawValue[0]);
              }
            } else {
              if (option.linkedTo === 'label') hasLabels = true;
              if (dataTableFields.indexOf(option.rawValue[0]) > -1) {
                serieOption[option.linkedTo] = dataTableFields.indexOf(option.rawValue[0]);
              }
              //serieOption[option.linkedTo] = option.rawValue[0];
            }
          }
        });
        tempOption.push(serieOption);
      };
      
      if (tempOption.length > 0) {
        if (hasLabels) {
          const dataLabelOptions = {
            dataLabels: {
                enabled: true,
                format: '{point.label}'
            }
          };
  
          if(chartOptions.plotOptions) {
            const seriesPlotOptions = chartOptions.plotOptions.series;
            highed.merge(seriesPlotOptions, dataLabelOptions);
            chartPreview.options.setAll(chartOptions);
          } else {
            chartPreview.options.setAll(highed.merge({
              plotOptions: {
                series: dataLabelOptions
              }
            }, chartOptions));
          }
        }
  
        if (chartOptions.data) {
          chartOptions.data.seriesMapping = tempOption;
          chartPreview.options.setAll(chartOptions);
        }
      }
    }
  
    function redrawGrid(clearGridFirst) {
      if (clearGridFirst) {
        var columns = [];
        for(var i = 0; i < dataTable.getColumnLength(); i++) {
          columns.push(i);
        }
        dataTable.removeAllCellsHighlight(null, columns);
      }
      assignDataPanel.checkToggleCells();
      assignDataPanel.getFieldsToHighlight(dataTable.highlightCells, true);
      chartPreview.data.setAssignDataFields(assignDataPanel.getAssignDataFields());
    }
  
    function loadProject(projectData, aggregated) {
      
      if (projectData.settings && projectData.settings.dataProvider && projectData.settings.dataProvider.csv) {
        dataTable.loadCSV({
          csv: projectData.settings.dataProvider.csv
        }, null, null, function() {
          
            assignDataPanel.enable();
            
            assignDataPanel.setAssignDataFields(projectData, dataTable.getColumnLength(), true, null, true, true, aggregated);
            assignDataPanel.getFieldsToHighlight(dataTable.highlightCells, true);
            chartPreview.data.setDataTableCSV(dataTable.toCSV(';', true, assignDataPanel.getAllMergedLabelAndData()));
        });
  
        //chartPreview.data.setAssignDataFields(assignDataPanel.getAssignDataFields());
      }
    }
  
    //////////////////////////////////////////////////////////////////////////////
  
    assignDataPanel.on('GoToTemplatePage', function() {
      events.emit("GoToTemplatePage");
    })
    
    assignDataPanel.on('AddSeries', function(index, type) {
      chartPreview.options.addBlankSeries(index, type);
    })
    
    assignDataPanel.on('GetLastType', function() {
      var chartOptions = chartPreview.options.getCustomized();
      var type = chartOptions.series[chartOptions.series.length - 1];
      
      if (type){
        type = type.type;
      }
  
      if (blacklist.includes(type)) type = null;
  
      assignDataPanel.setColumnLength(dataTable.getColumnLength());
      assignDataPanel.addNewSerie(type);
      
    })
    
    chartPreview.on('LoadProjectData', function(csv) {
      dataTable.loadCSV(
        {
          csv: csv
        },
        true
      );
    });
  
    chartPreview.on('ChartChange', function(newData) {
      events.emit('ChartChangedLately', newData);
    });
  
    assignDataPanel.on('DeleteSeries', function(index) {
      clearSeriesMapping();
      chartPreview.data.deleteSerie(index);
  
      const data = dataTable.toCSV(';', true, assignDataPanel.getAllMergedLabelAndData());
      chartPreview.data.csv({
        csv: data
      }, null, false, function() {
        setSeriesMapping(assignDataPanel.getAllOptions());
      });
  
    });
  
    assignDataPanel.on('SeriesChanged', function(index) {
      events.emit('SeriesChanged', index);
    });
  
    assignDataPanel.on('ToggleHideCells', function(options, toggle) {
      var userActiveCells = Object.keys(options).filter(function(key) {
        if(options[key].rawValue && options[key].rawValue.length > 0) return true;
      }).map(function(key) {
        return options[key].rawValue[0]
      });
  
      dataTable.toggleUnwantedCells(userActiveCells, toggle);
  
    });
  
    assignDataPanel.on('AssignDataChanged', function() {
      
      clearSeriesMapping();
      const data = dataTable.toCSV(';', true, assignDataPanel.getAllMergedLabelAndData());
      chartPreview.data.csv({
        csv: data
      }, null, false, function() {
        setSeriesMapping(assignDataPanel.getAllOptions());
      });
  
      assignDataPanel.getFieldsToHighlight(dataTable.highlightCells);
      chartPreview.data.setAssignDataFields(assignDataPanel.getAssignDataFields());
  
      //dataTable.highlightSelectedFields(input);
    });
  
    assignDataPanel.on('RedrawGrid', function(clearGridFirst) {
      redrawGrid(clearGridFirst);
    });
  
    assignDataPanel.on('ChangeData', function(allOptions) {
      //Series map all of the "linkedTo" options
      const data = dataTable.toCSV(';', true, assignDataPanel.getAllMergedLabelAndData());
      chartPreview.data.setAssignDataFields(assignDataPanel.getAssignDataFields());
  
      chartPreview.data.csv({
        csv: data
      }, null, false, function() {
        setSeriesMapping(allOptions);
      });
    });
  
    dataTable.on('DisableAssignDataPanel', function() {
      assignDataPanel.disable();
    });
  
    dataTable.on('EnableAssignDataPanel', function() {
      assignDataPanel.enable();
    });
  
    dataTable.on('ColumnMoving', function() {
      //assignDataPanel.resetValues();
      assignDataPanel.getFieldsToHighlight(dataTable.removeAllCellsHighlight, true);
    });
  
    dataTable.on('ColumnMoved', function() {
      //assignDataPanel.resetValues();
      assignDataPanel.getFieldsToHighlight(dataTable.highlightCells, true);
    });
  
    dataTable.on('InitLoaded', function() {
      assignDataPanel.getFieldsToHighlight(dataTable.highlightCells, true);
      //dataTable.highlightSelectedFields(assignDataPanel.getOptions());
    });
  
    dataTable.on('initExporter', function(exporter){
      exporter.init(
        chartPreview.export.json(),
        chartPreview.export.html(),
        chartPreview.export.svg(),
        chartPreview
      );
    });
  
    dataTable.on('AssignDataForFileUpload', function(rowsLength) {
  
      if (!rowsLength) rowsLength = dataTable.getColumnLength(); //Remove first column for the categories, and second as its already added
      assignDataPanel.setColumnLength(rowsLength);
      rowsLength -= 2;
  
      var chartOptions = chartPreview.options.getCustomized();
      var type = chartOptions.series[chartOptions.series.length - 1].type;
  
      if (!blacklist.includes(type)) {
        assignDataPanel.addSeries(rowsLength, type);
      }
    }); 
  
    dataTable.on('AssignDataChanged', function(input, options) {
      chartOptions = chartPreview.toProject().options;
      if (chartOptions.data && chartOptions.data.seriesMapping) { 
        // Causes an issue when a user has added a assigndata input with seriesmapping, so just clear and it will add it in again later
        chartOptions.data.seriesMapping = null;
        chartPreview.options.setAll(chartOptions);  
      }
  
      chartPreview.data.setAssignDataFields(assignDataPanel.getAssignDataFields());
      return chartPreview.data.csv({
        csv: dataTable.toCSV(';', true, options)
      });
    });
  
    dataTable.on('LoadLiveData', function(settings) {
      //chartPreview.data.live(settings);
  
      const liveDataSetting = {};
  
      liveDataSetting[settings.type] = settings.url;
      if (settings.interval && settings.interval > 0){
        liveDataSetting.enablePolling = true;
        liveDataSetting.dataRefreshRate = settings.interval
      }
      chartPreview.data.live(liveDataSetting);
    });
  /*
    dataTable.on('UpdateLiveData', function(p){
      chartPreview.data.liveURL(p);
    });
  */
  
    dataTable.on('LoadGSheet', function(settings) {
      assignDataPanel.disable();
      chartPreview.data.gsheet(settings);
    });
    
    dataTable.on('Change', function(headers, data) {
  
      chartPreview.data.setDataTableCSV(dataTable.toCSV(';', true));
  
      chartPreview.data.csv({
        csv: dataTable.toCSV(';', true, assignDataPanel.getAllMergedLabelAndData())
      }, null, true, function() {
        setSeriesMapping(assignDataPanel.getAllOptions()); // Not the most efficient way to do this but errors if a user just assigns a column with no data in.
      });
    });
  
    dataTable.on('ClearData', function() {
      chartPreview.data.clear();
    });
  
    dataTable.on('ClearSeriesForImport', function() {
      var options = chartPreview.options.getCustomized();
      options.series = [];
      assignDataPanel.restart();
    });
  
    dataTable.on('ClearSeries', function() {
      var options = chartPreview.options.getCustomized();
      options.series = [];
    });
  
    chartPreview.on('ProviderGSheet', function(p) {
      assignDataPanel.disable();
      dataTable.initGSheet(
        p.id || p.googleSpreadsheetKey,
        p.worksheet || p.googleSpreadsheetWorksheet,
        p.startRow,
        p.endRow,
        p.startColumn,
        p.endColumn,
        true,
        p.dataRefreshRate
      );
    });
  
    chartPreview.on('ProviderLiveData', function(p) {
      assignDataPanel.disable();
      dataTable.loadLiveDataPanel(p);
    });
  
  
    function createSimpleDataTable(toNextPage, cb) {
      return dataTable.createSimpleDataTable(toNextPage, cb);
    } 
  
    function selectSwitchRowsColumns() {
      dataTable.selectSwitchRowsColumns()
    }
  
    function resizeChart(newWidth) {
      highed.dom.style(chartFrame, {
        /*left: newWidth + 'px',*/
        width: '28%',
        height: '38%'
      });
      chartPreview.resize();
  
      setTimeout(function() { chartPreview.resize(); }, 200);
    }
    chartPreview.on('SetResizeData', function () {
      //setToActualSize();
    });
  
  
    return {
      on: events.on,
      destroy: destroy,
      addImportTab: addImportTab,
      hideImportModal: hideImportModal,
      chart: chartPreview,
      resize: resize,
      data: {
        on: dataTable.on,
        showLiveStatus: function(){}, //toolbox.showLiveStatus,
        hideLiveStatus: function(){}//toolbox.hideLiveStatus
      },
      hide: hide,
      show: show,
      dataTable: dataTable,
      isVisible: function() {
        return isVisible;
      },
      init: init,
      setChartTitle: setChartTitle,
      getChartTitle: getChartTitle,
      getIcons: getIcons,
      changeAssignDataTemplate: changeAssignDataTemplate,
      createSimpleDataTable: createSimpleDataTable,
      loadProject: loadProject,
      showDataTableError: showDataTableError,
      hideDataTableError: hideDataTableError,
      selectSwitchRowsColumns: selectSwitchRowsColumns
    };
  };
  
  /******************************************************************************
  
  Copyright (c) 2016-2018, Highsoft
  
  Permission is hereby granted, free of charge, to any person obtaining
  a copy of this software and associated documentation files (the
  "Software"), to deal in the Software without restriction, including
  without limitation the rights to use, copy, modify, merge, publish,
  distribute, sublicense, and/or sell copies of the Software, and to
  permit persons to whom the Software is furnished to do so, subject to
  the following conditions:
  
  The above copyright notice and this permission notice shall be
  included in all copies or substantial portions of the Software.
  
  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
  EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
  MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
  IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY
  CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT,
  TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
  SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
  
  ******************************************************************************/
  
  // @format
  
  /* global window */
  
  highed.CreateChartPage = function(parent, userOptions, props) {
    var events = highed.events(),
      builtInOptions = [
        {
          id: 1,
          title: 'Choose Template',
          permission: 'templates',
          create: function(body) {
            highed.dom.ap(body, templateContainer);
          }
        },
        {
          id: 2,
          title: 'Title Your Chart',
          create: function(body) {
            highed.dom.ap(body, titleContainer);
          }
        },
        {
          id: 3,
          title: 'Import Data',
          create: function(body) {
            highed.dom.ap(body, dataTableContainer);
          }
        },
        {
          id: 4,
          title: 'Customize',
          permission: 'customize',
          hideTitle: true,
          create: function(body) {
            highed.dom.ap(body, customizerContainer);
          }
        }
      ],
      container = highed.dom.cr(
        'div',
        'highed-transition highed-toolbox wizard highed-box-size '
      ),
      title = highed.dom.cr('div', 'highed-toolbox-body-title'),
      contents = highed.dom.cr(
        'div',
        'highed-box-size highed-toolbox-inner-body'
      ),
      userContents = highed.dom.cr(
        'div',
        'highed-box-size highed-toolbox-user-contents test-test'
      ),
      body = highed.dom.cr(
        'div',
        'highed-toolbox-body highed-box-size highed-transition'
      ),
      listContainer = highed.dom.cr('div', 'highed-toolbox-createchart-list'),
      isVisible = false,
      customizerContainer = highed.dom.cr('div', 'highed-toolbox-customise'),
      titleContainer = highed.dom.cr('div', 'highed-toolbox-title'),
      templateContainer = highed.dom.cr('div', 'highed-toolbox-template'),
      dataTableContainer = highed.dom.cr('div', 'highed-toolbox-data'),
      //toolbox = highed.Toolbox(userContents),
      options = [];
  
      function init(dataPage,templatePage, customizePage) {
  
        var counter = 1;
        toolbox = highed.Toolbox(userContents);
        builtInOptions.forEach(function(option, index) {
          if (option.permission && userOptions.indexOf(option.permission) === -1) return;
  
          var o = toolbox.addEntry({
            title: option.title,
            number: counter,//option.id,
            onClick: manualSelection,
            hideTitle: option.hideTitle
          });
  
          if (highed.isFn(option.create)) {
            option.create(o.body);
          }
  
          options.push(o);
          counter++;
  
        });
        options[0].expand();
  
        createTitleSection();
        createImportDataSection(dataPage);
        createTemplateSection(templatePage);
        createCustomizeSection();
  
        highed.dom.ap(contents, userContents);
        highed.dom.ap(body, contents);
    
        //highed.dom.ap(userContents, listContainer);
        
        highed.dom.ap(parent, highed.dom.ap(container, body));
  
        expand();
      }
  
  
      function createTitleSection() {
  
        var titleInput = highed.dom.cr('input', 'highed-imp-input'),
            subtitleInput = highed.dom.cr('input', 'highed-imp-input'),
            nextButton = highed.dom.cr(
              'button',
              'highed-ok-button highed-import-button negative',
              'Next'
            ),
            skipAll = highed.dom.cr('span', 'highed-toolbox-skip-all', 'Skip All');
  
        titleInput.placeholder = 'Enter chart title';
        subtitleInput.placeholder = 'Enter chart subtitle';
  
        titleInput.value = '';
        subtitleInput.value = '';
        
        highed.dom.on(nextButton, 'click', function() {
          
          if(userOptions && (userOptions.indexOf('templates') === -1)) {
            options[1].expand();
          } else options[2].expand();
          events.emit("SimpleCreateChangeTitle", {
            title: titleInput.value,
            subtitle: subtitleInput.value
          });
        });
  
        highed.dom.on(skipAll, 'click', function() {
          events.emit("SimpleCreateChartDone", true);
        });
  
        highed.dom.ap(titleContainer,  
          highed.dom.cr(
            'table'
          ),
          highed.dom.ap(
            highed.dom.cr('tr', 'highed-toolbox-input-container'),
            highed.dom.cr(
              'td',
              'highed-toolbox-label',
              'Chart Title'
            ), 
            highed.dom.ap(highed.dom.cr('td'), titleInput)
          ),
          highed.dom.ap(
            highed.dom.cr('tr', 'highed-toolbox-input-container'),
            highed.dom.cr(
              'td',
              'highed-toolbox-label',
              'Subtitle'
            ), 
            highed.dom.ap(highed.dom.cr('td'), subtitleInput)
          ),
          highed.dom.ap(
            highed.dom.cr('tr'),
            highed.dom.cr('td'),
            highed.dom.ap(
              highed.dom.cr('td','highed-toolbox-button-container'),
              skipAll,
              nextButton
            )
          )
        );   
      }
  
      function createImportDataSection(dataPage) {
  
        var nextButton = highed.dom.cr(
              'button',
              'highed-ok-button highed-import-button negative',
              'No thanks, I will enter my data manually'
            ),
            loader = highed.dom.cr('span','highed-wizard-loader', '<i class="fa fa-spinner fa-spin fa-1x fa-fw"></i>'),
            dataTableDropzoneContainer = dataPage.createSimpleDataTable(function() {
              if(userOptions && (userOptions.indexOf('templates') === -1)) { 
                options[2].expand();
              } else if(userOptions && (userOptions.indexOf('customize') === -1)) {
                events.emit("SimpleCreateChartDone", true);
              } else options[3].expand();
  
            }, function(loading) {
              if (loading) loader.classList += ' active';
              else loader.classList.remove('active');
            });
  
        highed.dom.on(nextButton, 'click', function() {
          if(userOptions && (userOptions.indexOf('templates') === -1)) { 
            options[2].expand();
          } else if(userOptions && (userOptions.indexOf('customize') === -1)) {
            events.emit("SimpleCreateChartDone", true);
          }
          else options[3].expand();
        });
        highed.dom.ap(dataTableContainer, 
          highed.dom.ap(dataTableDropzoneContainer,
            highed.dom.ap(
              highed.dom.cr('div','highed-toolbox-button-container'),
              loader,
              nextButton
            )
          )
        );
      }
  
      function createTemplateSection(templatePage) {
  
        var nextButton = highed.dom.cr(
              'button',
              'highed-ok-button highed-import-button negative',
              'Choose A Template Later'
        ),
        skipAll = highed.dom.ap(highed.dom.cr('div', 'highed-toolbox-skip-all'), highed.dom.cr('span','', 'Skip All'));
        loader = highed.dom.cr('span','highed-wizard-loader ', '<i class="fa fa-spinner fa-spin fa-1x fa-fw a"></i>'),
        templatesContainer = templatePage.createMostPopularTemplates(function() {
          setTimeout(function() {
            options[1].expand();
          },200);
        }, function(loading) {
          if (loading) loader.classList += ' active';
          else loader.classList.remove('active');
        });
  
        highed.dom.on(skipAll, 'click', function() {
          events.emit("SimpleCreateChartDone", true);
        });
        
        highed.dom.on(nextButton, 'click', function() {
          options[1].expand();
        });
  
        highed.dom.ap(templateContainer, 
          highed.dom.ap(highed.dom.cr('div', 'highed-toolbox-template-body'),         
            highed.dom.ap(
              highed.dom.cr('div', 'highed-toolbox-text'), 
              highed.dom.cr('div', 'highed-toolbox-template-text', 'Pick a basic starter template. You can change it later.'),
              highed.dom.cr('div', 'highed-toolbox-template-text', "If you're not sure, just hit Choose A Template Later.")
            ),
            highed.dom.ap(
              highed.dom.cr('div', 'highed-toolbox-extras'),
              nextButton,
              highed.dom.ap(
                skipAll,
                loader
              )
            )
          ),
          templatesContainer
        );
      }
  
      function createCustomizeSection() {
  
        var nextButton = highed.dom.cr(
              'button',
              'highed-ok-button highed-import-button negative',
              'Customize Your Chart'
            );//,
           // dataTableDropzoneContainer = dataPage.createSimpleDataTable();
  
        highed.dom.on(nextButton, 'click', function() {
          events.emit("SimpleCreateChartDone");
        });
  
        highed.dom.ap(customizerContainer, 
          highed.dom.cr('div', 'highed-toolbox-customize-header', "You're Done!"),
          highed.dom.ap(
            highed.dom.cr('div','highed-toolbox-button-container'),
            nextButton
          )
        );
      }
  
      function manualSelection(number) {
        options.forEach(function(option, i){
          if (i+1 <= number) option.disselect();
          else option.removeCompleted();
        });
      }
  
      function resize() {
        if (isVisible) {
          expand();
        }
      }
  
      highed.dom.on(window, 'resize', resize);
      
      function expand() {
        //var bsize = highed.dom.size(bar);
  
        var newWidth = props.widths.desktop;
        if (highed.onTablet() && props.widths.tablet) newWidth = props.widths.tablet;
        else if (highed.onPhone() && props.widths.phone) newWidth = props.widths.phone;
  
        highed.dom.style(body, {
          width: 100 + '%',
          //height: //(bsize.h - 55) + 'px',
          opacity: 1
        });
  
        highed.dom.style(container, {
          width: newWidth + '%'
        });
  
        events.emit('BeforeResize', newWidth);
  
      function resizeBody() {
        var bsize = highed.dom.size(body),
        tsize = highed.dom.size(title),
        size = {
          w: bsize.w,
          h: (window.innerHeight
            || document.documentElement.clientHeight
            || document.body.clientHeight) - highed.dom.pos(body, true).y
        };
          
        highed.dom.style(contents, {
          width: size.w + 'px',
          height: ((size.h - 16)) + 'px'
        });
      }
  
      setTimeout(resizeBody, 300);
      highed.emit('UIAction', 'ToolboxNavigation', props.title);
  
      }
  
    function show() {
      highed.dom.style(container, {
        display: 'block'
      });
      isVisible = true;
      //expand();
      
    }
    function hide() {
      highed.dom.style(container, {
        display: 'none'
      });
      isVisible = false;
    }
  
    function destroy() {}
  
    function getIcons() {
      return null;
    }
  
    //////////////////////////////////////////////////////////////////////////////
  
    return {
      on: events.on,
      destroy: destroy,
      hide: hide,
      show: show,
      isVisible: function() {
        return isVisible;
      },
      init: init,
      getIcons: getIcons
    };
  };
  
  /******************************************************************************
  
  Copyright (c) 2016-2018, Highsoft
  
  Permission is hereby granted, free of charge, to any person obtaining
  a copy of this software and associated documentation files (the
  "Software"), to deal in the Software without restriction, including
  without limitation the rights to use, copy, modify, merge, publish,
  distribute, sublicense, and/or sell copies of the Software, and to
  permit persons to whom the Software is furnished to do so, subject to
  the following conditions:
  
  The above copyright notice and this permission notice shall be
  included in all copies or substantial portions of the Software.
  
  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
  EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
  MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
  IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY
  CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT,
  TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
  SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
  
  ******************************************************************************/
  
  // @format
  
  /* global window */
  
  highed.TemplatePage = function(parent, options, chartPreview, chartFrame, props) {
    var events = highed.events(),
      // Main properties
      properties = highed.merge(
        {
          defaultChartOptions: {},
          useHeader: true,
          features: [
            'data',
            'templates',
            'customize',
            'customcode',
            'advanced',
            'export'
          ],
          importer: {},
          dataGrid: {},
          customizer: {},
          toolbarIcons: []
        },
        options
      ),
      container = highed.dom.cr(
        'div',
        'highed-transition highed-toolbox highed-box-size'
      ),
      title, // = highed.dom.cr('div', 'highed-toolbox-body-title', props.title),
      contents = highed.dom.cr(
        'div',
        'highed-box-size highed-toolbox-inner-body'
      ),
      userContents = highed.dom.cr(
        'div',
        'highed-box-size highed-toolbox-user-contents highed-toolbox-defaultpage highed-toolbox-templatepage'
      ),
      helpIcon = highed.dom.cr(
        'div',
        'highed-toolbox-help highed-icon fa fa-question-circle'
      ),
      iconClass,
      icon = highed.dom.cr('div', iconClass),
      helpModal,
      // Data table
      templatesContainer = highed.dom.cr('div', 'highed-box-size highed-fill'),
      templates,
      /*customizer = highed.ChartCustomizer(
        customizerContainer,
        properties.customizer,
        chartPreview
      ),*/
      body = highed.dom.cr(
        'div',
        'highed-toolbox-body highed-box-size highed-transition'
      ), 
      iconsContainer = highed.dom.cr('div', 'highed-toolbox-icons'),
      isVisible = false;
  
    //customizer.on('PropertyChange', chartPreview.options.set);
    //customizer.on('PropertySetChange', chartPreview.options.setAll);
    
    function init() {
      title = highed.dom.cr('div', 'highed-toolbox-body-title'/*, props.title*/);
      iconClass = 'highed-box-size highed-toolbox-bar-icon fa ' + props.icon;
  
      templatesContainer.innerHTML = '';
      templates = highed.ChartTemplateSelector(templatesContainer, chartPreview);
      helpModal = highed.HelpModal(props.help || []);
  
      templates.on('Select', function(template) {
        //chartPreview.loadTemplate(template);
        events.emit('TemplateChanged', template);
      });
  
      templates.on('LoadDataSet', function(sample) {
        if (sample.type === 'csv') {
          if (highed.isArr(sample.dataset)) {
            chartPreview.data.csv(sample.dataset.join('\n'));
          } else {
            chartPreview.data.csv(sample.dataset);
          }
    
          chartPreview.options.set('subtitle-text', '');
          chartPreview.options.set('title-text', sample.title);
        }
      });
    
      contents.innerHTML = '';
  
      highed.dom.ap(userContents, templatesContainer);
      highed.dom.ap(contents, /*highed.dom.ap(title, highed.dom.ap(iconsContainer, helpIcon)),*/ userContents);
      highed.dom.ap(body, contents);
      highed.dom.ap(parent, highed.dom.ap(container,body));
      templates.resize();
    
      expand();
      hide();
    }
  
    function selectSeriesTemplate(index, projectData) {
      templates.selectSeriesTemplate(index, projectData);
    }
  
    function createTemplates(container, titleHeader, options, setLoading, toNextPage) {
      
      const headerBar = highed.dom.cr('div', 'highed-template-header', titleHeader),
            templatesContainer = highed.dom.cr('div', 'highed-templates-container');
  
            highed.dom.ap(container, highed.dom.ap(highed.dom.cr('div', 'highed-toolbox-template-container'), headerBar, templatesContainer));
            
      if (options.id) options = highed.templates.getAllInCat(options.id);
  
      Object.keys(options).forEach(function(key) { 
        const templateContainer = highed.dom.cr('div', 'highed-template-container'),
              preview = highed.dom.cr('div', 'highed-chart-template-thumbnail');
  
        const t = options[key];
  
        if (highed.meta.images && highed.meta.images[t.thumbnail]) {
          highed.dom.style(preview, {
            'background-image':
              'url("data:image/svg+xml;utf8,' +
              highed.meta.images[t.thumbnail] +
              '")'
          });
        } else {
          highed.dom.style(preview, {
            'background-image':
              'url(' + highed.option('thumbnailURL') + t.thumbnail + ')'
          });
        }
  
        highed.dom.on(templateContainer, 'click', function() {
          setLoading(true);
          setTimeout(function() {
            t.header =  t.parent;
            events.emit('TemplateChanged', highed.merge({}, t), true, function() {
              setLoading(false);
              toNextPage();
            });
          }, 1000);
        });
  
        highed.dom.ap(templatesContainer, highed.dom.ap(templateContainer, preview, highed.dom.cr('div', 'highed-template-title', t.title)));
  
      });
      
    }
  
    function createMostPopularTemplates(toNextPage, setLoading) {
      const templates = highed.templates.getCatArray();
      const container = highed.dom.cr('div', 'highed-toolbox-templates-container');
      
      const mostPopular = highed.templates.getMostPopular();
  
      createTemplates(container, 'Most Popular', mostPopular, setLoading, toNextPage);
      
      Object.keys(templates).forEach(function(key) {
        const t = templates[key];
  
        createTemplates(container, t.id, t, setLoading, toNextPage);
  
      });
  
      return container;
    }
  
    function getIcons() {
      return null;
    }
  
    function resize() {
      if (isVisible){
  
        expand()
        setTimeout(function() {
          resizeChart((((window.innerHeight
            || document.documentElement.clientHeight
            || document.body.clientHeight) - highed.dom.pos(body, true).y) - 16));
        });
      }
    }
  
    if (!highed.onPhone()) {    
      highed.dom.on(window, 'resize', afterResize(function(e){
        resize();
      }));
    }
  
    function afterResize(func){
      var timer;
      return function(event){
        if(timer) clearTimeout(timer);
        timer = setTimeout(func,100,event);
      };
    }
  
    function expand() {
        
      var newWidth = props.widths.desktop;
      if (highed.onTablet() && props.widths.tablet) newWidth = props.widths.tablet;
      else if (highed.onPhone() && props.widths.phone) newWidth = props.widths.phone;
  
      highed.dom.style(body, {
        width: 100 + '%',
        opacity: 1
      });
  /*
      highed.dom.style(container, {
        width: newWidth + '%'
      });
  */
  
  
  
  
      if (!highed.onPhone()) {
        const windowWidth = highed.dom.size(parent).w;
        const percentage = ((100 - 68) / 100);
        
        var styles =  window.getComputedStyle(chartFrame);
        var containerStyles =  window.getComputedStyle(container);
        var chartMargin = parseFloat(styles['marginLeft']) + parseFloat(styles['marginRight']),
            containerMargin = parseFloat(containerStyles['marginLeft']) + parseFloat(containerStyles['marginRight']);
  
        highed.dom.style(container, {
          width: ((windowWidth*percentage) - (chartMargin + containerMargin + 35) - 3/*margin*/ /*padding*/) + 'px'
        });
  
      }
  
  
      events.emit('BeforeResize', newWidth);
  
      // expanded = true;
  
      function resizeBody() {
        var bsize = highed.dom.size(body),
          tsize = highed.dom.size(title),
          size = {
            w: bsize.w,
            h: (window.innerHeight
              || document.documentElement.clientHeight
              || document.body.clientHeight) - highed.dom.pos(body, true).y
          };
            
          highed.dom.style(contents, {
            width: "100%",
            height: ((size.h - 16)) + 'px'
          });
  
          highed.dom.style(userContents, {
            width: size.w + 'px',
            height: ((size.h - 16) - 47) + 'px'
          });
          
        templates.resize(newWidth, (size.h - 17) - tsize.h);   
  
        return size;
      }
  
      setTimeout(resizeBody, 300);  
      highed.emit('UIAction', 'ToolboxNavigation', props.title);
    }
  
    function show() {
      highed.dom.style(container, {
        display: 'block'
      });
      
      expand();
      setTimeout(function() {
        resizeChart(((window.innerHeight
          || document.documentElement.clientHeight
          || document.body.clientHeight) - highed.dom.pos(body, true).y) - 16);
      }, 200);
      isVisible = true;
    }
    
    function hide() {
      highed.dom.style(container, {
        display: 'none'
      });
      isVisible = false
    }
  
    function destroy() {}
  
    chartPreview.on('ChartChange', function(newData) {
      events.emit('ChartChangedLately', newData);
    });
  
    //////////////////////////////////////////////////////////////////////////////
  
    /**
     * Resize the chart preview based on a given width
     */
    function resizeChart(newHeight) {
      highed.dom.style(chartFrame, {
        /*left: newWidth + 'px',*/
        width: '68%',
        height: newHeight + 'px'
      });
  
      setTimeout(chartPreview.resize, 200);
    }
  
    chartPreview.on('SetResizeData', function () {
      //setToActualSize();
    });
  
  
    return {
      on: events.on,
      destroy: destroy,
      chart: chartPreview,
      getIcons: getIcons,
      resize: resize,
      hide: hide,
      show: show,
      createMostPopularTemplates: createMostPopularTemplates,
      isVisible: function() {
        return isVisible;
      },
      init: init,
      selectSeriesTemplate: selectSeriesTemplate
      //toolbar: toolbar
    };
  };
  
  /******************************************************************************
  
  Copyright (c) 2016-2018, Highsoft
  
  Permission is hereby granted, free of charge, to any person obtaining
  a copy of this software and associated documentation files (the
  "Software"), to deal in the Software without restriction, including
  without limitation the rights to use, copy, modify, merge, publish,
  distribute, sublicense, and/or sell copies of the Software, and to
  permit persons to whom the Software is furnished to do so, subject to
  the following conditions:
  
  The above copyright notice and this permission notice shall be
  included in all copies or substantial portions of the Software.
  
  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
  EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
  MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
  IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY
  CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT,
  TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
  SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
  
  ******************************************************************************/
  
  // @format
  
  /* global window */
  
  highed.CustomizePage = function(parent, options, chartPreview, chartFrame, props, chartContainer, planCode) {
    var events = highed.events(),
      // Main properties
      container = highed.dom.cr(
        'div',
        'highed-transition highed-toolbox highed-box-size'
      ),
      title = highed.dom.cr('div', 'highed-toolbox-body-title'),
      customizeTitle,
      contents = highed.dom.cr(
        'div',
        'highed-box-size highed-toolbox-inner-body'
      ),
      userContents = highed.dom.cr(
        'div',
        'highed-box-size highed-toolbox-user-contents test'
      ),
      helpIcon = highed.dom.cr(
        'div',
        'highed-toolbox-help highed-icon fa fa-question-circle'
      ),
      width,
      chartWidth = 68,
      iconClass,
      autoAppearanceTab = true,
      icon = highed.dom.cr('div', iconClass),
      helpModal,
      // Data table
      customizerContainer = highed.dom.cr('div', 'highed-box-size highed-fill'), 
      customizer,
      body = highed.dom.cr(
        'div',
        'highed-toolbox-body highed-box-size highed-transition'
      ),
      iconsContainer = highed.dom.cr('div', 'highed-icons-container'),
      annotationContainer,
      activeAnnotation = null,
      annotationOptions = [{
        tooltip: 'Add Circle',
        icon: 'circle',
        value: 'circle',
        draggable: true
      }, {
        tooltip: 'Add Square',
        icon: 'stop',
        value: 'rect',
        draggable: true
      }, {
        tooltip: 'Add Annotations',
        icon: 'comment',
        value: 'label',
        draggable: true
      }, {
        tooltip: 'Move',
        icon: 'arrows',
        value: 'drag'
      }, {
        tooltip: 'Remove',
        icon: 'trash',
        value: 'delete',
      }, {
        tooltip: 'Close',
        icon: 'times',
        onClick: function() {
          annotationOptions.forEach(function(o) {
            o.element.classList.remove('active');
          });
  
          chartPreview.setIsAnnotating(false);
          annotationContainer.classList.remove('active');
        }
      }],
      buttons = [
        {
          tooltip: 'Basic',
          onClick: function() {
            reduceSize(customizer.showSimpleEditor);
          },
          icon: 'cog'
        },
        {
          tooltip: 'Advanced',
          noPermission: options.noAdvanced,
          onClick: function() {
            customizer.showAdvancedEditor();
          },
          icon: 'cogs'
        },
        {
          tooltip: 'Custom Code',
          noPermission: options.noCustomCode,
          onClick: function() {
            reduceSize(customizer.showCustomCode);
          },
          icon: 'code'
        },
        {
          tooltip: 'Preview Options',
          noPermission: options.noPreview,
          onClick: function() {
  
            reduceSize(customizer.showPreviewOptions);
  
          },
          icon: 'eye'
        }
      ],
  
      isVisible = false,
      searchAdvancedOptions = highed.SearchAdvancedOptions(parent),
      resolutionSettings = highed.dom.cr('span', 'highed-resolution-settings'),
      phoneIcon = highed.dom.cr('span', '', '<i class="fa fa-mobile" aria-hidden="true"></i>');
      tabletIcon = highed.dom.cr('span', '', '<i class="fa fa-tablet" aria-hidden="true"></i>'),
      tabletIcon = highed.dom.cr('span', '', '<i class="fa fa-tablet" aria-hidden="true"></i>'),
      stretchToFitIcon = highed.dom.cr('span', '', '<i class="fa fa-laptop" aria-hidden="true"></i>'),
      chartSizeText = highed.dom.cr('span', 'text', 'Chart Size:'),
      resWidth = highed.dom.cr('input', 'highed-res-number'),
      resHeight = highed.dom.cr('input', 'highed-res-number'),
      resolutions = [
        {
          iconElement: phoneIcon,
          width: 414,
          height: 736
        },
        {
          iconElement: tabletIcon,
          width: 1024,
          height: 768
        }
      ],
      overlayAddTextModal = highed.OverlayModal(false, {
        // zIndex: 20000,
        showOnInit: false,
        width: 300,
        height: 350,
        class: ' highed-annotations-modal'
      }),
      activeColor = 'rgba(0, 0, 0, 0.75)',
      addTextModalContainer = highed.dom.cr('div', 'highed-add-text-popup'),
      addTextModalInput = highed.dom.cr('textarea', 'highed-imp-input-stretch'),
      colorDropdownParent = highed.dom.cr('div'),
      typeDropdownParent = highed.dom.cr('div'),
      addTextModalHeader = highed.dom.cr('div', 'highed-modal-header', 'Add Annotation'),
      addTextModalColorSelect = highed.DropDown(colorDropdownParent),
      addTextModalTypeOptions = [{
        text: 'Callout',
        icon: 'comment-o',
        value: 'callout'
      },{
        text: 'Connector',
        icon: 'external-link',
        value: 'connector'
      }, {
        text: 'Circle',
        icon: 'circle-o',
        value: 'circle'
      }],
      addTextModalTypeValue = 'callout',
      addTextModalColorValue = '#000000',
      addTextModalColorContainer = highed.dom.cr('div', 'highed-modal-color-container'),
      addTextModalColorInput = highed.dom.cr('input', 'highed-color-input'),
      box = highed.dom.cr('div', 'highed-field-colorpicker', ''),
      addTextModalBtnContainer = highed.dom.cr('div', 'highed-modal-button-container'),
      addTextModalSubmit = highed.dom.cr('button', 'highed-ok-button highed-import-button mini', 'Save'),
      addTextModalCancel = highed.dom.cr('button', 'highed-ok-button highed-import-button grey negative mini', 'Cancel'),
      addLabelX = null,
      addLabelY = null;
      
      resWidth.placeholder = 'W';
      resHeight.placeholder = 'H';
  
      addTextModalColorSelect.addItems([
        {
          title: 'Black',
          id: 'black',
          select: function() {
            activeColor = 'rgba(0, 0, 0, 0.75)';
          }
        },
        {
          title: 'Red',
          id: 'red',
          select: function() {
            activeColor = 'rgba(255, 0, 0, 0.75)';
          }
        },
        {
          title: 'Blue',
          id: 'blue',
          select: function() {
            activeColor = 'rgba(0, 0, 255, 0.75)';
          }
        }
      ]);
  
      addTextModalColorSelect.selectByIndex(0);
      
      addTextModalColorInput.value = addTextModalColorValue;
  
      highed.dom.on(addTextModalCancel, 'click', function() {
        overlayAddTextModal.hide();
      });
  
      highed.dom.style(box, {
        background: addTextModalColorValue,
        color: highed.getContrastedColor(addTextModalColorValue)
      });
  
      addTextModalTypeOptions.forEach(function(option) {
  
        var container = highed.dom.cr('div', 'highed-annotation-modal-container ' + (addTextModalTypeValue === option.value ? ' active' : '')),
            icon = highed.dom.cr('div', 'highed-modal-icon fa fa-' + option.icon),
            text = highed.dom.cr('div', 'highed-modal-text', option.text);
            option.element = container;
        
        highed.dom.on(container, 'click', function() {
          addTextModalTypeOptions.forEach(function(o) {
            if (o.element.classList.contains('active'))  o.element.classList.remove('active');
          })
          option.element.classList += ' active';
          addTextModalTypeValue = option.value;
        })
        
        highed.dom.ap(typeDropdownParent, highed.dom.ap(container, icon, text));
      });
  
      addTextModalInput.placeholder = 'Write annotation here';
  
  
      function update(col) {
        if (
          col &&
          col !== 'null' &&
          col !== 'undefined' &&
          typeof col !== 'undefined'
        ) {
          box.innerHTML = "";
          //box.innerHTML = col;
        } else {
          box.innerHTML = 'auto';
          col = '#FFFFFF';
        }
  
        highed.dom.style(box, {
          background: col,
          color: highed.getContrastedColor(col)
        });
  
      }
  
      var timeout = null;
      highed.dom.on(addTextModalColorInput, 'change', function(e) {
        clearTimeout(timeout);
        timeout = setTimeout(function () {
          addTextModalColorValue = addTextModalColorInput.value;
          update(addTextModalColorValue);
        }, 500);
      });
  
      highed.dom.on(box, 'click', function(e) {
        highed.pickColor(e.clientX, e.clientY, addTextModalColorValue, function(col) {
          if (highed.isArr(addTextModalColorValue)) {
            addTextModalColorValue = '#000000';
          }
  
          addTextModalColorValue = col;
          addTextModalColorInput.value = addTextModalColorValue;
          update(col);
        });
      });
  
      highed.dom.ap(overlayAddTextModal.body,
        highed.dom.ap(addTextModalContainer, 
                      addTextModalHeader,
                      addTextModalInput,
                      highed.dom.cr('div', 'highed-add-text-label', 'Type:'),
                      typeDropdownParent,
                      highed.dom.cr('div', 'highed-add-text-label', 'Color:'),
                      //colorDropdownParent,
                      highed.dom.ap(addTextModalColorContainer, box, addTextModalColorInput),
                      highed.dom.ap(addTextModalBtnContainer,
                        addTextModalSubmit,
                        addTextModalCancel
                      )
                    )
      );
  
      highed.dom.on(addTextModalSubmit, 'click', function() {
        overlayAddTextModal.hide();
        chartPreview.addAnnotationLabel(addLabelX, addLabelY, addTextModalInput.value.replace('\n', '<br/>'), addTextModalColorValue, addTextModalTypeValue);
        addTextModalInput.value = '';
  
      });
  
    function usingSafari() {
      return (navigator.userAgent.indexOf('Safari') != -1 && navigator.userAgent.indexOf('Mac') != -1 && navigator.userAgent.indexOf('Chrome') == -1)
    }
  
    function init() {
  
      width = props.width,
      customizeTitle = highed.dom.cr('div', 'highed-customize-title'/*, props.title*/),
      iconClass = 'highed-box-size highed-toolbox-bar-icon fa ' + props.icon;
  
      customizerContainer.innerHTML = '';
  
      customizer = highed.ChartCustomizer(
        customizerContainer,
        options,
        chartPreview,
        planCode
      ),
      helpModal = highed.HelpModal(props.help || []);
  
      customizer.on('PropertyChange', chartPreview.options.set);
      customizer.on('PropertySetChange', chartPreview.options.setAll);
      customizer.on('TogglePlugins', chartPreview.options.togglePlugins);
      
      customizer.on('AdvancedBuilt', function() {
  
        var bsize = highed.dom.size(body),
        size = {
          w: bsize.w,
          h: (window.innerHeight
            || document.documentElement.clientHeight
            || document.body.clientHeight) - highed.dom.pos(body, true).y
        };
  
        searchAdvancedOptions.resize(width, (size.h - highed.dom.size(chartFrame).h) - 15);
      
        searchAdvancedOptions.setOptions(customizer.getAdvancedOptions());
      });
  
      customizer.on('AnnotationsClicked', function() {
        chartPreview.options.togglePlugins('annotations', 1);
      });
    
      customizer.on('AdvanceClicked', function() {
    
        width = 66;
        if (highed.onTablet()) width = 64;
  
        chartWidth = 28;
        highed.dom.style(backIcon, {
          display: "inline-block"
        });
    
        expand();
        resizeChart(300);
    
        setTimeout(chartPreview.resize, 1000);
        searchAdvancedOptions.show();
      });
      
      highed.dom.ap(resolutionSettings, chartSizeText, stretchToFitIcon, tabletIcon, phoneIcon, resWidth, resHeight);
      
      title.innerHTML = '';
      
      iconsContainer.innerHTML = '';
  
      if (!highed.onPhone()) {
        buttons.forEach(function(button, i) {
          if (button.noPermission) return;
          
          button.element = highed.dom.cr('span', 'highed-toolbox-custom-code-icon highed-template-tooltip ' + ( i === 0 ? ' active' : ''), '<i class="fa fa-' + button.icon + '" aria-hidden="true"></i><span class="highed-tooltip-text">' + button.tooltip + '</span>');
          
          highed.dom.on(button.element, 'click', function() {
            buttons.forEach(function(b){
              if (!b.noPermission)  b.element.classList.remove('active');
            });
            button.element.classList.add('active');
            button.onClick();
          });
          highed.dom.ap(iconsContainer, button.element);
        });
      }
  
      var annotationButton = highed.dom.cr('span', 'highed-template-tooltip annotation-buttons ' + (usingSafari() ? ' usingsafari ' : '') , '<i class="fa fa-commenting" aria-hidden="true"></i><span class="highed-tooltip-text">Annotations</span>');
  
      highed.dom.on(annotationButton, 'click', function() {
        if (annotationContainer.classList.contains('active')) annotationContainer.classList.remove('active');
        else annotationContainer.classList.add('active');
  
      });
  
      if (!annotationContainer) {
        annotationContainer = highed.dom.cr('div', 'highed-transition highed-annotation-container');
  
        highed.dom.ap(annotationContainer, annotationButton);
  
        annotationOptions.forEach(function(option) {
          var btn = highed.dom.cr('span', 'highed-template-tooltip annotation-buttons ' + (usingSafari() ? ' usingsafari ' : '') , '<i class="fa fa-' + option.icon + '" aria-hidden="true"></i><span class="highed-tooltip-text">' + option.tooltip + '</span>');
          if (option.onClick || !option.draggable) {
            highed.dom.on(btn, 'click', function() {
              
              if (option.onClick) option.onClick();
              else {
                var isAnnotating = !(option.element.className.indexOf('active') > -1);
      
                annotationOptions.forEach(function(o) {
                  o.element.classList.remove('active');
                });
        
                chartPreview.setIsAnnotating(isAnnotating);
                if (isAnnotating) {
                  chartPreview.options.togglePlugins('annotations', 1);
                  chartPreview.setAnnotationType(option.value);
                  option.element.className += ' active';
                }
              }
            });
          } else {
            highed.dom.on(btn, 'mousedown', function (e) {
              
              activeAnnotation = highed.dom.cr('div', 'highed-active-annotation fa fa-' + option.icon);    
              
              highed.dom.ap(document.body, activeAnnotation);
              function moveAt(pageX, pageY) {
                highed.dom.style(activeAnnotation, {
                  left: pageX - (btn.offsetWidth / 2 - 10) + 'px',
                  top: pageY - (btn.offsetHeight / 2 - 10) + 'px'
                });
              }
              moveAt(e.pageX, e.pageY);
              
              function onMouseMove(event) {
                if(event.stopPropagation) event.stopPropagation();
                if(event.preventDefault) event.preventDefault();
                moveAt(event.pageX, event.pageY);
              }
  
              document.addEventListener('mousemove', onMouseMove);
  
              highed.dom.on(activeAnnotation, 'mouseup', function (e) {
                e = chartPreview.options.all().pointer.normalize(e);
                document.removeEventListener('mousemove', onMouseMove);
                activeAnnotation.onmouseup = null;
                activeAnnotation.remove();
                activeAnnotation = null;
                
                chartPreview.options.togglePlugins('annotations', 1);
                chartPreview.setAnnotationType(option.value);
                chartPreview.addAnnotation(e);
              });
            });
          }
  
    
          option.element = btn;
          highed.dom.ap(annotationContainer, btn);
        });
      }
  
      
      highed.dom.ap(iconsContainer, annotationContainer);
  
      highed.dom.ap(contents, userContents);
      highed.dom.ap(body, contents);
    
      highed.dom.ap(userContents, customizerContainer);
      highed.dom.ap(parent, highed.dom.ap(container,body));
    
      //customizer.resize();
  
      expand();
      hide();
    }
  
    function getResolutionContainer() {
      return resolutionSettings;
    }
    
    function afterResize(func){
      var timer;
      return function(event){
        if(timer) clearTimeout(timer);
        timer = setTimeout(func,100,event);
      };
    }
  
    function reduceSize(fn) {
      width = props.widths.desktop;
      if (highed.onTablet() && props.widths.tablet) width = props.widths.tablet;
      else if (highed.onPhone() && props.widths.phone) width = props.widths.phone;
      
      chartWidth = 68;
  
      expand();
      setTimeout(function() {
        if (fn) fn();
        resizeChart(((window.innerHeight
          || document.documentElement.clientHeight
          || document.body.clientHeight) - highed.dom.pos(body, true).y) - 16);
      }, 200);
    }
  
    function resize() {
      if (isVisible){
        expand()
        setTimeout(function() {
  
          resizeChart((((window.innerHeight
            || document.documentElement.clientHeight
            || document.body.clientHeight) - highed.dom.pos(body, true).y) - 16));
        }, 500);
        //expand();
      }
    }
    
    if (!highed.onPhone()) {
      highed.dom.on(window, 'resize', afterResize(function(e){
        resize();
      }));
    }
  
    resolutions.forEach(function(res) {
      highed.dom.on(res.iconElement, 'click', function(){
        sizeChart(res.width, res.height);
  
        resWidth.value = res.width;
        resHeight.value = res.height;
      });
    });
  
    highed.dom.on(stretchToFitIcon, 'click', function() {
      
      resWidth.value = '';
      resHeight.value = '';
      highed.dom.style(chartContainer, {
        width: '100%',
        height: '100%',
      });
      setTimeout(chartPreview.resize, 300);
    }),
    backIcon = highed.dom.cr('div','highed-back-icon', '<i class="fa fa-chevron-circle-left" aria-hidden="true"></i>');
  
  
    highed.dom.style(backIcon, {
      display: "none"
    });
  
  
    highed.dom.on(backIcon, 'click', function(){
      
      width = props.widths.desktop;
      if (highed.onTablet() && props.widths.tablet) width = props.widths.tablet;
      else if (highed.onPhone() && props.widths.phone) width = props.widths.phone;
      
      chartWidth = 68;
      
      highed.dom.style(backIcon, {
        display: "none"
      });
      searchAdvancedOptions.hide();
  
      expand();
      resizeChart(((window.innerHeight
        || document.documentElement.clientHeight
        || document.body.clientHeight) - highed.dom.pos(body, true).y) - 16);
  
      setTimeout(customizer.showSimpleEditor, 200);
    });
  
    function expand() {
      
      var newWidth = width; //props.width;
  
      highed.dom.style(body, {
        width: 100 + '%',
        opacity: 1
      });
  
  
      if (!highed.onPhone()) {
        const windowWidth = highed.dom.size(parent).w;
        const percentage = ((100 - chartWidth) / 100);
    
        var styles =  window.getComputedStyle(chartFrame);
        var containerStyles =  window.getComputedStyle(container);
        var chartMargin = parseFloat(styles['marginLeft']) + parseFloat(styles['marginRight']),
            containerMargin = parseFloat(containerStyles['marginLeft']) + parseFloat(containerStyles['marginRight']);
  
        highed.dom.style(container, {
          width: ((windowWidth*percentage) - (chartMargin + containerMargin + 35) - 3 /*padding*/) + 'px'
        });
      }
  
      events.emit('BeforeResize', newWidth);
  
      function resizeBody() {
        var bsize = highed.dom.size(body),
          tsize = highed.dom.size(title),
          size = {
            w: bsize.w,
            h: (window.innerHeight
              || document.documentElement.clientHeight
              || document.body.clientHeight) - highed.dom.pos(body, true).y
          };
  
          highed.dom.style(contents, {
            width: "100%",
            height: ((size.h - 16)) + 'px'
          });
  
        customizer.resize(size.w, (size.h - 17) - tsize.h);
  
        return size;
      }
  
      setTimeout(resizeBody, 300);  
      highed.emit('UIAction', 'ToolboxNavigation', props.title);
    }
  
    function show() {
      highed.dom.style(container, {
        display: 'block'
      });
      expand();
      resizeChart(((window.innerHeight
        || document.documentElement.clientHeight
        || document.body.clientHeight) - highed.dom.pos(body, true).y) - 16);
      isVisible = true;
      highed.dom.style(resolutionSettings, {
        display: 'block'
      });
  
  
      if (autoAppearanceTab) {
        setTimeout(function() {
          if (!document.getElementById('highed-list-header-Appearance').classList.contains('active')){
            document.getElementById('highed-list-header-Appearance').children[0].click()
          }
        }, 300)
      }
  
    }
    
    function hide() {
  
      customizer.showSimpleEditor();
        
      width = props.widths.desktop;
      if (highed.onTablet() && props.widths.tablet) width = props.widths.tablet;
      else if (highed.onPhone() && props.widths.phone) width = props.widths.phone;
  
      chartWidth = 68;
     
      highed.dom.style(backIcon, {
        display: "none"
      });
      searchAdvancedOptions.hide();
  
      expand();
  
      highed.dom.style(container, {
        display: 'none'
      });
      isVisible = false;
      searchAdvancedOptions.hide();
      
      if (resolutionSettings) {
        highed.dom.style(resolutionSettings, {
          display: 'none'
        });
      }
  
      if (!highed.onPhone()){
        buttons.forEach(function(button, i) {
  
          if (button.noPermission) return;
          if (button.element) {
            button.element.classList.remove('active');
          }
          if (i === 0) button.element.classList += ' active';
        });
      }
  
      resHeight.value = '';
      resWidth.value = '';
    }
  
    function selectOption(event, x, y) {
      customizer.focus(event, x, y);
    }
  
    function setTabBehaviour(behaviour) {
      autoAppearanceTab = behaviour
    }
  
    function destroy() {}
  
    function showError(title, message) {
      highed.dom.style(errorBar, {
        opacity: 1,
        'pointer-events': 'auto'
      });
  
      errorBarHeadline.innerHTML = title;
      errorBarBody.innerHTML = message;
    }  
    
    function sizeChart(w, h) {
      if ((!w || w.length === 0) && (!h || h.length === 0)) {
        fixedSize = false;
        resHeight.value = '';
        resWidth.value = '';
        resizeChart();
      } else {
        var s = highed.dom.size(chartFrame);
  
        // highed.dom.style(chartFrame, {
        //   paddingLeft: (s.w / 2) - (w / 2) + 'px',
        //   paddingTop: (s.h / 2) - (h / 2) + 'px'
        // });
  
        fixedSize = {
          w: w,
          h: h
        };
  
        w = (w === 'auto' ?  s.w : w || s.w - 100);
        h = (h === 'auto' ?  s.h : h || s.h - 100);
  
        highed.dom.style(chartContainer, {
          width: w + 'px',
          height: h + 'px'
        });
  
        //chartPreview.chart.setWidth();
  
        chartPreview.resize(w, h);
      }
    }
  
    highed.dom.on([resWidth, resHeight], 'change', function() {
      sizeChart(parseInt(resWidth.value, 10), parseInt(resHeight.value, 10));
    });
  
  
    chartPreview.on('ShowTextDialog', function(chart, x, y) {
      addLabelX = x;
      addLabelY = y;
      addTextModalInput.focus();
  
      overlayAddTextModal.show();
  
    });
    
    chartPreview.on('ChartChange', function(newData) {
      events.emit('ChartChangedLately', newData);
    });
  
    function getIcons(){
      return iconsContainer;
    }
  
    function resizeChart(newHeight) {
  
      highed.dom.style(chartFrame, {
        /*left: newWidth + 'px',*/
        width: chartWidth + '%', //'68%',
        height: newHeight + 'px' || '100%'
      });
  /*
      highed.dom.style(chartContainer, {
        width: psize.w - newWidth - 100 + 'px',
        height: psize.h - 100 + 'px'
      });*/
  
      setTimeout(chartPreview.resize, 200);
    }
  
    
    chartPreview.on('SetResizeData', function () {
      //setToActualSize();
    });
  
    return {
      on: events.on,
      destroy: destroy,
      hide: hide,
      show: show,
      resize: resize,
      isVisible: function() {
        return isVisible;
      },
      init: init,
      getIcons: getIcons,
      selectOption: selectOption,
      getResolutionContainer: getResolutionContainer,
      setTabBehaviour: setTabBehaviour
      //toolbar: toolbar
    };
  };
  
  /******************************************************************************
  
  Copyright (c) 2016-2018, Highsoft
  
  Permission is hereby granted, free of charge, to any person obtaining
  a copy of this software and associated documentation files (the
  "Software"), to deal in the Software without restriction, including
  without limitation the rights to use, copy, modify, merge, publish,
  distribute, sublicense, and/or sell copies of the Software, and to
  permit persons to whom the Software is furnished to do so, subject to
  the following conditions:
  
  The above copyright notice and this permission notice shall be
  included in all copies or substantial portions of the Software.
  
  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
  EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
  MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
  IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY
  CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT,
  TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
  SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
  
  ******************************************************************************/
  
  // @format
  
  highed.Toolbox = function(parent, attr) {
    var events = highed.events(),
      container = highed.dom.cr(
        'div',
        'highed-transition highed-toolbox highed-wizard highed-box-size'
      ),
      bar = highed.dom.cr('div', 'highed-toolbox-bar highed-box-size highed-wizard-title-container'),
      body = highed.dom.cr(
        'div',
        'highed-toolbox-body highed-toolbox-body-no-border highed-box-size highed-transition highed-wizard-body'
      ),
      activeTimeout,
      expanded = false,
      activeItem = false,
      properties = highed.merge(
        {
          animate: true
        },
        attr
      );
  
    function addEntry(def) {
      var props = highed.merge(
          {
            number: 0,
            title: 'Title Missing'
          },
          def
        ),
        entryEvents = highed.events(),
        title = highed.dom.cr('div', 'highed-toolbox-body-title wizard', props.hideTitle ? '' : props.title),
        contents = highed.dom.cr(
          'div',
          'highed-box-size highed-toolbox-inner-body'
        ),
        userContents = highed.dom.cr(
          'div',
          'highed-box-size highed-toolbox-user-contents highed-createchart-body-container'
        ),
        iconClass = 'highed-toolbox-list-item-container',
        icon = highed.dom.cr('div', iconClass),
        resizeTimeout,
        exports = {},
        circle = highed.dom.cr('div', 'highed-toolbox-list-circle', props.number);
  
      highed.dom.on(circle, 'click', function() {
        props.onClick(props.number);
        expand();
  
      });
  
      highed.dom.ap(icon, circle, highed.dom.cr('div', 'highed-toolbox-list-title', props.title));
      highed.dom.on(icon, 'click', function() {
        entryEvents.emit('Click');
      });
  
      function resizeBody() {
        var bsize = highed.dom.size(body),
          tsize = highed.dom.size(title),
          size = {
            w: bsize.w,
            h: bsize.h - tsize.h - 55
          };
  /*
        highed.dom.style(contents, {
          width: size.w + 'px',
          height: size.h + 'px'
        });
  */
        return size;
      }
  
      function expand() {
        var bsize = highed.dom.size(bar);
        
        var newWidth = props.width;
  
        if (expanded && activeItem === exports) {
          return;
        }
  
        if (props.iconOnly) {
          return;
        }
  
        if (activeItem) {
          activeItem.disselect();
        }
  
        entryEvents.emit('BeforeExpand');
  
        body.innerHTML = '';
        highed.dom.ap(body, contents);
        
        highed.dom.style(body, {
          height: (bsize.h - 55) + 'px',
          opacity: 1
        });
  
        highed.dom.style(container, {
          width: newWidth + '%'
        });
  
        events.emit('BeforeResize', newWidth);
  
        expanded = true;
  
        setTimeout(function() {
          var height = resizeBody().h;
  
          events.emit('Expanded', exports, newWidth);
          entryEvents.emit('Expanded', newWidth, height - 20);
        }, 300);
  
        if (props.iconOnly) {
          activeItem = false;
        } else {
          icon.className = iconClass + ' active';
          activeItem = exports;
        }
  
        highed.emit('UIAction', 'ToolboxNavigation', props.title);
      }
  
      function collapse() {
        var newWidth = highed.dom.size(bar).w;
  
        if (expanded) {
          highed.dom.style(body, {
            width: '0px',
            opacity: 0.1
          });
  
          highed.dom.style(container, {
            width: newWidth + '%'
          });
  
          events.emit('BeforeResize', newWidth);
  
          disselect();
          expanded = false;
          activeItem = false;
  
        }
      }
  
      function toggle() {
          expand();
      }
  
      function disselect() {
        icon.className = iconClass + ' completed';
      }
  
      function removeCompleted() {
        setTimeout(function() {
          icon.classList.remove('completed');
        }, 50);
      }
  
      //highed.dom.on(icon, 'click', toggle);
      highed.dom.ap(bar, icon);
      highed.dom.ap(contents, title, userContents);
  
      function reflowEverything() {
        clearTimeout(resizeTimeout);
        resizeTimeout = setTimeout(function() {
          highed.dom.style(body, { height: '' });
          if (expanded) {
            var height = resizeBody().h;
            entryEvents.emit('Expanded', highed.dom.size(bar), height - 20);
          }
        }, 100);
      }
  
      highed.dom.on(window, 'resize', reflowEverything);
  
      exports = {
        on: entryEvents.on,
        expand: expand,
        collapse: collapse,
        body: userContents,
        removeCompleted: removeCompleted,
        disselect: disselect
      };
      return exports;
    }
  
    function width() {
      var bodySize = highed.dom.size(body),
        barSize = highed.dom.size(bar);
  
      return bodySize.w + barSize.w;
    }
  
    function clear() {
      bar.innerHTML = '';
      body.innerHTML = '';
    }
  
    highed.dom.ap(parent, highed.dom.ap(container,bar,body));
  
    return {
      clear: clear,
      on: events.on,
      addEntry: addEntry,
      width: width
    };
  };
  
  /******************************************************************************
  
  Copyright (c) 2016-2018, Highsoft
  
  Permission is hereby granted, free of charge, to any person obtaining
  a copy of this software and associated documentation files (the
  "Software"), to deal in the Software without restriction, including
  without limitation the rights to use, copy, modify, merge, publish,
  distribute, sublicense, and/or sell copies of the Software, and to
  permit persons to whom the Software is furnished to do so, subject to
  the following conditions:
  
  The above copyright notice and this permission notice shall be
  included in all copies or substantial portions of the Software.
  
  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
  EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
  MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
  IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY
  CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT,
  TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
  SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
  
  ******************************************************************************/
  
  // @format
  
  highed.OptionsPanel = function(parent, attr) {
    var events = highed.events(),
      container = highed.dom.cr(
        'div',
        'highed-transition highed-optionspanel highed-box-size'
      ),
      body = highed.dom.cr(
        'div',
        'highed-box-size highed-transition'
      ),
      prev,
      options = {},
      currentOption = null;
  
    highed.dom.ap(parent, highed.dom.ap(container, highed.dom.ap(body, highed.dom.cr('div', '', 'Workspace View:'))));
  
    function setDefault(option) {
      prev = option;
    }
  
    function addOption(option, id) {
      var btn = highed.dom.cr(
        'a',
        'highed-optionspanel-button ' + (id === 'data' ? 'active' : ''), 
        option.text + '&nbsp;<i class="fa fa-' + option.icon + '"></i>'
      );
        
      (option.onClick || []).forEach(function(click) {
        highed.dom.on(btn, 'click', function() {
          Object.keys(options).forEach(function(o) {
            options[o].classList.remove('active');
          });
          currentOption = option;
          btn.classList.add('active');
  
          click(prev, option);
        });
      });
  
      options[id] = btn;
      
      highed.dom.ap(body,btn);
    }
  
    function clearOptions() {
      body.innerHTML = '';
      highed.dom.ap(body, highed.dom.cr('div', 'highed-optionspanel-header', 'Workspace View:'));
    }
  
    function getPrev() {
      return prev;
    }
  
    function getOptions() {
      return options;
    }
  
    function getCurrentOption() {
      return currentOption;
    }
  
    return {
      on: events.on,
      addOption: addOption,
      setDefault: setDefault,
      getPrev: getPrev,
      clearOptions: clearOptions,
      getOptions: getOptions,
      getCurrentOption: getCurrentOption
    };
  };
  
  /******************************************************************************
  
  Copyright (c) 2016-2018, Highsoft
  
  Permission is hereby granted, free of charge, to any person obtaining
  a copy of this software and associated documentation files (the
  "Software"), to deal in the Software without restriction, including
  without limitation the rights to use, copy, modify, merge, publish,
  distribute, sublicense, and/or sell copies of the Software, and to
  permit persons to whom the Software is furnished to do so, subject to
  the following conditions:
  
  The above copyright notice and this permission notice shall be
  included in all copies or substantial portions of the Software.
  
  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
  EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
  MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
  IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY
  CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT,
  TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
  SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
  
  ******************************************************************************/
  
  // @format
  
  highed.AssignDataPanel = function(parent, dataTable, extraClass) {
  
    var defaultOptions = {
      'labels': {
        'name': "Categories",
        'desc': 'Choose a column for the category types. Can be names or a date.',
        'default': 'A',
        'value': 'A',
        'rawValue': [0],
        'previousValue': null,
        'linkedTo': 'x',
        'mandatory': true,
        'colors': {
          'light': 'rgba(66, 200, 192, 0.2)',
          'dark': 'rgb(66, 200, 192)',
        }
      },
      'values': {
        'name': "Values",
        'desc': 'Enter column with the values you want to chart.',
        'default': 'B',
        'linkedTo': 'y',
        'isData': true,
        'value': 'B',
        'rawValue': [1],
        'previousValue': null,
        'mandatory': true,
        'colors': {
          'light': 'rgba(145, 151, 229, 0.2)',
          'dark': 'rgb(145, 151, 229)',
        }
      },
      'label': {
        'name': "Label",
        'desc': 'The name of the point as shown in the legend, tooltip, data label etc.',
        'default': '',
        'value': '',
        'rawValue': null,
        'previousValue': null,
        'mandatory': false,
        'linkedTo': 'label',        
        'colors': {
          'light': 'rgba(229, 145, 145, 0.2)',
          'dark': 'rgb(229, 145, 145)',
        },
        'noNulls': true
      }
    },
    options = [],
    toggled = false,
    columnLength = 0,
    index = 0,
    maxColumnLength = 1,
    showCells = false,
    disabled = false;
  
    var events = highed.events(),
      container = highed.dom.cr(
        'div',
        'highed-transition highed-assigndatapanel highed-box-size ' + extraClass
      ),
      bar = highed.dom.cr('div', 'highed-assigndatapanel-bar highed-box-size ' + extraClass),
      body = highed.dom.cr(
        'div',
        'highed-assigndatapanel-body highed-box-size highed-transition ' + extraClass
      ),
      headerToggle = highed.dom.cr('span', '', '<i class="fa fa-chevron-down highed-assigndatapanel-toggle" aria-hidden="true"></i>'),
      header = highed.dom.ap(
                highed.dom.cr('div', 'highed-assigndatapanel-header-container'), 
                highed.dom.ap(highed.dom.cr('h3', 'highed-assigndatapanel-header', 'Assign columns for this chart'), headerToggle)),
      labels = highed.dom.cr('div', 'highed-assigndatapanel-data-options'),
      selectContainer = highed.dom.cr('div', 'highed-assigndatapanel-select-container'),
      changeSeriesTypeContainer = highed.dom.cr('div', 'highed-assigndatapanel-change-series-type'),
      changeSeriesTypeLink = highed.dom.cr('a', 'highed-assigndatapanel-change-series-type-link', 'Click here to change series template type'),
      inputContainer = highed.dom.cr('div', 'highed-assigndatapanel-inputs-container'),
      addNewSeriesBtn = highed.dom.cr('button', 'highed-assigndatapanel-add-series', '<i class="fa fa-plus"/>'),
      deleteSeriesBtn = highed.dom.cr('button', 'highed-assigndatapanel-add-series', '<i class="fa fa-trash"/>'),
      toggleHideCellsBtn = highed.dom.cr('button', 'highed-assigndatapanel-add-series', '<i class="fa fa-eye-slash"/>'),
      seriesTypeSelect = highed.DropDown(selectContainer, ' highed-assigndatapanel-series-dropdown'),
      hidden = highed.dom.cr('div', 'highed-assigndatapanel-hide');
  
      highed.dom.style(hidden, {
        display: 'none'
      });
    addSerie();
    Object.keys(defaultOptions).forEach(function(key) {
      defaultOptions[key].colors = null;
    });
    
    function init(colLength) {
      columnLength = colLength;
      
      highed.dom.ap(body, labels);
      resetDOM();
      highed.dom.ap(parent, highed.dom.ap(container, bar, body));
      if (!disabled) {
        events.emit('AssignDataChanged', options[index]);
      }
    }
    
    function resetValues() {
      Object.keys(options[index]).forEach(function(key) {
        options[index][key].previousValue = null;
        options[index][key].value = options[index][key].default;
      });
    }
  
    function getAssignDataFields() {
  
      var all = [];
  
      options.forEach(function(option) {
        var arr = {};
        Object.keys(option).forEach(function(key) {
          if (option[key].value === '' || option[key].value === null) return;
          arr[key] = option[key].value;
        });
        all.push(highed.merge({}, arr));
      });
  
      return all;
    }
  
    function restart() {
  
      defaultOptions.labels.colors = {
        'light': 'rgba(66, 200, 192, 0.2)',
        'dark': 'rgb(66, 200, 192)',
      };
      
      defaultOptions.values.colors = {
        'light': 'rgba(145, 151, 229, 0.2)',
        'dark': 'rgb(145, 151, 229)',
      };
      
      defaultOptions.label.colors = {
        'light': 'rgba(229, 145, 145, 0.2)',
        'dark': 'rgb(229, 145, 145)',
      };
  
      index = 0,
      columnLength = 0,
      maxColumnLength = 1;
      
      options = [];
      addSerie();
      Object.keys(defaultOptions).forEach(function(key) {
        defaultOptions[key].colors = null;
      });
  
      resetDOM();
    }
  
    function getMergedLabelAndData() {
      var arr = {},
          extraColumns = [],
          values = [];
  
      Object.keys(options[index]).forEach(function(optionKeys) {
        if (optionKeys === 'labels') {
          arr.labelColumn = highed.getLetterIndex(options[index][optionKeys].value.charAt(0));
        } else if (options[index][optionKeys].isData) { //(highed.isArr(options[index][optionKeys])) {
  
          const allData = options[index][optionKeys];
          values.push(allData.rawValue[0]);
          arr.dataColumns = values;
          arr.dataColumns.sort();
        } else {
          // Check for any extra fields, eg. Name
          const extraValue = options[index][optionKeys];
          if (extraValue.value !== '') {
            extraColumns.push(highed.getLetterIndex(extraValue.value));
          }
        }
      });
  
      arr.extraColumns = extraColumns.sort();
      
      return arr; //arr.concat(values);
    }
  
    function getAllMergedLabelAndData() {
      var seriesValues = [];
      options.forEach(function(serie, i) {
        var arr = {},
        extraColumns = [],
        values = [];
        Object.keys(serie).forEach(function(optionKeys) {
            if (optionKeys === 'labels') {
              arr.labelColumn = highed.getLetterIndex(options[i][optionKeys].value.charAt(0));
            } else if (options[i][optionKeys].isData) { //(highed.isArr(options[i][optionKeys])) {
              const allData = options[i][optionKeys];
              /*
              allData.forEach(function(data) {
                values.push(data.rawValue[0]);
                arr.dataColumns = values;
              });*/
              values.push(allData.rawValue[0]);
              arr.dataColumns = values;
              arr.dataColumns.sort();
            } else {
              // Check for any extra fields, eg. Name
              const extraValue = options[i][optionKeys];
              if (extraValue.value !== '') {
                extraColumns.push(highed.getLetterIndex(extraValue.value));
              }
            }
        });
        arr.extraColumns = extraColumns.sort();
        seriesValues.push(highed.merge({}, arr));
      });
      return seriesValues;
    }
  
    function getLetterIndex(char) {
      return char.charCodeAt() - 65; 
    }
  
    function getLetterFromIndex(num) {
      return String.fromCharCode(num + 65);
    }
  
    function getActiveSerie() {
      return index;
    }
  
    function processField(input, overrideCheck, cb) {
  
      input.value = input.value.toUpperCase();
      var newOptions = [];
  
      var previousValues = [],
          values = [];
    
      if (!overrideCheck) {
        if (input.previousValue === input.value || (input.value === '' && input.previousValue === null)) return;
      }
  
      values = [input.value.charAt(0)];
      if (input.previousValue) previousValues = [input.previousValue];
      
      if (!input.mandatory && input.value === '') {
        values = [];
      }
  
      newOptions = getMergedLabelAndData();
      //else newOptions.push(highed.getLetterIndex(input.value.charAt(0)));
    
      input.previousValue = input.value.toUpperCase();
      input.rawValue = values.map(function (x) {
        return highed.getLetterIndex(x);
      });
      
      cb(previousValues.map(function (x) {
        return highed.getLetterIndex(x);
      }), input.rawValue, input, newOptions);
  
    }
  
    function getFieldsToHighlight(cb, overrideCheck, dontEmit) {
      if (!options[index]) return;
      Object.keys(options[index]).forEach(function(key) {
        var input = options[index][key];
        processField(input, overrideCheck, cb);
      });
      if (!disabled && !dontEmit) events.emit("ChangeData", options);
    }
  
    function generateColors() {
      const hue = Math.floor(Math.random()*(357-202+1)+202), // Want a blue/red/purple colour
            saturation =  Math.floor(Math.random() * 100),
            lightness =  60,
            alpha = 0.5;
  
      return {
        "light": "hsla(" + hue + ", " + saturation + "%, " + (lightness + 20) + "%, " + alpha + ")",
        "dark": "hsl(" + hue + ", " + saturation + "%, " + lightness + "%)",
      };
    }
  
    function addSeries(length, type) {
      if (length + 1 < options.length) {
        //Need to do some culling
        options = options.slice(0,length + 1);
        events.emit('RemoveSeries', length + 1);
        seriesTypeSelect.sliceList(length + 1);
        resetDOM();
      } else {
        for(var i=options.length - 1; i<length; i++) {
          addSerie(type);
        }
      }
  
      seriesTypeSelect.selectByIndex(0);
    }
  
    function getOptions() {
      return options[index];
    }
  
    function getAllOptions() {
      return options;
    }
  
    function resize(w, h) {
         
      highed.dom.style(container, {
        height: (h - 3) + 'px'
      });
    }
  
    function addSerie(seriesType, redrawDOM, skipSelect) {
      var type = seriesType;
      if (!type) type = 'line';
      
      seriesTypeSelect.addItems([{
        id: options.length,
        title: 'Series ' + (options.length + 1) + ' - ' + capitalizeFirstLetter(type)
      }]);
      if (maxColumnLength + 1 < columnLength) {
        maxColumnLength++;
      }
  
      const newOptions = highed.merge({}, defaultOptions);
  
      highed.merge(newOptions, highed.meta.charttype[type]);
      clean(newOptions);
      if (newOptions.values) {
        newOptions.values.rawValue = [maxColumnLength]; //TODO: Change later
        newOptions.values.value = getLetterFromIndex(maxColumnLength);
      }
  
      options.push(highed.merge({}, newOptions));
      if (!skipSelect) seriesTypeSelect.selectById(options.length - 1);
      if (redrawDOM) resetDOM();
  
      events.emit('AddSeries', options.length - 1, seriesType);
    }
  
    function hide() {
      highed.dom.style(container, {
        display: 'none'
      });
    }
  
  
    function disable() {
      highed.dom.style(hidden, {
        display: 'block'
      });
      disabled = true;
    }
  
    function enable() {
      highed.dom.style(hidden, {
        display: 'none'
      });
      disabled = false;
    }
  
    function show() {
      highed.dom.style(container, {
        display: 'block'
      });
    }
    
    function getValues(input) {
      const delimiter = (input.indexOf('-') > -1 ? '-' : ',');
      const output = input.split(delimiter).sort();
  
      output.forEach(function(value, index){
        output[index] = getLetterIndex(value);
      });
  
      return output;
    }
    
    function capitalizeFirstLetter(string) {
      return string.charAt(0).toUpperCase() + string.slice(1);
    }
    
    function clean(obj) {
      Object.keys(obj).forEach(function(key) {
        if (highed.isNull(obj[key])) delete obj[key];
      });
    }
  
    function getSeriesType(data, index, aggregatedOptions) { 
      // Change this in future, data should handle 99% of cases but have had to use aggregatedoptions due to users setting chart type through custom code
      // Looks messy using both atm
      if (data.config) return data.config.chart.type;
      else {
        if (data.options && data.options.series && data.options.series[index] && data.options.series[index].type) return data.options.series[index].type;
        if (data.template && data.template.chart && data.template.chart.type) return data.template.chart.type;
        else if (data.options && data.options.chart && data.options.chart.type) return data.options.chart.type;
        else if (data.theme && data.theme.options.chart && data.theme.options.chart.type) return data.theme.options.chart.type;
        else if (aggregatedOptions && aggregatedOptions.chart && aggregatedOptions.chart.type) return aggregatedOptions.chart.type;
        else return 'line';
      }
    }
  
  
    function setAssignDataFields(data, maxColumns, init, seriesIndex, skipEmit, serieValue, aggregatedOptions) {
      if (!data || disabled) return;
      columnLength = maxColumns;
      var seriesType = getSeriesType(data, 0, aggregatedOptions),
          previousValues = null;
      
      seriesTypeSelect.updateByIndex(seriesIndex || index, {
        title: 'Series ' + ((seriesIndex || index) + 1) + ' - ' + capitalizeFirstLetter(seriesType)
      });
      seriesTypeSelect.selectByIndex(index);
      
      chartTypeOptions = highed.meta.charttype[seriesType.toLowerCase()];
  
      if (options[seriesIndex || index] && options[seriesIndex || index].values) {
        previousValues = options[seriesIndex || index].values;
      }
  
      options[seriesIndex || index] = null;
      options[seriesIndex || index] = highed.merge({}, defaultOptions);
  
      if (!isNaN(serieValue)) {
        if (options[seriesIndex || index].values) {
          options[seriesIndex || index].values.value = getLetterFromIndex(serieValue);
          options[seriesIndex || index].values.rawValue = [serieValue];
        }
      }
  
      if (previousValues && options[seriesIndex || index] && options[seriesIndex || index].values) {
        highed.merge(options[seriesIndex || index].values, previousValues);
      }
      /*
      if (chartTypeOptions && chartTypeOptions.data) {
        options[seriesIndex || index].data = null;
      }*/
  
  
      highed.merge(options[seriesIndex || index], highed.meta.charttype[seriesType]);
      clean(options[seriesIndex || index]);
  
      if (init) {
  
        if (data.settings && data.settings.dataProvider && data.settings.dataProvider.assignDataFields) {
          const dataFields = data.settings.dataProvider.assignDataFields;
          dataFields.forEach(function(option, index) {
            const seriesType = getSeriesType(data, index);
            if(!options[index]) {
              addSerie(seriesType);
            }
            Object.keys(option).forEach(function(key) {
              if (options[index][key]) {
                options[index][key].value = option[key];
                options[index][key].rawValue = [getLetterIndex(option[key])];
              }
            })
          });
        } else {
          // Probably a legacy chart, change values to equal rest of chart
          
          var length = maxColumns - 1;
          if (data && data.options && data.options.series) {
            length = data.options.series.length;
          }
  
          for(var i=1; i<length; i++) {
            const seriesType = getSeriesType(data, i, aggregatedOptions);
            if(!options[i]) {
              addSerie(seriesType, null, true);
            }
    
            options[i].labels.rawValue = [0];
            options[i].labels.value = "A";
            options[i].values.rawValue[0] = i + 1;
            options[i].values.value = getLetterFromIndex(i + 1);
          }
        }
        seriesTypeSelect.selectByIndex(0);
      }
  
      resetDOM();
      if (!disabled && !skipEmit) events.emit('ChangeData', options);
    }
  
    function checkValues(newValue, prevValue) {
      values = getValues(newValue);
      values2 = getValues(prevValue);
      if (Math.max(values[values.length - 1], values2[values2.length - 1]) - Math.min(values[0], values2[0]) <= (values[values.length - 1] - values[0]) + (values2[values2.length - 1] - values2[0])) {
        return true;
      }
      return false;
    }
  
    function valuesMatch(newValue, objectKey) {
  
      var found = false
          values = [],
          values2 = [];
      Object.keys(options[index]).some(function(key) {
        if (objectKey === key || found) return;
        /*
        if (highed.isArr(options[index][key])) {
  
          (options[index][key]).some(function(o) {
            if (object.id === o.id || found) return;
            found = checkValues(newValue, o.value);
            if (found) return false;
          });
        } else {*/
          found = checkValues(newValue, options[index][key].value);
          if (found) return false;
        //}
  
      });
      return found;
  
    }
  
    function generateInputs(option, key) {
  
      var labelInput,
          valueContainer = highed.dom.cr('div', 'highed-assigndatapanel-input-container');
  
      labelInput = highed.DropDown(valueContainer, 'highed-assigndata-dropdown');
      if(!option.mandatory){
        labelInput.addItem({
          id: '',
          title: ''
        });
      }
      for(var i = 0; i < columnLength; i++) {
        labelInput.addItem({
          id: getLetterFromIndex(i),
          title: getLetterFromIndex(i),
        });
      }
      
      labelInput.selectById(option.value);
  
      labelInput.on('Change', function(selected) {
        //detailIndex = selected.index();
        detailValue = selected.id();
  
        if (valuesMatch(detailValue, key)) {
          option.value = option.previousValue;
          labelInput.selectById(option.previousValue, true);
          alert("This column has already been assigned a value. Please select a different column");
          return;
        }
        else {
          if (detailValue !== '' && option && option.noNulls) {
            if (dataTable.areColumnsEmpty(getLetterIndex(detailValue))) {
              option.value = option.previousValue;
              labelInput.selectById(option.previousValue, true);
              alert("This column does not have any data. Please select a column with data in it");
              return;
            }
          }
  
          option.value = detailValue;
          option.rawValue = [getLetterIndex(option.value.toUpperCase())];
          if (getLetterIndex(option.value.toUpperCase()) > maxColumnLength) {
            maxColumnLength = getLetterIndex(option.value.toUpperCase());
          }
          
        }
  
        if (showCells) events.emit('ToggleHideCells', options[index], showCells);
        if (!disabled) {
          events.emit('AssignDataChanged', options[index], option, getLetterIndex(detailValue.toUpperCase()), key);
        }
        //liveDataTypeSelect.selectById(detailValue || 'json');
      });
    
      var colors = option.colors || generateColors();
      option.colors = colors;
  
      labelInput.value = option.value;
      const colorDiv = highed.dom.cr('div', 'highed-assigndatapanel-color');
      
      highed.dom.style(colorDiv, {
        "background-color": option.colors.light,
        "border": '1px solid ' + option.colors.dark,
      });
  
      var label = highed.dom.ap(highed.dom.cr('div', 'highed-assigndatapanel-data-option'), 
                                 colorDiv,
                                 highed.dom.ap(highed.dom.cr('p', '', option.name + ':'),
                                               highed.dom.cr('span', 'highed-assigndatapanel-data-mandatory', option.mandatory ? '*' : '')),
                                               valueContainer,
                                 highed.dom.cr('div', 'highed-assigndatapanel-data-desc', option.desc));
    
      highed.dom.ap(inputContainer, label);
    }
  
    function resetDOM() {
      inputContainer.innerHTML = '';
      if (options[index]){
        Object.keys(options[index]).forEach(function(key) {
          var option = options[index][key];
          generateInputs(option, key);
        });  
      }
    }
  
    function toggleCells() {
      if (showCells) {
        showCells = false;
        toggleHideCellsBtn.innerHTML = '<i class="fa fa-eye-slash">';
      } else {
        showCells = true;
        toggleHideCellsBtn.innerHTML = '<i class="fa fa-eye"/>';
      }
      events.emit('ToggleHideCells', options[index], showCells);
    }
  
    function checkToggleCells() {
      if (showCells) events.emit('ToggleHideCells', options[index], showCells);
    }
  
    function getStatus() {
      return disabled;
    }
  
    function addNewSerie(lastType) {
      addSerie(lastType, true);
      events.emit('AssignDataChanged');
    }
  
    function getElement() {
      return container;
    }
  
    function setColumnLength(length) {
      columnLength = length;
    }
  
    ////////////////////////////////////////////////////////////////////////////////
        
    highed.dom.ap(selectContainer, addNewSeriesBtn, deleteSeriesBtn, toggleHideCellsBtn);
    highed.dom.ap(changeSeriesTypeContainer, changeSeriesTypeLink);
  
    highed.dom.on(changeSeriesTypeLink, 'click', function() {
      events.emit('GoToTemplatePage');
    });
  
    highed.dom.on(toggleHideCellsBtn, 'click', function() {
      toggleCells();
    });
    
    highed.dom.on(deleteSeriesBtn, 'click', function() {
      
      if (index === 0) {
        highed.snackBar("Cannot delete this series");
        return;
      }
  
      if (confirm("Are you sure you want to delete this series?")) {
        options.splice(index, 1);
        seriesTypeSelect.deleteByIndex(index);
        const allSeries = seriesTypeSelect.selectAll();
  
        events.emit('DeleteSeries', index);
        setTimeout(function() {
          events.emit('AssignDataChanged');
        }, 1000);
    
        for(var i=index; i < options.length; i++) {
          seriesTypeSelect.updateByIndex(i, {
            title: 'Series ' + (i + 1) + ' -' + allSeries[i].title().split('-')[1]
          }, i);
        }
    
        seriesTypeSelect.selectByIndex(index - 1);
        highed.snackBar("Series " + (index + 2) + " Deleted");
      }
  
    });
  
    highed.dom.on(addNewSeriesBtn, 'click', function() {
      events.emit('GetLastType');
    });
    
    seriesTypeSelect.on('Change', function(selected) {
      if (index !== selected.id()) {
        index = selected.id();
        resetDOM();  
            
        if (showCells) events.emit('ToggleHideCells', options[index], showCells);
        if (!disabled) {
          events.emit('RedrawGrid', true);
          events.emit('SeriesChanged', index);
        }
      }
    });
    
    highed.dom.on(headerToggle, 'click', function() {
  
      const height = (toggled ? '48px' : 'initial');
      const overflow = (toggled ? 'hidden' : 'auto');
      
      highed.dom.style(container, {
        height: height,
        overflow: overflow
      });
  
      toggled = !toggled;
    });
  
    seriesTypeSelect.addItems([{
      id: 0,
      title: 'Series ' + (options.length) + ' - Line'
    }]);
    
    seriesTypeSelect.selectById(0);
  
    highed.dom.ap(body, header);
    highed.dom.ap(labels, selectContainer, changeSeriesTypeContainer, inputContainer);
  
    highed.dom.ap(body, hidden);
  
    return {
      on: events.on,
      hide: hide,
      show: show,
      getOptions: getOptions,
      resetValues: resetValues,
      resize: resize,
      getFieldsToHighlight: getFieldsToHighlight,
      getMergedLabelAndData: getMergedLabelAndData,
      getAllMergedLabelAndData: getAllMergedLabelAndData,
      setAssignDataFields: setAssignDataFields,
      getAssignDataFields: getAssignDataFields,
      getAllOptions: getAllOptions,
      getActiveSerie: getActiveSerie,
      addNewSerie: addNewSerie,
      addSeries: addSeries,
      setColumnLength: setColumnLength,
      checkToggleCells: checkToggleCells,
      init: init,
      enable: enable,
      disable: disable,
      getStatus: getStatus,
      getElement: getElement,
      restart: restart
    };
  };
  
  /******************************************************************************
  
  Copyright (c) 2016-2018, Highsoft
  
  Permission is hereby granted, free of charge, to any person obtaining
  a copy of this software and associated documentation files (the
  "Software"), to deal in the Software without restriction, including
  without limitation the rights to use, copy, modify, merge, publish,
  distribute, sublicense, and/or sell copies of the Software, and to
  permit persons to whom the Software is furnished to do so, subject to
  the following conditions:
  
  The above copyright notice and this permission notice shall be
  included in all copies or substantial portions of the Software.
  
  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
  EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
  MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
  IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY
  CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT,
  TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
  SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
  
  ******************************************************************************/
  
  // @format
  
  /* global window */
  
  highed.DefaultPage = function(parent, options, chartPreview, chartFrame) {
    var events = highed.events(),
      // Main properties
      container = highed.dom.cr(
        'div',
        'highed-transition highed-toolbox highed-box-size'
      ),
      title = highed.dom.cr('div', 'highed-toolbox-body-title'),
      customizeTitle,
      contents = highed.dom.cr(
        'div',
        'highed-box-size highed-toolbox-inner-body'
      ),
      userContents = highed.dom.cr(
        'div',
        'highed-box-size highed-toolbox-user-contents highed-toolbox-defaultpage'
      ),
      width,
      chartWidth = '68%',
      iconClass,
      icon = highed.dom.cr('div', iconClass),
      // Data table
      iconsContainer = highed.dom.cr('div', 'highed-icons-container'),
      body = highed.dom.cr(
        'div',
        'highed-toolbox-body highed-box-size highed-transition'
      ),
      isVisible = false;
      
    function init() {
        
      width = options.widths.desktop;
      if (highed.onTablet() && options.widths.tablet) width = options.widths.tablet;
      else if (highed.onPhone() && options.widths.phone) width = options.widths.phone;
  
      customizeTitle = highed.dom.cr('div', 'highed-customize-title'/*, options.title*/),
      iconClass = 'highed-box-size highed-toolbox-bar-icon fa ' + options.icon;
  
      title.innerHTML = '';
  
      if (options.create && highed.isFn(options.create)) options.create(userContents, chartPreview, iconsContainer);
  
      highed.dom.ap(contents, /*highed.dom.ap(title,backIcon, customizeTitle, highed.dom.ap(iconsContainer,helpIcon)),*/ userContents);
      highed.dom.ap(body, contents);
    
      highed.dom.ap(parent, highed.dom.ap(container,body));
  
      expand();
      hide();
    }
  
    
    function afterResize(func){
      var timer;
      return function(event){
        if(timer) clearTimeout(timer);
        timer = setTimeout(func,100,event);
      };
    }
  
    function resize() {
      if (isVisible){
        expand()
        setTimeout(function() {
          resizeChart((((window.innerHeight
            || document.documentElement.clientHeight
            || document.body.clientHeight) - highed.dom.pos(body, true).y) - 16));
        }, 1000);
        //expand();
      }
    }
    
    if (!highed.onPhone()) {
      highed.dom.on(window, 'resize', afterResize(function(e){
        resize();
      }));
    }
  
    function getIcons() {
      return iconsContainer;
    }
  
    function expand() {
      
      var newWidth = width; //props.width;
  
      highed.dom.style(body, {
        width: 100 + '%',
        opacity: 1
      });
  
      if (!highed.onPhone()) {
        const windowWidth = highed.dom.size(parent).w;
        const percentage = ((100 - 68) / 100);
    
        
        var styles =  window.getComputedStyle(chartFrame);
        var containerStyles =  window.getComputedStyle(container);
        var chartMargin = parseFloat(styles['marginLeft']) + parseFloat(styles['marginRight']),
            containerMargin = parseFloat(containerStyles['marginLeft']) + parseFloat(containerStyles['marginRight']);
  
        highed.dom.style(container, {
          width: ((windowWidth*percentage) - (chartMargin + containerMargin + 35) - 3/*margin*/ /*padding*/) + 'px'
        });
      }
      events.emit('BeforeResize', newWidth);
  
      // expanded = true;
  
      function resizeBody() {
        var bsize = highed.dom.size(body),
          tsize = highed.dom.size(title),
          size = {
            w: bsize.w,
            h: (window.innerHeight
              || document.documentElement.clientHeight
              || document.body.clientHeight) - highed.dom.pos(body, true).y
          };
  
          highed.dom.style(contents, {
            width: "100%",
            height: ((size.h - 16)) + 'px'
          });
  
          highed.dom.style(userContents, {
            width: size.w + 'px',
            height: ((size.h - 16)) + 'px'
          });
  
        //customizer.resize(newWidth, (size.h - 17) - tsize.h);
  
        return size;
      }
  
      setTimeout(resizeBody, 300);  
      highed.emit('UIAction', 'ToolboxNavigation', options.title);
    }
  
    function show() {
      highed.dom.style(container, {
        display: 'block'
      });
      
      expand();
      setTimeout(function() {
        resizeChart(((window.innerHeight
          || document.documentElement.clientHeight
          || document.body.clientHeight) - highed.dom.pos(body, true).y) - 16);
      }, 200);
  
      isVisible = true;
    }
    
    function hide() {
  
      //customizer.showSimpleEditor();
      
      width = options.widths.desktop;
      if (highed.onTablet() && options.widths.tablet) width = options.widths.tablet;
      else if (highed.onPhone() && options.widths.phone) width = options.widths.phone;
      chartWidth = "68%";
      
      highed.dom.style(backIcon, {
        display: "none"
      });
      //searchAdvancedOptions.hide();
  
      expand();
  
      highed.dom.style(container, {
        display: 'none'
      });
  
      isVisible = false;
    }
  
    function destroy() {}
  
    chartPreview.on('ChartChange', function(newData) {
      events.emit('ChartChangedLately', newData);
    });
  
  
    //////////////////////////////////////////////////////////////////////////////
  
    /**
     * Resize the chart preview based on a given width
     */
    function resizeChart(newHeight) {
      highed.dom.style(chartFrame, {
        /*left: newWidth + 'px',*/
        width: chartWidth, //'68%',
        height: newHeight + 'px' || '100%'
      });
  /*
      highed.dom.style(chartContainer, {
        width: psize.w - newWidth - 100 + 'px',
        height: psize.h - 100 + 'px'
      });*/
  
      setTimeout(chartPreview.resize, 200);
    }
  
    return {
      on: events.on,
      destroy: destroy,
      chart: chartPreview,
      hide: hide,
      show: show,
      resize: resize,
      isVisible: function() {
        return isVisible;
      },
      init: init,
      getIcons: getIcons
      //toolbar: toolbar
    };
  };
  
  /******************************************************************************
  
  Copyright (c) 2016-2018, Highsoft
  
  Permission is hereby granted, free of charge, to any person obtaining
  a copy of this software and associated documentation files (the
  "Software"), to deal in the Software without restriction, including
  without limitation the rights to use, copy, modify, merge, publish,
  distribute, sublicense, and/or sell copies of the Software, and to
  permit persons to whom the Software is furnished to do so, subject to
  the following conditions:
  
  The above copyright notice and this permission notice shall be
  included in all copies or substantial portions of the Software.
  
  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
  EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
  MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
  IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY
  CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT,
  TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
  SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
  
  ******************************************************************************/
  
  // @format
  
  highed.SearchAdvancedOptions = function(parent, attr) {
  
    var timeout = null,
        advancedOptions = null,
        filters = {
          //Filter the series properties based on the series.type property
          series: {
            controller: 'type',
            state: false,
            default: 'line'
          },
          plotOptions: {
            controller: 'type',
            state: false,
            default: 'line'
          }
        };;
  
    function resize(w, h) {
         
      highed.dom.style(container, {
        height: (h - 5) + 'px'
      });
    }
  
    function setOptions(options) {
      advancedOptions = options;
      /*
      advancedOptions = (options.series || []).map(function(serie) {
        return serie.type || 'line';
      });*/
    }
  
    var events = highed.events(),
      container = highed.dom.cr(
        'div',
        'highed-transition highed-assigndatapanel highed-searchadvancedoptions highed-box-size'
      ),
      bar = highed.dom.cr('div', 'highed-searchadvancedoptions-bar highed-box-size'),
      body = highed.dom.cr(
        'div',
        'highed-searchadvancedoptions-body highed-box-size highed-transition'
      ),
      header = highed.dom.ap(
                highed.dom.cr('div', 'highed-searchadvancedoptions-header-container'), 
                highed.dom.cr('h3', 'highed-searchadvancedoptions-header', 'Search'),
                highed.dom.cr('p', 'highed-searchadvancedoptions-header-desc')),
      labels = highed.dom.cr('div', 'highed-searchadvancedoptions-data-options'),
      searchResultContainer = highed.dom.cr('div', 'highed-searchadvancedoptions-results'),
      inputContainer = highed.dom.cr('div', 'highed-searchadvancedoptions-inputs-container'),
      searchInput = highed.dom.cr('input', 'highed-searchadvancedoptions-search highed-field-input'),
      loading = highed.dom.cr(
        'div',
        'highed-customizer-adv-loader highed-searchadvancedoptions-loading',
        '<i class="fa fa-spinner fa-spin fa-3x fa-fw"></i> Loading');
  
      highed.dom.style(loading, {
        opacity: 0
      });
    var searchResults = [];
  
  
    function compareValues(str, queryArr) {
      var foundCount = 0;
  
      queryArr.forEach(function(q) {
        if (str.indexOf(q) > - 1) {
          foundCount ++;
        }
      });
  
      return foundCount;
    }
  
    function search(node, parent, str) {
  
      if (parent && parent.meta.fullname && filters[parent.meta.fullname]) {
        if (node.meta && node.meta.validFor) {
  
          var customizedSeriesOption = advancedOptions.series;
          var found = false;
          customizedSeriesOption.forEach(function(serieOption) {
            fstate = serieOption[filters[parent.meta.fullname].controller] || filters[parent.meta.fullname].default;
            if (node.meta.validFor[fstate]) found = true;
          });
  
          if (!found) {
            return;
          }
        }
      }
  
      if (highed.isArr(node)) {
        node.forEach(function(child) {
          search(child, parent, str);
        });
      } else {
        
        if (Object.keys(node.meta.types)[0] === 'function' || (
          node.meta.products &&
          Object.keys(node.meta.products) > 0)) {
          return;
        }
        
        var foundCount = compareValues(highed.uncamelize(node.meta.name).toLowerCase(), str);
        foundCount += compareValues(highed.uncamelize(node.meta.ns).toLowerCase(), str);
        if (node.meta.description) foundCount += compareValues(highed.uncamelize(node.meta.description).toLowerCase(), str);
  
        if (foundCount > 0) {
          searchResults.push({
            name: highed.uncamelize(node.meta.name),
            rawName: node.meta.name,
            parents: (node.meta.ns.split('.')).map(function(e){ return highed.uncamelize(e); }),
            rawParent: (parent === null ? node.meta.name : parent.meta.ns + parent.meta.name),
            foundCount: foundCount,
            ns: node.meta.ns
          }); 
        }
        if (node.children && node.children.length > 0) {
          search(node.children, node, str);
        }
      }
    }
  
    highed.dom.on(searchInput, 'keyup', function(e) {
        highed.dom.style(loading, {
          opacity: 1
        });
      clearTimeout(timeout);
      timeout = setTimeout(function () {
        const optionsAdvanced = highed.meta.optionsAdvanced.children,
        searchArray = searchInput.value.toLowerCase().split(' ');
  
        searchResults = [];
        optionsAdvanced.forEach(function(child) {
          search(child, null, searchArray);
        });
  
        resetDOM();
      }, 500);
    });
  
    function hide() {
      highed.dom.style(container, {
        display: 'none'
      });
    }
  
    function show() {
      highed.dom.style(container, {
        display: 'block'
      });
    }
  
    highed.dom.ap(body, header);
  
    function firstToLowerCase( str ) {
      return str.substr(0, 1).toLowerCase() + str.substr(1);
    }
  
  
    function highlight(input) {
      input.classList += ' active-highlight';
      setTimeout(function() {
        if (input) input.classList.remove('active-highlight');
      }, 2000);
    }
  
    function resetDOM() {
      searchResultContainer.innerHTML = '';
      searchResults.sort(function(a,b) {return (a.foundCount < b.foundCount) ? 1 : ((b.foundCount < a.foundCount) ? -1 : 0);} ); 
      searchResults.forEach(function(result, i) {
        if (i > 50) return;
        const resultContainer = highed.dom.cr('div', 'highed-searchadvancedoptions-result-container'),
              resultTitle = highed.dom.cr('div', 'highed-searchadvancedoptions-result-title', result.name),
              resultParents = highed.dom.cr('div', 'highed-searchadvancedoptions-result-parents', result.parents.join(' <i class="fa fa-circle highed-parent-splitter" aria-hidden="true"></i> '));
        
        highed.dom.on(resultContainer, 'click', function() {
  
          const parents = result.parents,
                time = 500;
          var link = '';
          
          for(var i=0; i<parents.length; i++) {
            setTimeout(function(parent) {
              link += (link !== '' ? "." : '') + firstToLowerCase(parent).replace(' ', '');
              var element = document.getElementById(link);
              if (element) {
                element.click();
              }
            }, time * i, parents[i]);
          }
  
          setTimeout(function(parent) {
            var input = document.getElementById(parent.rawName + '_container');
            if (input){
              input.scrollIntoView({
                block: 'end'
              });
              highlight(input);
            } else {
              //Probably a menu option
              input = document.getElementById(link + '.' + parent.rawName);
              if (input) {
                highlight(input);
              }
            }
          }, (time * parents.length) + 100, result);
        });
  
        highed.dom.ap(resultContainer, resultTitle, resultParents);
        highed.dom.ap(searchResultContainer, resultContainer);
      });
      
      highed.dom.style(loading, {
        opacity: 0
      });
  
    }
  
    highed.dom.ap(inputContainer, searchInput);
    highed.dom.ap(body, labels, inputContainer, searchResultContainer);
    
    highed.dom.ap(body, loading);
  
    highed.dom.ap(parent, highed.dom.ap(container, bar, body));
  
    return {
      on: events.on,
      hide: hide,
      show: show,
      resize: resize,
      setOptions: setOptions
    };
  };
  
  /******************************************************************************
  
  Copyright (c) 2016-2018, Highsoft
  
  Permission is hereby granted, free of charge, to any person obtaining
  a copy of this software and associated documentation files (the
  "Software"), to deal in the Software without restriction, including
  without limitation the rights to use, copy, modify, merge, publish,
  distribute, sublicense, and/or sell copies of the Software, and to
  permit persons to whom the Software is furnished to do so, subject to
  the following conditions:
  
  The above copyright notice and this permission notice shall be
  included in all copies or substantial portions of the Software.
  
  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
  EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
  MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
  IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY
  CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT,
  TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
  SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
  
  ******************************************************************************/
  
  // @format
  
  highed.HelpModal = function(items) {
    var active = false,
      nav = highed.dom.cr('div', 'highed-help-nav'),
      body = highed.dom.cr('div'),
      counter = highed.dom.cr('div', 'highed-help-counter'),
      modal = highed.OverlayModal(false, {
        width: 600,
        height: 600
      });
  
    items.forEach(function(item, i) {
      var container = highed.dom.cr('div'),
        heading = highed.dom.cr('div', 'highed-modal-title highed-help-toolbar', item.title),
        gif = highed.dom.cr('div', 'highed-help-gif'),
        desc = highed.dom.cr('div', 'highed-scrollbar highed-help-desc'),
        activate = highed.dom.cr('span', 'highed-icon fa fa-circle-o');
  
      if (highed.isArr(item.description)) {
        item.description = item.description.join(' ');
      }
  
      desc.innerHTML = item.description;
      if (item.gif) {
        item.gif = highed.option('helpImgPath') + item.gif;
  
        highed.dom.style(gif, {
          'background-image': 'url("' + item.gif + '")'
        });
      } else {
        highed.dom.style(gif, { display: 'none' });
      }
  
      function makeActive() {
        if (active) {
          active.className = 'highed-icon fa fa-circle-o';
        }
  
        body.innerHTML = '';
        activate.className = 'highed-icon fa fa-circle';
        highed.dom.ap(body, container);
        active = activate;
  
        counter.innerHTML = i + 1 + '/' + items.length;
      }
  
      highed.dom.on(activate, 'click', makeActive);
  
      highed.dom.ap(container, heading, gif, desc);
  
      highed.dom.ap(nav, activate);
  
      if (i === 0) {
        makeActive();
      }
    });
  
    if (items.length < 2) {
      highed.dom.style([nav, counter], {
        display: 'none'
      });
    }
  
    highed.dom.ap(modal.body, body, nav, counter);
  
    return {
      show: modal.show
    };
  };
  
  /*
  
  Highcharts Editor v<%= version %>
  
  Copyright (c) 2016-2018, Highsoft
  
  Permission is hereby granted, free of charge, to any person obtaining
  a copy of this software and associated documentation files (the
  "Software"), to deal in the Software without restriction, including
  without limitation the rights to use, copy, modify, merge, publish,
  distribute, sublicense, and/or sell copies of the Software, and to
  permit persons to whom the Software is furnished to do so, subject to
  the following conditions:
  
  The above copyright notice and this permission notice shall be
  included in all copies or substantial portions of the Software.
  
  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
  EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
  MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
  IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY
  CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT,
  TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
  SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
  
  */
  
  // @format
  
  highed.meta.optionsExtended = {
    options: {
      'option.cat.chart': [
        {
          text: 'option.subcat.dimension',
          dropdown: true,
          group: 1,
          options: [
            {
              id: 'chart--width',
              custom: {
                minValue: 50,
                maxValue: 5000,
                step: 10
              },
              pid: 'chart.width',
              dataType: 'number',
              context: 'General',
              defaults: 'null',
              parent: 'chart'
            },
            {
              id: 'chart--height',
              custom: {
                minValue: 50,
                maxValue: 5000,
                step: 10
              },
              pid: 'chart.height',
              dataType: 'number',
              context: 'General',
              defaults: 'null',
              parent: 'chart'
            }
          ]
        },
        {
          text: 'option.subcat.title',
          dropdown: true,
          group: 1,
          options: [
            {
              id: 'title--text',
              pid: 'title.text',
              dataType: 'string',
              context: 'General',
              defaults: 'Chart title',
              parent: 'title',
              width: 50
            },
            {
              id: 'subtitle--text',
              pid: 'subtitle.text',
              dataType: 'string',
              context: 'General',
              parent: 'subtitle',
              width: 50
            },
            {
              id: 'title--style',
              dataType: 'font',
              pid: 'title.style',
              context: 'General',
              defaults: '{ "color": "#333333", "fontSize": "18px" }',
              parent: 'title'
            },
            {
              id: 'subtitle--style',
              dataType: 'font',
              pid: 'subtitle.style',
              context: 'General',
              defaults: '{ "color": "#666666", "fontSize": "12px" }',
              parent: 'subtitle'
            }
          ]
        },
        {
          text: 'option.subcat.appearance',
          dropdown: true,
          options: [
            {
              header: true,
              pid: 'option.subcat.chartarea',
              width: 100,
              id: 'chartarea-header',
              dataType: 'header',
            },
            {
              id: 'chart--backgroundColor',
              pid: 'chart.backgroundColor',
              dataType: 'color',
              context: 'General',
              defaults: '#FFFFFF',
              parent: 'chart',
              width:50
            },
            {
              id: 'chart--borderColor',
              pid: 'chart.borderColor',
              dataType: 'color',
              context: 'General',
              defaults: '#335cad',
              parent: 'chart',
              width: 50
            },
            {
              id: 'chart--borderWidth',
              custom: {
                minValue: 0
              },
              pid: 'chart.borderWidth',
              dataType: 'number',
              context: 'General',
              defaults: '0',
              parent: 'chart',
              width: 50
            },
            {
              id: 'chart--borderRadius',
              custom: {
                minValue: 0
              },
              pid: 'chart.borderRadius',
              dataType: 'number',
              context: 'General',
              defaults: '0',
              parent: 'chart',
              width: 50
            }, 
            {
              header: true,
              pid: 'option.subcat.plotarea',
              width: 100,
              id: 'plotarea-header',
              dataType: 'header',
            },
            {
              id: 'chart--plotBackgroundColor',
              pid: 'chart.plotBackgroundColor',
              dataType: 'color',
              context: 'General',
              parent: 'chart',
              width: 38
            },
            {
              id: 'chart--plotBorderWidth',
              pid: 'chart.plotBorderWidth',
              dataType: 'number',
              context: 'General',
              defaults: '0',
              parent: 'chart',
              width: 31
            },
            {
              id: 'chart--plotBorderColor',
              pid: 'chart.plotBorderColor',
              dataType: 'color',
              context: 'General',
              defaults: '#cccccc',
              parent: 'chart',
              width: 31
            },
            {
              id: 'chart--plotBackgroundImage',
              pid: 'chart.plotBackgroundImage',
              dataType: 'string',
              context: 'General',
              parent: 'chart'
            },
            {
              id: 'colors',
              pid: 'colors',
              dataType: 'array<color>',
              context: 'General',
              defaults:
                '[ "#7cb5ec" , "#434348" , "#90ed7d" , "#f7a35c" , "#8085e9" , "#f15c80" , "#e4d354" , "#2b908f" , "#f45b5b" , "#91e8e1"]'
            }
          ]
        },
        {
          text: 'option.subcat.tooltip',
          dropdown: true,
          options: [         
            {
              id: 'tooltip--enabled',
              pid: 'tooltip.enabled',
              dataType: 'boolean',
              context: 'General',
              defaults: 'true',
              parent: 'tooltip',
              width: 50
            },
            {
              id: 'tooltip--shared',
              pid: 'tooltip.shared',
              dataType: 'boolean',
              context: 'General',
              defaults: 'false',
              parent: 'tooltip',
              width: 50
            },          
            {
              id: 'tooltip--backgroundColor',
              pid: 'tooltip.backgroundColor',
              dataType: 'color',
              context: 'General',
              defaults: 'rgba(247,247,247,0.85)',
              parent: 'tooltip',
              width: 50
            },
            {
              id: 'tooltip--borderWidth',
              custom: {
                minValue: 0
              },
              pid: 'tooltip.borderWidth',
              dataType: 'number',
              context: 'General',
              defaults: '1',
              parent: 'tooltip',
              width: 50
            },
            {
              id: 'tooltip--borderRadius',
              custom: {
                minValue: 0
              },
              pid: 'tooltip.borderRadius',
              dataType: 'number',
              context: 'General',
              defaults: '3',
              parent: 'tooltip',
              width: 50
            },
            {
              id: 'tooltip--borderColor',
              pid: 'tooltip.borderColor',
              dataType: 'color',
              context: 'General',
              defaults: 'null',
              parent: 'tooltip',
              width: 50
            },
            {
              id: 'tooltip--valueSuffix',
              pid: 'tooltip.valueSuffix',
              dataType: 'string',
              context: 'General',
              defaults: '',
              parent: 'tooltip',
              width: 98
            }
          ]
        },
        {
          text: 'option.subcat.interaction',
          dropdown: true,
          group: 2,
          options: [
            {
              id: 'chart--zoomType',
              pid: 'chart.zoomType',
              dataType: 'string',
              context: 'General',
              parent: 'chart',
              values: '[null, "x", "y", "xy"]'
            },
            {
              id: 'chart--polar',
              pid: 'chart.polar',
              dataType: 'boolean',
              context: 'General',
              defaults: 'false',
              parent: 'chart'
            },
            {
              id: 'plotOptions--series--states--inactive--opacity',
              pid: 'plotOptions.series.states.inactive.opacity',
              dataType: 'number',
              context: 'General',
              defaults: '0.2',
              parent: 'chart'
            }
          ]
        },
        {
          text: 'option.subcat.credit',
          dropdown: true,
          group: 2,
          warning: [1],
          options: [
            {
              id: 'credits--enabled',
              pid: 'credits.enabled',
              dataType: 'boolean',
              context: 'General',
              defaults: 'true',
              parent: 'credits',
              warning: [1]
            },
            {
              id: 'credits--text',
              pid: 'credits.text',
              dataType: 'string',
              context: 'General',
              defaults: 'Highcharts.com',
              parent: 'credits',
              warning: [1]
            },
            {
              id: 'credits--href',
              pid: 'credits.href',
              dataType: 'string',
              context: 'General',
              defaults: 'http://www.highcharts.com',
              parent: 'credits',
              warning: [1]
            }
          ]
        }
      ],
      'option.cat.axes': [
        {
          text: 'option.subcat.xaxis',
          dropdown: true,
          options: [          
          {
            id: 'xAxis-title--style',
            dataType: 'font',
            dataIndex: 0,
            pid: 'xAxis.title.style',
            context: 'General',
            defaults: '{ "color": "#666666" }',
            parent: 'xAxis-title'
          },
          {
            id: 'xAxis-title--text',
            dataIndex: 0,
            pid: 'xAxis.title.text',
            dataType: 'string',
            context: 'General',
            parent: 'xAxis-title',
            width: 50
          },
          {
            id: 'xAxis-labels--format',
            dataIndex: 0,
            pid: 'xAxis.labels.format',
            dataType: 'string',
            context: 'General',
            defaults: '{value}',
            parent: 'xAxis-labels',
            width: 50
          },
          {
            id: 'xAxis--type',
            dataIndex: 0,
            pid: 'xAxis.type',
            dataType: 'string',
            context: 'General',
            defaults: 'linear',
            parent: 'xAxis',
            values: '["linear", "logarithmic", "datetime", "category"]'
          },
          {
            id: 'xAxis--opposite',
            dataIndex: 0,
            pid: 'xAxis.opposite',
            dataType: 'boolean',
            context: 'General',
            defaults: 'false',
            parent: 'xAxis',
            width: 50
          },
          {
            id: 'xAxis--reversed',
            dataIndex: 0,
            pid: 'xAxis.reversed',
            dataType: 'boolean',
            context: 'General',
            defaults: 'false',
            parent: 'xAxis',
            width: 50
          }
  
          ]
        },
        {
          text: 'option.subcat.yaxis',
          dropdown: true,
          options: [          
            {
              id: 'yAxis-title--style',
              dataType: 'font',
              dataIndex: 0,
              pid: 'yAxis.title.style',
              context: 'General',
              defaults: '{ "color": "#666666" }',
              parent: 'yAxis-title'
            },
            {
              id: 'yAxis-title--text',
              dataIndex: 0,
              pid: 'yAxis.title.text',
              dataType: 'string',
              context: 'General',
              defaults: 'Values',
              parent: 'yAxis-title',
              width: 50
            },
            {
              id: 'yAxis--type',
              dataIndex: 0,
              pid: 'yAxis.type',
              dataType: 'string',
              context: 'General',
              defaults: 'linear',
              parent: 'yAxis',
              values: '["linear", "logarithmic", "datetime", "category"]',
              width: 50
            },
            {
              id: 'yAxis-labels--format',
              dataIndex: 0,
              pid: 'yAxis.labels.format',
              dataType: 'string',
              context: 'General',
              defaults: '{value}',
              parent: 'yAxis-labels',
              width: 100
            },
            {
              id: 'yAxis--opposite',
              dataIndex: 0,
              pid: 'yAxis.opposite',
              dataType: 'boolean',
              context: 'General',
              defaults: 'false',
              parent: 'yAxis',
              width: 50
            },
            {
              id: 'yAxis--reversed',
              dataIndex: 0,
              pid: 'yAxis.reversed',
              dataType: 'boolean',
              context: 'General',
              defaults: 'false',
              parent: 'yAxis',
              width: 50
            }
          ]
        }
      ],
      'option.cat.series': [
        {
          id: 'series',
          array: true,
          text: 'option.cat.series',
          controlledBy: {
            title: 'Select Series',
            options: 'series',
            optionsTitle: 'name'
          },
          filteredBy: 'series--type',
          options: [
            {
              id: 'series--type',
              pid: 'series.type',
              dataType: 'string',
              context: 'General',
              parent: 'series<treemap>',
              values:
                '[null, "line", "spline", "column", "area", "areaspline", "pie", "arearange", "areasplinerange", "boxplot", "bubble", "columnrange", "errorbar", "funnel", "gauge", "scatter", "waterfall"]',
              subType: [
                'treemap',
                'scatter',
                'line',
                'gauge',
                'heatmap',
                'spline',
                'funnel',
                'areaspline',
                'area',
                'bar',
                'bubble',
                'areasplinerange',
                'boxplot',
                'pie',
                'arearange',
                'column',
                'waterfall',
                'columnrange',
                'pyramid',
                'polygon',
                'solidgauge',
                'errorbar'
              ],
              subTypeDefaults: {},
              width: 50
            },
  
            {
              id: 'series--dashStyle',
              pid: 'series.dashStyle',
              dataType: 'string',
              context: 'General',
              defaults: 'Solid',
              parent: 'series<areasplinerange>',
              values:
                '["Solid", "ShortDash", "ShortDot", "ShortDashDot", "ShortDashDotDot", "Dot", "Dash" ,"LongDash", "DashDot", "LongDashDot", "LongDashDotDot"]',
              subType: [
                'areasplinerange',
                'polygon',
                'areaspline',
                'spline',
                'scatter',
                'area',
                'bubble',
                'arearange',
                'waterfall',
                'line'
              ],
              subTypeDefaults: {
                polygon: 'Solid',
                areaspline: 'Solid',
                spline: 'Solid',
                scatter: 'Solid',
                area: 'Solid',
                bubble: 'Solid',
                arearange: 'Solid',
                waterfall: 'Dot',
                line: 'Solid'
              },
              width: 50
            },
            {
              id: 'series--color',
              pid: 'series.color',
              dataType: 'color',
              context: 'General',
              defaults: 'null',
              parent: 'series<boxplot>',
              subType: [
                'boxplot',
                'column',
                'waterfall',
                'columnrange',
                'heatmap',
                'area',
                'scatter',
                'bar',
                'treemap',
                'arearange',
                'bubble',
                'errorbar',
                'spline',
                'polygon',
                'line',
                'gauge',
                'areaspline',
                'areasplinerange'
              ],
              subTypeDefaults: {
                heatmap: 'null',
                treemap: 'null',
                errorbar: '#000000'
              },
              width: 18
            },
            {
              id: 'series--negativeColor',
              pid: 'series.negativeColor',
              dataType: 'color',
              context: 'General',
              defaults: 'null',
              parent: 'series<gauge>',
              subType: [
                'gauge',
                'arearange',
                'areasplinerange',
                'line',
                'errorbar',
                'boxplot',
                'areaspline',
                'spline',
                'bar',
                'scatter',
                'polygon',
                'bubble',
                'area',
                'column'
              ],
              subTypeDefaults: {
                arearange: 'null',
                areasplinerange: 'null',
                line: 'null',
                errorbar: 'null',
                boxplot: 'null',
                areaspline: 'null',
                spline: 'null',
                bar: 'null',
                scatter: 'null',
                polygon: 'null',
                bubble: 'null',
                area: 'null',
                column: 'null'
              },
              width: 33
            },
            {
              id: 'series-marker--symbol',
              pid: 'series.marker.symbol',
              dataType: 'string',
              context: 'General',
              parent: 'series<bubble>-marker',
              values:
                '[null, "circle", "square", "diamond", "triangle", "triangle-down"]',
              subType: [
                'bubble',
                'polygon',
                'line',
                'scatter',
                'spline',
                'area',
                'areaspline'
              ],
              subTypeDefaults: {},
              width: 49
            },
            {
              id: 'series--colorByPoint',
              pid: 'series.colorByPoint',
              dataType: 'boolean',
              context: 'General',
              defaults: 'false',
              parent: 'series<treemap>',
              subType: [
                'treemap',
                'heatmap',
                'column',
                'errorbar',
                'columnrange',
                'boxplot',
                'bar',
                'waterfall'
              ],
              subTypeDefaults: {
                heatmap: 'false',
                column: 'false',
                errorbar: 'false',
                columnrange: 'false',
                boxplot: 'false',
                bar: 'false',
                waterfall: 'false'
              },
              width: 50
            },
            {
              id: 'series-marker--enabled',
              pid: 'series.marker.enabled',
              dataType: 'boolean',
              context: 'General',
              defaults: 'null',
              parent: 'series<bubble>-marker',
              subType: [
                'bubble',
                'area',
                'scatter',
                'areaspline',
                'spline',
                'polygon',
                'line'
              ],
              subTypeDefaults: {
                area: 'null',
                scatter: 'null',
                areaspline: 'null',
                spline: 'null',
                polygon: 'null',
                line: 'null'
              },
              width: 50
            },
  
            // {
            //   id: 'series-label--enabled',
            //   pid: 'series.label.enabled',
            //   defaults: 'true',
            //   dataType: 'boolean',
            //   subType: [
            //     'line',
            //     'spline',
            //     'area',
            //     'arearange',
            //     'areaspline',
            //     'waterfall',
            //     'areasplinerange'
            //   ],
            //   subTypeDefaults: {}
            // }
  
            // {
            // id: 'series-label--style',
            // pid: 'series.label.style',
            // dataType: 'font'
            // }
          ]
        }
      ],
      'option.cat.export': [
        {
          text: 'option.cat.exporting',
          dropdown: true,
          options: [
            {
              id: 'exporting--enabled',
              pid: 'exporting.enabled',
              dataType: 'boolean',
              context: 'General',
              defaults: 'true',
              parent: 'exporting',
              width: 50
            },      
            {
              id: 'exporting--offlineExporting',
              pid: 'exporting.offlineExporting',
              dataType: 'boolean',
              context: 'General',
              defaults: 'false',
              parent: 'exporting',
              width: 50,
              plugins: [
                'modules/offline-exporting.js'
              ],
              noChange: true
            },
            {
              id: 'exporting--sourceWidth',
              custom: {
                minValue: 10,
                maxValue: 2000,
                step: 10
              },
              pid: 'exporting.sourceWidth',
              dataType: 'number',
              context: 'General',
              parent: 'exporting',
              values: ''
            },
            {
              id: 'exporting--scale',
              custom: {
                minValue: 1,
                maxValue: 4
              },
              pid: 'exporting.scale',
              dataType: 'number',
              context: 'General',
              defaults: '2',
              parent: 'exporting',
              values: ''
            }
          ]
        }
      ],
      'option.cat.legend': [
        {
          text: 'option.subcat.general',
          dropdown: true,
          group: 1,
          options: [
            {
              id: 'legend--enabled',
              pid: 'legend.enabled',
              dataType: 'boolean',
              context: 'General',
              defaults: 'true',
              parent: 'legend'
            },
            {
              id: 'legend--layout',
              pid: 'legend.layout',
              dataType: 'string',
              context: 'General',
              defaults: 'horizontal',
              width: 50,
              parent: 'legend',
              values: '["horizontal", "vertical"]'
            },
            {
              id: 'legend--labelFormat',
              pid: 'legend.labelFormat',
              dataType: 'string',
              context: 'General',
              defaults: '{name}',
              width: 50,
              parent: 'legend',
            }
          ]
        },
        {
          text: 'option.subcat.placement',
          dropdown: true,
          group: 1,
          options: [
            {
              id: 'legend--align',
              pid: 'legend.align',
              dataType: 'string',
              context: 'General',
              defaults: 'center',
              parent: 'legend',
              values: '["left", "center", "right"]',
              width: 50
            },
            {
              id: 'legend--verticalAlign',
              pid: 'legend.verticalAlign',
              dataType: 'string',
              context: 'General',
              defaults: 'bottom',
              parent: 'legend',
              values: '["top", "middle", "bottom"]',
              width: 50
            },
            {
              id: 'legend--floating',
              pid: 'legend.floating',
              dataType: 'boolean',
              context: 'General',
              defaults: 'false',
              parent: 'legend'
            }
          ]
        },
        {
          text: 'option.subcat.legendappearance',
          dropdown: true,
          options: [
            {
              id: 'legend--itemStyle',
              dataType: 'font',
              pid: 'legend.itemStyle',
              context: 'General',
              defaults:
                '{ "color": "#333333", "cursor": "pointer", "fontSize": "12px", "fontWeight": "bold" }',
              parent: 'legend'
            },
            {
              id: 'legend--backgroundColor',
              pid: 'legend.backgroundColor',
              dataType: 'color',
              context: 'General',
              parent: 'legend',
              width: 50
            },
            {
              id: 'legend--borderColor',
              pid: 'legend.borderColor',
              dataType: 'color',
              context: 'General',
              defaults: '#999999',
              parent: 'legend',
              width: 50
            },
            {
              id: 'legend--borderWidth',
              pid: 'legend.borderWidth',
              dataType: 'number',
              context: 'General',
              defaults: '0',
              parent: 'legend',
              width: 50
            },
            {
              id: 'legend--borderRadius',
              pid: 'legend.borderRadius',
              dataType: 'number',
              context: 'General',
              defaults: '0',
              parent: 'legend',
              width: 50
            }
          ]
        }
      ],
      'option.cat.localization': [
        {
          text: 'option.subcat.numberformat',
          dropdown: true,
          group: 1,
          options: [
            {
              id: 'lang--decimalPoint',
              pid: 'lang.decimalPoint',
              dataType: 'string',
              context: 'General',
              defaults: '.',
              parent: 'lang',
              width: 50
            },
            {
              id: 'lang--thousandsSep',
              pid: 'lang.thousandsSep',
              dataType: 'string',
              context: 'General',
              defaults: ' ',
              parent: 'lang',
              width: 50
            }
          ]
        },      
        {
          text: 'option.subcat.zoombutton',
          dropdown: true,
          group: 1,
          options: [
            {
              id: 'lang--resetZoom',
              pid: 'lang.resetZoom',
              dataType: 'string',
              context: 'General',
              defaults: 'Reset zoom',
              parent: 'lang'
            }
          ]
        },
        {
          text: 'option.subcat.exportbutton',
          dropdown: true,
          options: [
            {
              id: 'lang--contextButtonTitle',
              pid: 'lang.contextButtonTitle',
              dataType: 'string',
              context: 'General',
              defaults: 'Chart context menu',
              parent: 'lang',
              values: '',
              width: 50
            },
            {
              id: 'lang--printChart',
              pid: 'lang.printChart',
              dataType: 'string',
              context: 'General',
              defaults: 'Print chart',
              parent: 'lang',
              values: '',
              width: 50
            },
            {
              id: 'lang--downloadPNG',
              pid: 'lang.downloadPNG',
              dataType: 'string',
              context: 'General',
              defaults: 'Download PNG image',
              parent: 'lang',
              width: 50
            },
            {
              id: 'lang--downloadJPEG',
              pid: 'lang.downloadJPEG',
              dataType: 'string',
              context: 'General',
              defaults: 'Download JPEG image',
              parent: 'lang',
              width: 50
            },
            {
              id: 'lang--downloadPDF',
              pid: 'lang.downloadPDF',
              dataType: 'string',
              context: 'General',
              defaults: 'Download PDF document',
              parent: 'lang',
              width: 50
            },
            {
              id: 'lang--downloadSVG',
              pid: 'lang.downloadSVG',
              dataType: 'string',
              context: 'General',
              defaults: 'Download SVG vector image',
              parent: 'lang',
              width: 50
            }
          ]
        }
      ],
    }
  };
  
  /******************************************************************************
  
  Copyright (c) 2016-2018, Highsoft
  
  Permission is hereby granted, free of charge, to any person obtaining
  a copy of this software and associated documentation files (the
  "Software"), to deal in the Software without restriction, including
  without limitation the rights to use, copy, modify, merge, publish,
  distribute, sublicense, and/or sell copies of the Software, and to
  permit persons to whom the Software is furnished to do so, subject to
  the following conditions:
  
  The above copyright notice and this permission notice shall be
  included in all copies or substantial portions of the Software.
  
  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
  EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
  MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
  IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY
  CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT,
  TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
  SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
  
  ******************************************************************************/
  
  // @format
  
  highed.meta.charttype = {
      arearange: {
          'low': {
              'name': "Low",
              'desc': 'The low or minimum value for each data point.',
              'default': 'B',
              'value': 'B',
              'mandatory': true,
              'linkedTo': 'low',
              'rawValue': [1]
          }, 
          'values': null,
          'high': {
              'name': "High",
              'desc': 'The high or maximum value for each data point.',
              'default': 'C',
              'value': 'C',
              'isData': true,
              'mandatory': true,
              'linkedTo': 'high',
              'rawValue': [2]
          }
      },
      boxplot: {
          'low': {
              'name': "Low",
              'desc': 'The low value for each data point, signifying the lowest value in the sample set. The bottom whisker is drawn here.',
              'default': 'B',
              'value': 'B',
              'isData': true,
              'mandatory': true,
              'linkedTo': 'low',
              'rawValue': [1]
          }, 
          'values': null,
          'high': {
              'name': "High",
              'desc': 'The rank for this points data label in case of collision. If two data labels are about to overlap, only the one with the highest labelrank will be drawn.',
              'default': 'C',
              'value': 'C',
              'isData': true,
              'mandatory': true,
              'linkedTo': 'high',
              'rawValue': [2]
          }, 
          'median': {
              'name': "Median",
              'desc': 'The median for each data point. This is drawn as a line through the middle area of the box.',
              'default': 'D',
              'value': 'D',
              'mandatory': true,
              'isData': true,
              'linkedTo': 'median',
              'rawValue': [3]
          }, 
          'q1': {
              'name': "Q1",
              'desc': 'The lower quartile for each data point. This is the bottom of the box.',
              'default': 'E',
              'value': 'E',
              'mandatory': true,
              'multipleValues': false,
              'isData': true,
              'previousValue': null,
              'linkedTo': 'q1',
              'rawValue': [4]
          }, 
          'q3': {
              'name': "Q3",
              'desc': 'The higher quartile for each data point. This is the top of the box.',
              'default': 'F',
              'value': 'F',
              'mandatory': true,
              'isData': true,
              'linkedTo': 'q3',
              'rawValue': [4]
          }
      },
      candlestick: {
          'values': null,
          'close': {
              'name': "Close",
              'desc': 'The closing value of each data point.',
              'default': 'B',
              'value': 'B',
              'mandatory': true,
              'linkedTo': 'close',
              'isData': true,
              'rawValue': [1]
          }, 
          'open': {
              'name': "Open",
              'desc': 'The opening value of each data point.',
              'default': 'C',
              'value': 'C',
              'mandatory': true,
              'isData': true,
              'linkedTo': 'open',
              'rawValue': [2]
          }, 
          'low': {
              'name': "Low",
              'desc': 'The low or minimum value for each data point.',
              'default': 'D',
              'value': 'D',
              'multipleValues': false,
              'previousValue': null,
              'mandatory': true,
              'isData': true,
              'linkedTo': 'low',
              'rawValue': [3]
          }, 
          'high': {
              'name': "High",
              'desc': 'The high or maximum value for each data point.',
              'default': 'E',
              'value': 'E',
              'mandatory': true,
              'isData': true,
              'linkedTo': 'high',
              'rawValue': [4]
          }
      },
      bubble: {
          'values': null,
          'y': {
              'name': "Y",
              'desc': 'Y Position',
              'default': 'B',
              'value': 'B',
              'mandatory': true,
              'isData': true,
              'linkedTo': 'y',
              'rawValue': [1]
          },
          'z': {
              'name': "Z",
              'desc': 'Z Position.',
              'default': 'C',
              'value': 'C',
              'mandatory': true,
              'isData': true,
              'linkedTo': 'z',
              'rawValue': [2]
          }
      },
      columnrange: {
          'values': null,
          'low': {
              'name': "Low",
              'desc': 'The low or minimum value for each data point.',
              'default': 'B',
              'value': 'B',
              'mandatory': true,
              'isData': true,
              'linkedTo': 'low',
              'rawValue': [1]
          },
          'high': {
              'name': "High",
              'desc': 'The high or maximum value for each data point.',
              'default': 'C',
              'value': 'C',
              'mandatory': true,
              'isData': true,
              'linkedTo': 'high',
              'rawValue': [2]
          }
      },
  };
  
  /******************************************************************************
  
  Copyright (c) 2016-2018, Highsoft
  
  Permission is hereby granted, free of charge, to any person obtaining
  a copy of this software and associated documentation files (the
  "Software"), to deal in the Software without restriction, including
  without limitation the rights to use, copy, modify, merge, publish,
  distribute, sublicense, and/or sell copies of the Software, and to
  permit persons to whom the Software is furnished to do so, subject to
  the following conditions:
  
  The above copyright notice and this permission notice shall be
  included in all copies or substantial portions of the Software.
  
  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
  EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
  MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
  IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY
  CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT,
  TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
  SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
  
  ******************************************************************************/
  
  // @format
  
  highed.meta.colors = [
    //Red
    '#F44336',
    '#FFEBEE',
    '#FFCDD2',
    '#EF9A9A',
    '#E57373',
    '#EF5350',
    '#F44336',
    '#E53935',
    '#D32F2F',
    '#C62828',
    '#B71C1C',
    '#FF8A80',
    '#FF5252',
    '#FF1744',
    '#D50000',
    //Pink
    '#E91E63',
    '#FCE4EC',
    '#F8BBD0',
    '#F48FB1',
    '#F06292',
    '#EC407A',
    '#E91E63',
    '#D81B60',
    '#C2185B',
    '#AD1457',
    '#880E4F',
    '#FF80AB',
    '#FF4081',
    '#F50057',
    '#C51162',
    //Purple
    '#9C27B0',
    '#F3E5F5',
    '#E1BEE7',
    '#CE93D8',
    '#BA68C8',
    '#AB47BC',
    '#9C27B0',
    '#8E24AA',
    '#7B1FA2',
    '#6A1B9A',
    '#4A148C',
    '#EA80FC',
    '#E040FB',
    '#D500F9',
    '#AA00FF',
    //Deep Purple
    '#673AB7',
    '#EDE7F6',
    '#D1C4E9',
    '#B39DDB',
    '#9575CD',
    '#7E57C2',
    '#673AB7',
    '#5E35B1',
    '#512DA8',
    '#4527A0',
    '#311B92',
    '#B388FF',
    '#7C4DFF',
    '#651FFF',
    '#6200EA',
    //Indigo
    '#3F51B5',
    '#E8EAF6',
    '#C5CAE9',
    '#9FA8DA',
    '#7986CB',
    '#5C6BC0',
    '#3F51B5',
    '#3949AB',
    '#303F9F',
    '#283593',
    '#1A237E',
    '#8C9EFF',
    '#536DFE',
    '#3D5AFE',
    '#304FFE',
    //Blue
    '#2196F3',
    '#E3F2FD',
    '#BBDEFB',
    '#90CAF9',
    '#64B5F6',
    '#42A5F5',
    '#2196F3',
    '#1E88E5',
    '#1976D2',
    '#1565C0',
    '#0D47A1',
    '#82B1FF',
    '#448AFF',
    '#2979FF',
    '#2962FF',
    //Light Blue
    '#03A9F4',
    '#E1F5FE',
    '#B3E5FC',
    '#81D4FA',
    '#4FC3F7',
    '#29B6F6',
    '#03A9F4',
    '#039BE5',
    '#0288D1',
    '#0277BD',
    '#01579B',
    '#80D8FF',
    '#40C4FF',
    '#00B0FF',
    '#0091EA',
    //Cyan
    '#00BCD4',
    '#E0F7FA',
    '#B2EBF2',
    '#80DEEA',
    '#4DD0E1',
    '#26C6DA',
    '#00BCD4',
    '#00ACC1',
    '#0097A7',
    '#00838F',
    '#006064',
    '#84FFFF',
    '#18FFFF',
    '#00E5FF',
    '#00B8D4',
    //Teal
    '#009688',
    '#E0F2F1',
    '#B2DFDB',
    '#80CBC4',
    '#4DB6AC',
    '#26A69A',
    '#009688',
    '#00897B',
    '#00796B',
    '#00695C',
    '#004D40',
    '#A7FFEB',
    '#64FFDA',
    '#1DE9B6',
    '#00BFA5',
    //Green
    '#4CAF50',
    '#E8F5E9',
    '#C8E6C9',
    '#A5D6A7',
    '#81C784',
    '#66BB6A',
    '#4CAF50',
    '#43A047',
    '#388E3C',
    '#2E7D32',
    '#1B5E20',
    '#B9F6CA',
    '#69F0AE',
    '#00E676',
    '#00C853',
    //Light Green
    '#8BC34A',
    '#F1F8E9',
    '#DCEDC8',
    '#C5E1A5',
    '#AED581',
    '#9CCC65',
    '#8BC34A',
    '#7CB342',
    '#689F38',
    '#558B2F',
    '#33691E',
    '#CCFF90',
    '#B2FF59',
    '#76FF03',
    '#64DD17',
    //Lime
    '#CDDC39',
    '#F9FBE7',
    '#F0F4C3',
    '#E6EE9C',
    '#DCE775',
    '#D4E157',
    '#CDDC39',
    '#C0CA33',
    '#AFB42B',
    '#9E9D24',
    '#827717',
    '#F4FF81',
    '#EEFF41',
    '#C6FF00',
    '#AEEA00',
    //Yellow
    '#FFEB3B',
    '#FFFDE7',
    '#FFF9C4',
    '#FFF59D',
    '#FFF176',
    '#FFEE58',
    '#FFEB3B',
    '#FDD835',
    '#FBC02D',
    '#F9A825',
    '#F57F17',
    '#FFFF8D',
    '#FFFF00',
    '#FFEA00',
    '#FFD600',
    //Amber
    '#FFC107',
    '#FFF8E1',
    '#FFECB3',
    '#FFE082',
    '#FFD54F',
    '#FFCA28',
    '#FFC107',
    '#FFB300',
    '#FFA000',
    '#FF8F00',
    '#FF6F00',
    '#FFE57F',
    '#FFD740',
    '#FFC400',
    '#FFAB00',
    //Orange
    '#FF9800',
    '#FFF3E0',
    '#FFE0B2',
    '#FFCC80',
    '#FFB74D',
    '#FFA726',
    '#FF9800',
    '#FB8C00',
    '#F57C00',
    '#EF6C00',
    '#E65100',
    '#FFD180',
    '#FFAB40',
    '#FF9100',
    '#FF6D00',
    //Deep Orange
    '#FF5722',
    '#FBE9E7',
    '#FFCCBC',
    '#FFAB91',
    '#FF8A65',
    '#FF7043',
    '#FF5722',
    '#F4511E',
    '#E64A19',
    '#D84315',
    '#BF360C',
    '#FF9E80',
    '#FF6E40',
    '#FF3D00',
    '#DD2C00',
    //Brown
    '#795548',
    '#EFEBE9',
    '#D7CCC8',
    '#BCAAA4',
    '#A1887F',
    '#8D6E63',
    '#795548',
    '#6D4C41',
    '#5D4037',
    '#4E342E',
    '#3E2723',
    '#3E2723',
    '#3E2723',
    '#3E2723',
    '#3E2723',
    //Grey
    '#9E9E9E',
    '#FAFAFA',
    '#F5F5F5',
    '#EEEEEE',
    '#E0E0E0',
    '#BDBDBD',
    '#9E9E9E',
    '#757575',
    '#616161',
    '#424242',
    '#212121',
    '#212121',
    '#212121',
    '#212121',
    //Blue Grey
    '#607D8B',
    '#ECEFF1',
    '#CFD8DC',
    '#B0BEC5',
    '#90A4AE',
    '#78909C',
    '#607D8B',
    '#546E7A',
    '#455A64',
    '#37474F',
    '#37474F',
    '#37474F',
    '#37474F',
    '#263238'
  ];
  
  /******************************************************************************
  
  Copyright (c) 2016-2018, Highsoft
  
  Permission is hereby granted, free of charge, to any person obtaining
  a copy of this software and associated documentation files (the
  "Software"), to deal in the Software without restriction, including
  without limitation the rights to use, copy, modify, merge, publish,
  distribute, sublicense, and/or sell copies of the Software, and to
  permit persons to whom the Software is furnished to do so, subject to
  the following conditions:
  
  The above copyright notice and this permission notice shall be
  included in all copies or substantial portions of the Software.
  
  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
  EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
  MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
  IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY
  CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT,
  TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
  SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
  
  ******************************************************************************/
  
  // @format
  
  highed.meta.fonts = [
    'Default',
    //'"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif',
    'Courier',
    'Arial',
    'Verdana',
    'Georgia',
    'Palatino Linotype',
    'Times New Roman',
    'Comic Sans MS',
    'Impact',
    'Lucida Sans Unicode',
    'Tahoma',
    'Lucida Console',
    'Courier New',
    'Monaco',
    'Monospace'
  ];
  
  /******************************************************************************
  
  Copyright (c) 2016-2018, Highsoft
  
  Permission is hereby granted, free of charge, to any person obtaining
  a copy of this software and associated documentation files (the
  "Software"), to deal in the Software without restriction, including
  without limitation the rights to use, copy, modify, merge, publish,
  distribute, sublicense, and/or sell copies of the Software, and to
  permit persons to whom the Software is furnished to do so, subject to
  the following conditions:
  
  The above copyright notice and this permission notice shall be
  included in all copies or substantial portions of the Software.
  
  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
  EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
  MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
  IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY
  CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT,
  TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
  SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
  
  ******************************************************************************/
  
  highed.highchartsErrors = {
    // Plotting zero or subzero value on a log axis
    10: {
      title: "Can't plot zero or subzero values on a logarithmic axis",
      text:
        'This error occurs in the following situations:<ul><li>If a zero or subzero data value is added to a logarithmic axis</li><li>If the minimum of a logarithimic axis is set to 0 or less</li><li>If the threshold is set to 0 or less</li></ul>As of Highcharts 5.0.8 it is possible to bypass this error message by setting <code>Axis.prototype.allowNegativeLog</code> to<code>true</code> and add custom conversion functions. <ahref="http://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/samples/highcharts/yaxis/type-log-negative/">View live demo</a>.'
    },
    // Can't link axes of different types
    11: { title: "Can't link axes of different type", text: 'This error occurs if you are using the linkedTo option to link two axes of different types, for example a logarithmic axis to a linear axis.' },
    // series.data needs to be arrays or numbers when in turbo mode
    12: {
      title:
        'Highcharts expects point configuration to be numbers or arrays in turbo mode',
      text: 'This error occurs if the series data option contains object configurations and the number of points exceeds the turboThreshold. It can be fixed by either setting the turboThreshold option to a higher value'
    },
    // Rendering div not found
    13: { title: 'Rendering div not found', text: 'Highcharts cannot find a parent to render to' },
    // Expected number, got string
    14: { title: 'String value sent to series.data, expected Number', text: 'Highcharts expects there to be a number in the column you just entered. Please change this to a number to continue' },
    // Expected sorted data, got non-sorted
    15: {
      title: 'Highcharts expects data to be sorted',
      text: 'The data passed to your chart needs to be sorted. If you\'re using the datagrid, you can sort your data by clicking the arrow in the x-axis column header, and selecting "Sort Ascending".'
    },
    // Highcharts already defined
    16: { title: 'Highcharts already defined in the page', text: 'Highcharts has already been defined in the page. Keep in mind that all features of Highcharts are included in Highstock' },
    // Requested type doesn't exist
    17: { title: 'The requested series type does not exist', text: 'This error happens when you are setting chart.type or series.type to a series type that isnt defined in Highcharts.' },
    // Requested axis doesn't exist
    18: {
      title: 'The requested axis does not exist',
      text:
        'Make sure that your only references existing axis in the series properties.'
    },
    // Too many ticks (use bug spray) <- ¬_¬
    19: { title: 'Too many ticks', text: 'This error happens when you try to apply too many ticks to an axis, specifically when you add more ticks than the axis pixel length.' },
    // Can't add point config to a long data series
    20: {
      title: "Can't add object point configuration to a long data series",
      text: 'In Highstock, if you try to add a point using the object literal configuration syntax, it works only when the number of data points is below the series turboThreshold. Instead of the object syntax, use the Array syntax.'
    },
    // Can't find Proj4js library
    21: { title: "Can't find Proj4js library", text: 'Using latitude/longitude functionality in Highmaps requires the Proj4js library to be loaded.' },
    // Map does not support lat/long
    22: { title: 'Map does not support latitude/longitude', text: 'The loaded map does not support latitude/longitude functionality. This is only supported with maps from the official Highmaps map collection from version 1.1.0 onwards. If you are using a custom map, consider using the Proj4js library to convert between projections.' },
    // Unsupported color format used for color
    23: {
      title: 'Unsupported color format used for color interpolation',
      text: 'Highcharts supports three color formats primarily: hex (#FFFFFF), rgb (rgba(255,255,255) and rgba (rgba(255,255,255,1).'
    },
    // Cannot run Point.update on a grouped point
    24: { title: 'Cannot run Point.update on a grouped point', text: 'This happens in Highstock when a point is grouped by data grouping, so there is no reference to the raw points.' },
    // Can't find moment.js
    25: { title: "Can't find Moment.js library", text: 'Using the global.timezone option requires the Moment.js library to be loaded.' },
    // WebGL not supported
    26: {
      title: 'WebGL not supported, and no fallback module included',
      text: 'This happens when your browser does not support WebGL, and the canvas fallback module (boost-canvas.js) has not been included OR if the fallback module was included after the boost module.'
    },
    // Browser does not support SVG
    27: { title: 'This browser does not support SVG.', text: 'This happens in old IE when the oldie.js module is not loaded.' }
  };
  
  /******************************************************************************
  
  Copyright (c) 2016-2018, Highsoft
  
  Permission is hereby granted, free of charge, to any person obtaining
  a copy of this software and associated documentation files (the
  "Software"), to deal in the Software without restriction, including
  without limitation the rights to use, copy, modify, merge, publish,
  distribute, sublicense, and/or sell copies of the Software, and to
  permit persons to whom the Software is furnished to do so, subject to
  the following conditions:
  
  The above copyright notice and this permission notice shall be
  included in all copies or substantial portions of the Software.
  
  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
  EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
  MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
  IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY
  CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT,
  TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
  SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
  
  ******************************************************************************/
  
  // @format
  
  /** UI for selecting a chart template from the ones defined in meta/highed.meta.charts.js
   *
   *  @example
   *  var picker = highed.ChartTemplateSelector(document.body);
   *  picker.on('Select', function (template) {
   *      console.log('Selected new template:', template);
   *  });
   *
   *  @constructor
   *
   *  @param parent {domnode} - the parent to attach the selector to
   *
   *  @emits Select - when selecting a template
   *    > {object} - the template definition
   *  @emits Hover - when hovering a template
   *    > {object} - the template definition
   */
  highed.ChartTemplateSelector = function(parent, chartPreview) {
    var events = highed.events(),
      container = highed.dom.cr('div', 'highed-chart-templates'),
      //splitter = highed.HSplitter(container, { leftWidth: 30 }),
      //list = highed.List(splitter.left),
      //templates = splitter.right,
      templates = highed.dom.cr('div', 'highed-chart-template-type-container'),
      catNode = highed.dom.cr('div', 'highed-chart-template-cat-desc'),
      selected = false,
      templateTypeSelect = highed.DropDown(container, null, {
        area: highed.resources.icons.area,
        line: highed.resources.icons.line,
        bar: highed.resources.icons.bar,
        column: highed.resources.icons.column,
        more: highed.resources.icons.more,
        pie: highed.resources.icons.pie,
        polar: highed.resources.icons.polar,
        stock: highed.resources.icons.stock,
        'scatter and bubble': highed.resources.icons['scatter and bubble']
      }),
      detailValue;
  
    
    highed.dom.ap(parent, highed.dom.ap(container, templates));
    //splitter.right.className += ' highed-chart-template-frame';
  
    ///////////////////////////////////////////////////////////////////////////
  
    function createSampleBtn(target, sample) {
      var btn,
        dset = highed.samples.get(sample);
  
      if (!dset) {
        return;
      }
  
      btn = sampleBtn = highed.dom.cr('div', 'highed-ok-button', dset.title);
  
      highed.dom.on(btn, 'click', function() {
        if (
          confirm(
            'You are about to load the ' +
              dset.title +
              ' sample set. This will purge any existing data in the chart. Continue?'
          )
        ) {
          events.emit('LoadDataSet', dset);
        }
      });
  
      highed.dom.ap(target, btn);
    }
  
    function buildCatMeta(catmeta) {
      var title = highed.dom.cr('h3', '', catmeta.id),
        desc = highed.dom.cr('div'),
        samples = highed.dom.cr('div');
  
      desc.innerHTML = highed.isArr(catmeta.description)
        ? catmeta.description.join('<br/><br/>')
        : catmeta.description || '';
  
      if (catmeta.samples && catmeta.samples.length > 0) {
        highed.dom.ap(samples, highed.dom.cr('h4', '', 'Sample Data Sets'));
  
        catmeta.samples.forEach(function(sample) {
          createSampleBtn(samples, sample);
        });
      }
  
      highed.dom.ap(title, desc, samples);
    }
  
    function showTemplates(templateList, masterID, catmeta) {
      var compatible = 0;
  
      templates.innerHTML = '';
      catNode.innerHTML = '';
  
      if (catmeta) {
        buildCatMeta(catmeta);
      }
  
      highed.dom.ap(templates);
  
      Object.keys(templateList).forEach(function(key) {
        var t = templateList[key],
          node = highed.dom.cr('div', 'highed-chart-template-container highed-template-tooltip'),
          body = highed.dom.cr('div', 'highed-chart-template-body'),
          preview = highed.dom.cr('div', 'highed-chart-template-thumbnail'),
          titleBar = highed.dom.cr('div', 'highed-tooltip-text', t.title),
          description = highed.dom.cr('div', 'highed-chart-template-description'),
          samples = highed.dom.cr('div', 'highed-chart-template-samples');
  
        if (t.validator) {
          if (!highed.validators.validate(t.validator, chartPreview || false)) {
            return;
          }
        }
  
        compatible++;
  
        (highed.isArr(t.sampleSets)
          ? t.sampleSets
          : (t.sampleSets || '').split('.')
        ).forEach(function(sample, i) {
          if (i === 0) {
            highed.dom.ap(samples, highed.dom.cr('h4', '', 'Sample Data Sets'));
          }
  
          createSampleBtn(samples, sample);
        });
  
        description.innerHTML = highed.isArr(t.description)
          ? t.description.join('<br/><br/>')
          : t.description;
  
        if (selected && selected.id === masterID + key + t.title) {
          node.className =
            'highed-chart-template-container highed-chart-template-preview-selected highed-template-tooltip';
          selected.node = node;
        }
  
        if (highed.meta.images && highed.meta.images[t.thumbnail]) {
          highed.dom.style(preview, {
            'background-image':
              'url("data:image/svg+xml;utf8,' +
              highed.meta.images[t.thumbnail] +
              '")'
          });
        } else {
          highed.dom.style(preview, {
            'background-image':
              'url(' + highed.option('thumbnailURL') + t.thumbnail + ')'
          });
        }
  
        highed.dom.on(node, 'click', function() {
          if (selected) {
            selected.node.className = 'highed-chart-template-container highed-template-tooltip';
          }
  
          node.className =
            'highed-chart-template-container highed-chart-template-preview-selected highed-template-tooltip';
  
          selected = {
            id: masterID + key + t.title,
            node: node
          };
  
          // If this is a map, we need to include the map collection
          if (t.constructor === 'Map') {
            var loadedSeries = 0;
  
            (t.config.series || []).forEach(function(series) {
              function incAndCheck() {
                loadedSeries++;
                if (loadedSeries === t.config.series.length) {
                  events.emit('Select', t);
                }
              }
  
              if (series.mapData) {
                if (highed.isStr(series.mapData)) {
                  highed.include(
                    'https://code.highcharts.com/mapdata/' +
                      series.mapData +
                      '.js',
                    function() {
                      series.mapData = Highcharts.maps[series.mapData];
                      incAndCheck();
                    }
                  );
                } else {
                  incAndCheck();
                }
              } else {
                incAndCheck();
              }
            });
          } else {
            t.header =  templateTypeSelect.getSelectedItem().title();
            events.emit('Select', highed.merge({}, t));
          }
  
          highed.emit('UIAction', 'TemplateChoose', t.title);
        });
  
        highed.dom.ap(
          templates,
          highed.dom.ap(
            node,
            preview,
            titleBar/*,
            highed.dom.ap(
              body,
              titleBar//,
              //description,
              // highed.dom.cr('h4', '', 'Sample Data Sets'),
              //samples
            )*/
          )
        );
        
      });
  
      if (compatible === 0) {
        highed.dom.ap(
          templates,
          highed.dom.ap(
            highed.dom.cr('div', 'highed-chart-template-404'),
            highed.dom.cr(
              'h4',
              '',
              'None of the templates in this category fits your dataset.'
            ),
            highed.dom.cr('div', '', catmeta ? catmeta.nofits || '' : '')
          )
        );
      } else {
      }
    }
  
    /* Force a resize */
    function resize(w, h) {
      var lsize;
  
      //splitter.resize(w, h);
      //list.resize();
  /*
      lsize = highed.dom.size(list.container);
      highed.dom.style(templates, {
        minHeight: lsize.h + 'px'
      });*/
    }
  
    /* Build the UI */
    function build() {
      templateTypeSelect.addItems(highed.templates.getCatArray());
      templateTypeSelect.selectByIndex(0); // TODO: Need to change this later
  
      //highed.dom.ap(container, templateTypeSelect);
  
      //list.addItems(highed.templates.getCatArray());
      //list.selectFirst();
    }
  
    function selectSeriesTemplate(index, projectData) {
      const settings = projectData; //projectData.settings && projectData.settings.template;
      var templateHeader, templateTitle;
      if (settings && !settings[index]) {
        templateHeader = 'Line';
        templateTitle = 'Line chart';
      }
      else if (settings && settings[index]) {
        //Select this template
        templateHeader = settings[index].templateHeader;
        templateTitle = settings[index].templateTitle;
      } 
      else return ;
  
      templateTypeSelect.selectById(templateHeader);
      
      var templates = highed.templates.getAllInCat(templateHeader);
      selected = {
        id:  templateHeader + templateTitle + templateTitle
      };
      
      if (templates) {
        showTemplates(templates, templateHeader, highed.templates.getCatInfo(templateHeader));
      }
      
    }
  
    ///////////////////////////////////////////////////////////////////////////
  
    templateTypeSelect.on('Change', function(selected) {
      detailValue = selected.id();
  
      var templates = highed.templates.getAllInCat(detailValue);
  
      highed.emit('UIAction', 'TemplateCatChoose', detailValue);
  
      if (templates) {
        showTemplates(templates, detailValue, highed.templates.getCatInfo(detailValue));
      }
  
    });
  
  /*
    list.on('Select', function(id) {
      var templates = highed.templates.getAllInCat(id);
  
      highed.emit('UIAction', 'TemplateCatChoose', id);
  
      if (templates) {
        showTemplates(templates, id, highed.templates.getCatInfo(id));
      }
    });
  */
    build();
  
    ///////////////////////////////////////////////////////////////////////////
  
    return {
      on: events.on,
      resize: resize,
      rebuild: build,
      selectSeriesTemplate: selectSeriesTemplate
    };
  };
  
  /******************************************************************************
  
  Copyright (c) 2016-2018, Highsoft
  
  Permission is hereby granted, free of charge, to any person obtaining
  a copy of this software and associated documentation files (the
  "Software"), to deal in the Software without restriction, including
  without limitation the rights to use, copy, modify, merge, publish,
  distribute, sublicense, and/or sell copies of the Software, and to
  permit persons to whom the Software is furnished to do so, subject to
  the following conditions:
  
  The above copyright notice and this permission notice shall be
  included in all copies or substantial portions of the Software.
  
  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
  EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
  MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
  IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY
  CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT,
  TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
  SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
  
  ******************************************************************************/
  
  // @format
  
  /** Create an instance of the default context menu
   *  This is shared accross the simple and full editor.
   *  @constructor
   *  @param chartPreview {highed.ChartPreview} - the chart preview for the menu
   */
  highed.DefaultContextMenu = function(chartPreview) {
    var events = highed.events(),
      cmenu = highed.ContextMenu([
        {
          title: highed.getLocalizedStr('previewChart'),
          icon: 'bar-chart',
          click: function() {
            chartPreview.expand();
          }
        },
        '-',
        {
          title: highed.getLocalizedStr('newChart'),
          icon: 'file-o',
          click: function() {
            if (window.confirm(highed.getLocalizedStr('confirmNewChart'))) {
              chartPreview.new();
              events.emit('NewChart');
            }
          }
        },
        '-',
        {
          title: highed.getLocalizedStr('saveProject'),
          icon: 'floppy-o',
          click: function() {
            highed.download('chart.json', chartPreview.toProjectStr());
          }
        },
        {
          title: highed.getLocalizedStr('loadProject'),
          icon: 'folder-open-o',
          click: function() {
            highed.readLocalFile({
              type: 'text',
              accept: '.json',
              success: function(file) {
                try {
                  file = JSON.parse(file.data);
                } catch (e) {
                  return highed.snackBar('Error loading JSON: ' + e);
                }
  
                chartPreview.loadProject(file);
              }
            });
          }
        },
        '-',
        {
          title: 'Save to Cloud',
          icon: 'upload',
          click: function() {
            highed.cloud.save(chartPreview);
          }
        },
        {
          title: highed.getLocalizedStr('loadCloud'),
          icon: 'cloud',
          click: function() {
            highed.cloud.showUI(chartPreview);
          }
        },
        '-',
        {
          title: highed.getLocalizedStr('exportPNG'),
          icon: 'file-image-o',
          click: function() {
            chartPreview.data.export({});
          }
        },
        {
          title: highed.getLocalizedStr('exportJPEG'),
          icon: 'file-image-o',
          click: function() {
            chartPreview.data.export({ type: 'image/jpeg' });
          }
        },
        {
          title: highed.getLocalizedStr('exportSVG'),
          icon: 'file-image-o',
          click: function() {
            chartPreview.data.export({ type: 'image/svg+xml' });
          }
        },
        {
          title: highed.getLocalizedStr('exportPDF'),
          icon: 'file-pdf-o',
          click: function() {
            chartPreview.data.export({ type: 'application/pdf' });
          }
        },
        '-',
        {
          title: highed.getLocalizedStr('help'),
          icon: 'question-circle',
          click: function() {
            window.open(highed.option('helpURL'));
          }
        } //,
        // {
        //     title: highed.getLocalizedStr('licenseInfo'),
        //     icon: 'key',
        //     click: function () {
        //         highed.licenseInfo.show();
        //     }
        // }
      ]);
  
    return {
      on: events.on,
      show: cmenu.show
    };
  };
  
  /******************************************************************************
  
  Copyright (c) 2016-2017, Highsoft
  
  Permission is hereby granted, free of charge, to any person obtaining
  a copy of this software and associated documentation files (the
  "Software"), to deal in the Software without restriction, including
  without limitation the rights to use, copy, modify, merge, publish,
  distribute, sublicense, and/or sell copies of the Software, and to
  permit persons to whom the Software is furnished to do so, subject to
  the following conditions:
  
  The above copyright notice and this permission notice shall be
  included in all copies or substantial portions of the Software.
  
  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
  EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
  MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
  IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY
  CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT,
  TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
  SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
  
  ******************************************************************************/
  
  // @format
  
  /** UI For customizing a chart
   *  @todo there be dragons here.
   *  @example
   *  var chart = highed.ChartCustomizer(document.body, {}, chartPreview);
   *
   *  @constructor
   *
   *  @emits PropertyChange - when a property changes
   *    > {string} - the path of the change
   *    > {anything} - the new value
   *    > {number} - the change array index
   *
   *  @param parent {domnode} - the node to attach the editor to
   *  @param attributes {object} - the attributes
   *    > noAdvanced {bool} - set to true to force disable the advance view
   *    > noCustomCode {bool} - set to true to disable custom code view
   *    > noPreview {bool} - set to true to disable option preview view
   *    > availableSettings {string|array} - whitelist of exposed settings
   *  @param chartPreview {ChartPreview} - the chart preview instance
   */
  highed.ChartCustomizer = function(parent, attributes, chartPreview, planCode) {
    var properties = highed.merge(
        {
          noAdvanced: false,
          noCustomCode: false,
          noPreview: false,
          availableSettings: []
        },
        attributes
      ),
      events = highed.events(),
      advancedLoader = highed.dom.cr(
        'div',
        'highed-customizer-adv-loader',
        '<i class="fa fa-spinner fa-spin fa-3x fa-fw"></i> Loading'
      ),
      tabs = highed.TabControl(parent, false, null, true), //Quck fix for now, will change once design finalised.
      simpleTab = tabs.createTab({
        title: highed.getLocalizedStr('customizeSimple')
      }),
      advancedTab = tabs.createTab({
        title: highed.getLocalizedStr('customizeAdvanced')
      }),
      customCodeTab = tabs.createTab({
        title: highed.getLocalizedStr('customizeCustomCode')
      }),
      outputPreviewTab = tabs.createTab({
        title: highed.getLocalizedStr('customizePreview')
      }),
      previewEditor = highed.dom.cr(
        'textarea',
        'highed-custom-code highed-box-size highed-stretch'
      ),
      previewCodeMirror = false,
      splitter = highed.dom.cr('div', 'highed-box-simple-container'),
      allOptions,
  /*
      splitter = highed.HSplitter(simpleTab.body, {
        leftWidth: 100,
        rightWidth: 100,
        responsive: true
      }),
      */
      list = highed.List(splitter, true, properties, planCode),
      body = highed.dom.cr('div'),//splitter.right,
      advSplitter = highed.HSplitter(advancedTab.body, {
        leftWidth: 30
      }),
      advBody = advSplitter.right,
      advTree = highed.Tree(advSplitter.left),
      flatOptions = {},
      chartOptions = {},
      customCodeSplitter = highed.VSplitter(customCodeTab.body, {
        topHeight: 90
      }),
      customCodeDebug = highed.dom.cr('pre', 'highed-custom-debug'),
      codeMirrorBox = false,
      customCodeBox = highed.dom.cr(
        'textarea',
        'highed-custom-code highed-box-size highed-stretch'
      ),
      highlighted = false;
  
    //If we're on mobile, completely disable the advanced view
    if (highed.onPhone()) {
      properties.noAdvanced = true;
      properties.noCustomCode = true;
      properties.noPreview = true;
    }
  
    body.className += ' highed-customizer-body';
  
    properties.availableSettings = highed.arrToObj(properties.availableSettings);
    highed.dom.ap(simpleTab.body, splitter);
    highed.dom.ap(parent, advancedLoader);
    highed.dom.ap(outputPreviewTab.body, previewEditor);
  
    ///////////////////////////////////////////////////////////////////////////
  
    advancedTab.on('Focus', function() {
      buildTree();
    });
  
    outputPreviewTab.on('Focus', function() {
      var prev = chartPreview.options.getPreview();
  
      if (!previewCodeMirror && typeof window.CodeMirror !== 'undefined') {
        previewCodeMirror = CodeMirror.fromTextArea(previewEditor, {
          lineNumbers: true,
          mode: 'application/javascript',
          theme: highed.option('codeMirrorTheme'),
          readOnly: true
        });
  
        previewCodeMirror.setSize('100%', '100%');
      }
  
      if (previewCodeMirror) {
        previewCodeMirror.setValue(prev);
      } else {
        previewEditor.readonly = true;
        previewEditor.value = prev;
      }
    });
  
    function loadCustomCode() {
      var code;
  
      if (chartPreview) {
        code = chartPreview.getCustomCode() || '';
        if (codeMirrorBox) {
          codeMirrorBox.setValue(code);
        } else {
          customCodeBox.value = code;
        }
      }
    }
  
    /**
     * Init the custom code stuff
     */
    function initCustomCode() {
      // Build the custom code tab
      highed.dom.ap(customCodeSplitter.top, customCodeBox);
      highed.dom.ap(customCodeSplitter.bottom, customCodeDebug);
  
      function setCustomCode() {
        highed.emit('UIAction', 'CustomCodeUpdate');
        customCodeDebug.innerHTML = '';
        if (chartPreview) {
          
          chartPreview.on('LoadCustomCode', function(options) {
            var code;
  
            if (chartPreview) {
              code = chartPreview.getCustomCode() || '';
              if (codeMirrorBox) {
                codeMirrorBox.setValue(code);
              } else {
                customCodeBox.value = code;
              }
            }
          });
  
          chartPreview.on('UpdateCustomCode', function() {
            chartPreview.setCustomCode(
              codeMirrorBox ? codeMirrorBox.getValue() : customCodeBox.value,
              function(err) {
                customCodeDebug.innerHTML = err;
              }
            );
          });
  
          chartPreview.setCustomCode(
            codeMirrorBox ? codeMirrorBox.getValue() : customCodeBox.value,
            function(err) {
              customCodeDebug.innerHTML = err;
            }
          );
        }
      }
  
      var timeout = null;
  
      if (typeof window['CodeMirror'] !== 'undefined') {
        codeMirrorBox = CodeMirror.fromTextArea(customCodeBox, {
          lineNumbers: true,
          mode: 'application/javascript',
          theme: highed.option('codeMirrorTheme')
        });
        codeMirrorBox.setSize('100%', '100%');
        codeMirrorBox.on('change', function() {
          clearTimeout(timeout);
          timeout = setTimeout(function () {
            setCustomCode();
          }, 500);
        });
      } else {
        highed.dom.on(customCodeBox, 'change', function() {
          clearTimeout(timeout);
          timeout = setTimeout(function () {
            setCustomCode();
          }, 500);
        });
      }
    }
  
    /** Force a resize of the editor
     *  @memberof highed.ChartCustomizer
     *  @param w {number} - the new width
     *  @param h {number} - the new height
     */
    function resize(w, h) {
      var bsize, lsize;
      tabs.resize(w, h);
      bsize = tabs.barSize();
  
      list.resize(w, h - bsize.h);
      //splitter.resize(w, h - bsize.h - 10);
  
      //The customize body needs to have a min-height of the list height
      lsize = highed.dom.size(list.container);
  
      highed.dom.style(body, {
        minHeight: lsize.h + 'px'
      });
      customCodeSplitter.resize(w, h);
  
      if (codeMirrorBox) {
        codeMirrorBox.refresh();
      }
    }
  
    /** Init the customizer
     *  @memberof highed.ChartCustomizer
     *  @param foptions {object} - the customized options
     *  @param coptions {object} - the full chart options
     */
    function init(foptions, coptions, chartp) {
      flatOptions = coptions || {};
      chartOptions = highed.merge({}, foptions || {});
      list.reselect();
      // buildTree();
      chartPreview = chartp || chartPreview;
  
      customCodeSplitter.resize();
      loadCustomCode();
    }
  
    function shouldInclude(group) {
      var doInclude = false;
  
      if (Object.keys(properties.availableSettings || {}).length > 0) {
        if (highed.isArr(group)) {
          group.forEach(function(sub) {
            if (shouldInclude(sub)) {
              doInclude = true;
            }
          });
        } else if (highed.isArr(group.options)) {
          group.options.forEach(function(sub) {
            if (shouldInclude(sub)) {
              doInclude = true;
            }
          });
        } else if (
          properties.availableSettings[group.id] ||
          properties.availableSettings[group.pid]
        ) {
          doInclude = true;
        }
  
        return doInclude;
      }
  
      return true;
    }
  
    function buildTree() {
  
      if (properties.noAdvanced) {
        return;
      }
  
      highed.dom.style(advancedLoader, {
        opacity: 1
      });
  
      if (properties.noAdvanced || highed.isNull(highed.meta.optionsAdvanced)) {
        advancedTab.hide();
      } else {
        
        setTimeout(function() {
          
          highed.meta.optionsAdvanced = highed.transform.advanced(
            highed.meta.optionsAdvanced,
            true
          );
  
          const series = chartPreview.options.all().series;
          allOptions = highed.merge({}, chartPreview.options.full);//highed.merge({}, chartPreview.options.getCustomized());
          if (series && series.length > 0) {
            series.forEach(function(serie, i) {
              if (allOptions.series && allOptions.series[i]){
                highed.merge(allOptions.series[i], {
                  type: serie.type || 'line'
                });
              }
            });
            advTree.build(
              highed.meta.optionsAdvanced,
              allOptions
            );
    
            highed.dom.style(advancedLoader, {
              opacity: 0
            });
            events.emit("AdvancedBuilt");
          }
  
        }, 10);
      }
    }
  
    function build() {
      Object.keys(highed.meta.optionsExtended.options).forEach(function(key) {
        if (!shouldInclude(highed.meta.optionsExtended.options[key])) {
          return;
        }
        list.addItem({
          id: key,
          title: highed.L(key)
        }, 
        highed.meta.optionsExtended.options[key],
        chartPreview);
      });
  /*
      list.addItem({
        id: "Annotations",
        annotations: true,
        title: "Annotations ",
        onClick: function() {
          events.emit("AnnotationsClicked");
        }
      }, null, chartPreview);*/
  
      // buildTree();
    }
  
    //Highlight a node
    function highlightNode(n, x, y) {
      if (!n) return;
  
      var p = highed.dom.pos(n);
  
      if (!simpleTab.selected) {
        simpleTab.focus();
      }
  
      n.focus();
      /*
      n.scrollIntoView({
        inline: 'nearest'
      });*/
  
      // Draw a dot where the item was clicked
      
      var attention = highed.dom.cr('div', 'highed-attention');
      highed.dom.style(attention, {
        width: '10px',
        height: '10px',
        left: x - 5 + 'px',
        top: y - 5 + 'px',
        borderRadius: '50%'
      });
      highed.dom.ap(document.body, attention);
  
      // Animate it to the corresponding element
      var pos = Highcharts.offset(n);
  
      var bgColor = n.style.backgroundColor;
      
      highed.dom.style(attention, {
        width: n.clientWidth + 'px',
        height: n.clientHeight + 'px',
        borderRadius: 0,
        left: pos.left + 'px',
        top: pos.top + 'px'
      });
  
  
      window.setTimeout(function() {
        highed.dom.style(n, {
          backgroundColor: window.getComputedStyle(attention).backgroundColor,
          transition: '1s ease background-color'
        });
  
        attention.parentNode.removeChild(attention);
        attention = null;
  
        window.setTimeout(function() {
          highed.dom.style(n, {
            backgroundColor: bgColor
          });
        }, 250);
      }, 350);
    }
  
    //////////////////////////////////////////////////////////////////////////////
    // P U B L I C  F U N S
  
    /** Highlight a field in the customizer
     *  @memberof highed.ChartCustomizer
     *  @param id {string} - is the id of the field to highlight
     *  @param x {number} - the x coordinate where the focus was triggered
     *  @param y {number} - the y coordinate where the focus was triggered
     */
    function highlightField(id, x, y) {
      if (id.indexOf('-') >= 0) {
        var n = advSplitter.left.querySelector(
          '#' + id.substr(0, id.indexOf('-'))
        );
  
        highlightNode(simpleTab.body.querySelector('#' + id), x, y);
        highlightNode(advSplitter.right.querySelector('#' + id));
  
        if (n) {
          n.scrollIntoView({
            block: 'end'
          });
        }
      }
    }
  
    /** Focus a category
     *  @memberof highed.ChartCustomizer
     *  @param thing {anything} - the category to focus
     *  @param x {number} - the x coordinate where the focus was triggered
     *  @param y {number} - the y coordinate where the focus was triggered
     */
    function focus(thing, x, y) {
      var n;
      list.select(thing.tab);
      list.selectDropdown(thing.dropdown);
    
      advTree.expandTo(thing.id);
      highlightField(thing.id, x, y);
    }
  
    ///////////////////////////////////////////////////////////////////////////
  
    list.on('PropertyChange', function(groupId, newValue, detailIndex) {
      events.emit("PropertyChange", groupId, newValue, detailIndex);
    });
  
    list.on('TogglePlugins', function(groupId, newValue) {
      events.emit("TogglePlugins", groupId, newValue);
    });
  
    list.on('Select', function(id) {
      var entry = highed.meta.optionsExtended.options[id];
      body.innerHTML = '';
      entry.forEach(function(thing) {
        //selectGroup(thing);
      });
      highlighted = false;
      highed.emit('UIAction', 'SimplePropCatChoose', id);
    });
  
    function buildAdvTree(item, selected, instancedData, filter, propFilter) {
      var table = highed.dom.cr('table', 'highed-customizer-table'),
        componentCount = 0;
  
      advBody.innerHTML = '';
  
      if (properties.noAdvanced) {
        return;
      }
  
      item.children.forEach(function(entry) {
        if (!entry.meta.leafNode) {
          return;
        }
  
        // Skip functions for now
        if (Object.keys(entry.meta.types)[0] === 'function') {
          return;
        }
  
        if (propFilter && entry.meta.validFor) {
          if (!entry.meta.validFor[propFilter]) {
            // console.log('filtered', entry.meta.name, 'based on', propFilter);
            return false;
          }
        }
  
        if (
          filter &&
          entry.meta.products &&
          Object.keys(entry.meta.products) > 0 &&
          !entry.meta.products[filter]
        ) {
          return;
        }
  
        componentCount++;
        entry.values = entry.meta.enumValues;
        highed.dom.ap(
          table,
          highed.InspectorField(
            entry.values
              ? 'options'
              : Object.keys(entry.meta.types)[0] || 'string',
            typeof instancedData[entry.meta.name] !== 'undefined'
              ? instancedData[entry.meta.name]
              : entry.meta.default, //(highed.getAttr(chartOptions, entry.id)  || entry.defaults),
            {
              title: highed.uncamelize(entry.meta.name),
              tooltip: entry.meta.description,
              values: entry.meta.enumValues,
              defaults: entry.meta.default,
              custom: {},
              attributes: entry.attributes || []
            },
            function(newValue) {
              if (typeof newValue === 'string') newValue = newValue.replace('</script>', '<\\/script>'); //Bug in cloud
              highed.emit(
                'UIAction',
                'AdvancedPropSet',
                (entry.meta.ns ? entry.meta.ns + '.' : '') + highed.uncamelize(entry.meta.name),
                newValue
              );
              instancedData[entry.meta.name] = newValue;
              events.emit('PropertySetChange', advTree.getMasterData());
              if (advTree.isFilterController(entry.meta.ns, entry.meta.name)) {
                buildTree();
              }
            },
            false,
            entry.meta.name,
            planCode
          )
        );
      });
  
      highed.dom.ap(
        advBody,
        highed.dom.ap(
          highed.dom.cr('div', 'highed-customize-group highed-customize-advanced'),
          highed.dom.cr('div', 'highed-customizer-table-heading', selected),
          table
        )
      );
    }
  
    advTree.on('ForceSave', function(data) {
      events.emit('PropertySetChange', data);
    });
  
    advTree.on('ClearSelection', function() {
      advBody.innerHTML = '';
    });
  
    advTree.on('Select', buildAdvTree);
  
    advTree.on('DataUpdate', function(path, data) {
      events.emit('PropertyChange', path, data);
    });
  
    advTree.on('Dirty', function() {
      init(flatOptions, chartOptions);
    });
  
    tabs.on('Focus', function() {
      init(flatOptions, chartOptions);
    });
  
    build();
    initCustomCode();
  
    if (properties.noCustomCode) {
      customCodeTab.hide();
    }
  
    if (properties.noAdvanced) {
      advancedTab.hide();
    }
  
    if (properties.noPreview) {
      outputPreviewTab.hide();
    }
  
    function showCustomCode() {
      customCodeTab.focus();
    }
  
    function showSimpleEditor() {
      simpleTab.focus();
    }
  
    function showPreviewOptions() {
      outputPreviewTab.focus();
    }
  
    function showAdvancedEditor() {
      events.emit("AdvanceClicked");
      advancedTab.focus();
    }
  
    function getAdvancedOptions() {
      return allOptions;
    }
    return {
      /* Listen to an event */
      on: events.on,
      resize: resize,
      init: init,
      focus: focus,
      reselect: list.reselect,
      highlightField: highlightField,
      showCustomCode: showCustomCode,
      showSimpleEditor: showSimpleEditor,
      showAdvancedEditor: showAdvancedEditor,
      showPreviewOptions: showPreviewOptions,
      getAdvancedOptions: getAdvancedOptions
    };
  };
  
  /******************************************************************************
  
  Copyright (c) 2016-2018, Highsoft
  
  Permission is hereby granted, free of charge, to any person obtaining
  a copy of this software and associated documentation files (the
  "Software"), to deal in the Software without restriction, including
  without limitation the rights to use, copy, modify, merge, publish,
  distribute, sublicense, and/or sell copies of the Software, and to
  permit persons to whom the Software is furnished to do so, subject to
  the following conditions:
  
  The above copyright notice and this permission notice shall be
  included in all copies or substantial portions of the Software.
  
  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
  EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
  MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
  IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY
  CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT,
  TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
  SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
  
  ******************************************************************************/
  
  // @format
  
  /** This is a component that implements a toolbar with wizard steps
   * Proxies the interface of the WizardStepper object.
   * @constructor
   * @emits Step - when stepping back or forth
   * @emits AddStep - when adding a step to the stepper
   * @param parent {domnode} - the dom node to attach the UI to
   * @param bodyParent {domnode} - the dom node to attach the stepper body to
   * @param attributes {object} - options for the object
   */
  highed.WizardBar = function(parent, bodyParent, attributes) {
    var toolbar = highed.Toolbar(parent, {
        additionalCSS: ['highed-wizstepper-bar']
      }),
      stepper = highed.WizardStepper(bodyParent, toolbar.center),
      next = highed.dom.cr(
        'span',
        'highed-wizstepper-next-prev fa fa-arrow-right'
      ),
      previous = highed.dom.cr(
        'span',
        'highed-wizstepper-next-prev fa fa-arrow-left'
      );
  
    ///////////////////////////////////////////////////////////////////////////
  
    function handleStepEvent(step, count) {
      if (step.number > 1) {
        highed.dom.style(previous, {
          opacity: 1,
          'pointer-events': 'auto',
          visibility: 'visible'
        });
      } else {
        highed.dom.style(previous, {
          opacity: 0,
          'pointer-events': 'none',
          visibility: 'hidden'
        });
      }
  
      if (step.number < count) {
        highed.dom.style(next, {
          opacity: 1,
          'pointer-events': 'auto',
          visibility: 'visible'
        });
      } else {
        highed.dom.style(next, {
          opacity: 0,
          'pointer-events': 'none',
          visibility: 'hidden'
        });
      }
    }
  
    stepper.on('Step', handleStepEvent);
    stepper.on('AddStep', handleStepEvent);
  
    highed.dom.on(next, 'click', stepper.next);
    highed.dom.on(previous, 'click', stepper.previous);
  
    ///////////////////////////////////////////////////////////////////////////
  
    highed.dom.ap(toolbar.right, next);
    highed.dom.ap(toolbar.left, previous);
  
    highed.dom.style(previous, {
      opacity: 0,
      'pointer-events': 'none'
    });
  
    return {
      /** The container which the bar is attached to
       *  @type {domnode}
       *  @memberof highed.WizardBar
       */
      container: toolbar.container,
      on: stepper.on,
      next: stepper.next,
      previous: stepper.previous,
      addStep: stepper.addStep,
      selectFirst: stepper.selectFirst
    };
  };
  
  /******************************************************************************
  
  Copyright (c) 2016-2018, Highsoft
  
  Permission is hereby granted, free of charge, to any person obtaining
  a copy of this software and associated documentation files (the
  "Software"), to deal in the Software without restriction, including
  without limitation the rights to use, copy, modify, merge, publish,
  distribute, sublicense, and/or sell copies of the Software, and to
  permit persons to whom the Software is furnished to do so, subject to
  the following conditions:
  
  The above copyright notice and this permission notice shall be
  included in all copies or substantial portions of the Software.
  
  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
  EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
  MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
  IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY
  CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT,
  TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
  SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
  
  ******************************************************************************/
  
  // @format
  
  (function() {
    var webImports = {};
  
    highed.plugins.import = {
      /** Install a data import plugin
       * @namespace highed.plugins.import
       * @param name {string} - the name of the plugin
       * @param defintion {object} - the plugin definition
       *   > description {string} - the plugin description
       *   > treatAs {string} - what to treat the import as: `json|csv`
       *   > fetchAs {string} - what the expect request return is
       *   > defaultURL {string} - the default URL
       *   > depdendencies {array<string>} - set of additional javascript/css to include
       *   > options {object} - additional user-supplied options
       *      > label {string} - the title of the option
       *      > type {string} - the type of the option
       *      > default {string} - the default value
       *   > filter {function} - function to call when executing the plugin
       *      >  url {anything} - request url
       *      >  options {object} - contains user-defined options
       *      >  callback {function} - function to call when the import is done
       */
      install: function(name, defintion) {
        if (highed.isNull(webImports[name])) {
          webImports[name] = highed.merge(
            {
              title: false,
              description: '',
              treatAs: 'csv',
              fetchAs: 'json',
              defaultURL: '',
              dependencies: [],
              options: {},
              filter: function() {}
            },
            defintion
          );
  
          if (webImports[name].dependencies) {
            webImports[name].dependencies.forEach(function(d) {
              highed.include(d);
            });
          }
        } else {
          highed.log(
            1,
            'tried to register an import plugin which already exists:',
            name
          );
        }
      }
    };
  
    /** Data importer widget
     *
     *  @example
     *  var dimp = highed.DataImporter(document.body);
     *  dimp.on('ImportCSV', function (data) {
     *      console.log('Importing csv:', data.csv);
     *  });
     *
     *  @constructor
     *
     *  @emits ImportChartSettings - when importing chart settings
     *  @emits ImportCSV - when importing CSV
     *  @emits ImportJSON - when importing JSON
     *  @param parent {domnode} - the node to attach the widget to
     *  @param attributes {object} - the settings
     *     > options {string} - the options to include: `csv json plugins samples`
     *     > plugins {string} - the plugins to activate (must have been installed first)
     */
    highed.DataImporter = function(parent, attributes) {
      var events = highed.events(),
        properties = highed.merge(
          {
            options: ['csv', 'plugins', 'samples', 'export'],
            plugins: ['CSV', 'JSON', 'Difi', 'Socrata', 'Google Spreadsheets']
          },
          attributes
        ),
        tabs = highed.TabControl(parent, false, true),
        csvTab = tabs.createTab({ title: 'Import' }),
        exportTab = tabs.createTab({ title: 'Export' }),
        jsonTab = tabs.createTab({ title: 'JSON' }),
        webTab = tabs.createTab({ title: 'Plugins' }),
        samplesTab = tabs.createTab({ title: 'Sample Data' }),
        csvPasteArea = highed.dom.cr('textarea', 'highed-imp-pastearea'),
        csvImportBtn = highed.dom.cr(
          'button',
          'highed-imp-button highed-imp-pasted-button',
          'Import Pasted Data'
        ),
        liveDataImportBtn = highed.dom.cr('button', 'highed-imp-button', 'Live Data'),
        csvImportFileBtn = highed.dom.cr(
          'button',
          'highed-imp-button',
          'Import File'
        ),
        delimiter = highed.dom.cr('input', 'highed-imp-input'),
        dateFormat = highed.dom.cr('input', 'highed-imp-input'),
        decimalPoint = highed.dom.cr('input', 'highed-imp-input'),
        firstAsNames = highed.dom.cr('input', 'highed-imp-input'),
        jsonPasteArea = highed.dom.cr('textarea', 'highed-imp-pastearea'),
        jsonImportBtn = highed.dom.cr('button', 'highed-imp-button', 'Import'),
        jsonImportFileBtn = highed.dom.cr(
          'button',
          'highed-imp-button',
          'Upload & Import File'
        ),      
        spreadsheetImportBtn = highed.dom.cr(
          'button',
          'highed-imp-button',
          'Google Spreadsheet'
        ),
        commaDelimitedBtn = highed.dom.cr(
          'button',
          'highed-imp-button highed-export-btn',
          'Export comma delimited'
        ),
        semicolonDelimitedBtn = highed.dom.cr(
          'button',
          'highed-imp-button highed-export-btn',
          'Export semi-colon delimited'
        ),
        webSplitter = highed.HSplitter(webTab.body, { leftWidth: 30 }),
        webList = highed.List(webSplitter.left);
  
      jsonPasteArea.value = JSON.stringify({}, undefined, 2);
  
      setDefaultTabSize(600, 600, [csvTab, exportTab, jsonTab, webTab, samplesTab]);
      ///////////////////////////////////////////////////////////////////////////
  
      highed.dom.style(samplesTab.body, { overflow: 'hidden' });
  
      properties.options = highed.arrToObj(properties.options);
      properties.plugins = highed.arrToObj(properties.plugins);
  
      //Remove referenced un-installed plugins.
      Object.keys(properties.plugins).forEach(function(plugin) {
        if (highed.isNull(webImports[plugin])) {
          delete properties.plugins[plugin];
        }
      });
  
      function setDefaultTabSize(w, h, tabs) {
        tabs.forEach(function (tab) {
          tab.on('Focus',function() {
            highed.dom.style(parent, { width: 600 + 'px', height: 600 + 'px' });
            tab.resize(600 - 10, 600 - 10);
          });
        });
      }
  
      function updateOptions() {
        if (!properties.options.csv) {
          csvTab.hide();
        }
  
        if (!properties.options.export) {
          exportTab.hide();
        }
  
        //Always disable json options..
        
        if (1 === 1 || !properties.options.json) {
          jsonTab.hide();
        }
  
        if (
          Object.keys(properties.plugins).length === 0 ||
          !properties.options.plugins
        ) {
          webTab.hide();
        }
  
        if (!properties.options.samples) {
          samplesTab.hide();
        }
  
        tabs.selectFirst();
      }
  
      function buildWebTab() {
        Object.keys(webImports).forEach(function(name) {
          if (!properties.plugins[name]) {
            return;
          }
  
          function buildBody() {
            var options = webImports[name],
              url = highed.dom.cr('input', 'highed-imp-input-stretch'),
              urlTitle = highed.dom.cr('div', '', 'URL'),
              importBtn = highed.dom.cr(
                'button',
                'highed-imp-button',
                'Import ' + name + ' from URL'
              ),
              dynamicOptionsContainer = highed.dom.cr(
                'table',
                'highed-customizer-table'
              ),
              dynamicOptions = {};
  
            url.value = options.defaultURL || '';
  
            Object.keys(options.options || {}).forEach(function(name) {
              dynamicOptions[name] = options.options[name].default;
  
              highed.dom.ap(
                dynamicOptionsContainer,
                highed.InspectorField(
                  options.options[name].type,
                  options.options[name].default,
                  {
                    title: options.options[name].label
                  },
                  function(nval) {
                    dynamicOptions[name] = nval;
                  },
                  true
                )
              );
            });
  
            if (options.surpressURL) {
              highed.dom.style([url, urlTitle], {
                display: 'none'
              });
            }
  
            url.placeholder = 'Enter URL';
  
            highed.dom.on(importBtn, 'click', function() {
              highed.snackBar('Importing ' + name + ' data');
  
              if (highed.isFn(options.request)) {
                return options.request(url.value, dynamicOptions, function(
                  err,
                  chartProperties
                ) {
                  if (err) return highed.snackBar('import error: ' + err);
                  events.emit(
                    'ImportChartSettings',
                    chartProperties,
                    options.newFormat
                  );
                });
              }
  
              highed.ajax({
                url: url.value,
                type: 'get',
                dataType: options.fetchAs || 'text',
                success: function(val) {
                  options.filter(val, highed.merge({}, dynamicOptions), function(
                    error,
                    val
                  ) {
                    if (error) return highed.snackBar('import error: ' + error);
                    if (options.treatAs === 'csv') {
                      csvTab.focus();
                      csvPasteArea.value = val;
                      emitCSVImport(val);
                    } else {
                      processJSONImport(val);
                    }
                  });
                },
                error: function(err) {
                  highed.snackBar('import error: ' + err);
                }
              });
            });
  
            webSplitter.right.innerHTML = '';
  
            highed.dom.ap(
              webSplitter.right,
              highed.dom.ap(
                highed.dom.cr('div', 'highed-plugin-details'),
                highed.dom.cr(
                  'div',
                  'highed-customizer-table-heading',
                  options.title || name
                ),
                highed.dom.cr('div', 'highed-imp-help', options.description),
                urlTitle,
                url,
                Object.keys(options.options || {}).length
                  ? dynamicOptionsContainer
                  : false,
                highed.dom.cr('br'),
                importBtn
              )
            );
          }
  
          webList.addItem({
            id: name,
            title: webImports[name].title || name,
            click: buildBody
          });
        });
  
        webList.selectFirst();
      }
  
      function buildSampleTab() {
        samplesTab.innerHTML = '';
  
        highed.samples.each(function(sample) {
          var data = sample.dataset.join('\n'),
            loadBtn = highed.dom.cr(
              'button',
              'highed-box-size highed-imp-button',
              sample.title
            );
  
          highed.dom.style(loadBtn, { width: '99%' });
  
          highed.dom.on(loadBtn, 'click', function() {
            emitCSVImport(data);
            csvPasteArea.value = data;
            csvTab.focus();
          });
  
          highed.dom.ap(
            samplesTab.body,
            //highed.dom.cr('div', '', name),
            //highed.dom.cr('br'),
            loadBtn,
            highed.dom.cr('br')
          );
        });
      }
  
      function emitCSVImport(csv, cb) {
        events.emit('ImportCSV', {
          itemDelimiter: delimiter.value,
          firstRowAsNames: firstAsNames.checked,
          dateFormat: dateFormat.value,
          csv: csv || csvPasteArea.value,
          decimalPoint: decimalPoint.value
        }, cb);
      }
  
      function loadCSVExternal(csv) {
        csvPasteArea.value = csv;
        emitCSVImport();
      }
  
      function processJSONImport(jsonString) {
        var json = jsonString;
        if (highed.isStr(json)) {
          try {
            json = JSON.parse(jsonString);
          } catch (e) {
            highed.snackBar('Error parsing json: ' + e);
            return false;
          }
        }
        events.emit('ImportJSON', json);
        highed.snackBar('imported json');
      }
  
      /** Force a resize of the widget
       *  @memberof highed.DataImporter
       *  @param w {number} - the new width
       *  @param h {number} - the new height
       */
      function resize(w, h) {
        var bsize,
          ps = highed.dom.size(parent);
  
        tabs.resize(w || ps.w, h || ps.h);
        bsize = tabs.barSize();
        webSplitter.resize(w || ps.w, (h || ps.h) - bsize.h - 20);
        webList.resize(w || ps.w, (h || ps.h) - bsize.h);
  
        exporter.resize(null, 300);
      }
  
      /** Show the importer
       *  @memberof highed.DataImporter
       */
      function show() {
        tabs.show();
      }
  
      /** Hide the importer
       *  @memberof highed.DataImporter
       */
      function hide() {
        tabs.hide();
      }
  
      function addImportTab(tabOptions){
        var newTab = tabs.createTab({ title: tabOptions.name || 'Features' });
  
        if (highed.isFn(tabOptions.create)) {
          tabOptions.create(newTab.body);
        }
        if (tabOptions.resize) {
          newTab.on('Focus',function() {
            highed.dom.style(parent, { width: tabOptions.resize.width + 'px', height: tabOptions.resize.height + 'px' });
            newTab.resize(tabOptions.resize.width - 10, tabOptions.resize.height - 10);
          });
        }
      }
  
      function selectTab(index) {
        tabs.select(index);
      }
      ///////////////////////////////////////////////////////////////////////////
  
      highed.dom.ap(
        exportTab.body,
        commaDelimitedBtn,
        semicolonDelimitedBtn,
        highed.dom.cr('hr', 'highed-imp-hr')
      );
  
  
      var exporter = highed.Exporter(exportTab.body);
      exporter.resize(null, 300);
  
      highed.dom.ap(
        csvTab.body,
        spreadsheetImportBtn,
        liveDataImportBtn,
        csvImportFileBtn,
        highed.dom.cr('hr', 'highed-imp-hr'),
        highed.dom.cr(
          'div',
          'highed-imp-help',
          'Paste CSV into the below box, or upload a file. Click Import to import your data.'
        ),
        csvPasteArea,
  
        // highed.dom.cr('span', 'highed-imp-label', 'Delimiter'),
        // delimiter,
        // highed.dom.cr('br'),
  
        // highed.dom.cr('span', 'highed-imp-label', 'Date Format'),
        // dateFormat,
        // highed.dom.cr('br'),
  
        // highed.dom.cr('span', 'highed-imp-label', 'Decimal Point Notation'),
        // decimalPoint,
        // highed.dom.cr('br'),
  
        // highed.dom.cr('span', 'highed-imp-label', 'First Row Is Series Names'),
        // firstAsNames,
        // highed.dom.cr('br'),
  
        csvImportBtn
      );
  
      highed.dom.ap(
        jsonTab.body,
        highed.dom.cr(
          'div',
          'highed-imp-help',
          'Paste JSON into the below box, or upload a file. Click Import to import your data. <br/><b>The JSON is the data passed to the chart constructor, and may contain any of the valid <a href="http://api.highcharts.com/highcharts/" target="_blank">options</a>.</b>'
        ),
        jsonPasteArea,
        jsonImportFileBtn,
        jsonImportBtn
      );
  
      highed.dom.on(commaDelimitedBtn, 'click', function(){
        events.emit('ExportComma');
      });
  
      highed.dom.on(semicolonDelimitedBtn, 'click', function(){
        events.emit('ExportSemiColon');
      });
  
      highed.dom.on(spreadsheetImportBtn, 'click', function(){
        events.emit('ImportGoogleSpreadsheet');
      });
  
      highed.dom.on(csvImportBtn, 'click', function() {
        emitCSVImport();
      });
  
      highed.dom.on(liveDataImportBtn, 'click', function () {
        events.emit('ImportLiveData', {
        //  url: liveDataInput.value
        });
      });
  
      highed.dom.on(csvPasteArea, 'keyup', function(e) {
        if (e.keyCode === 13 || ((e.metaKey || e.ctrlKey) && e.key === 'z')) {
          emitCSVImport(csvPasteArea.value);
        }
      });
  
      highed.dom.on(csvImportFileBtn, 'click', function() {
        highed.readLocalFile({
          type: 'text',
          accept: '.csv',
          success: function(info) {
            csvPasteArea.value = info.data;
            highed.snackBar('File uploaded');
            emitCSVImport();
          }
        });
      });
  
      highed.dom.on(jsonImportBtn, 'click', function() {
        processJSONImport(jsonPasteArea.value);
      });
  
      highed.dom.on(jsonImportFileBtn, 'click', function() {
        highed.readLocalFile({
          type: 'text',
          accept: '.json',
          success: function(info) {
            jsonPasteArea.value = info.data;
            processJSONImport(info.data);
          }
        });
      });
  
      buildSampleTab();
      buildWebTab();
      updateOptions();
  
      delimiter.value = ',';
      //dateFormat.value = 'YYYY-mm-dd';
      firstAsNames.type = 'checkbox';
      decimalPoint.value = '.';
      firstAsNames.checked = true;
  
      //Should hide the web tab if running where cross-origin is an issue
  
      resize();
  
      ///////////////////////////////////////////////////////////////////////////
  
      return {
        on: events.on,
        loadCSV: loadCSVExternal,
        resize: resize,
        show: show,
        hide: hide,
        addImportTab: addImportTab,
        exporter: exporter,
        selectTab: selectTab,
        emitCSVImport: emitCSVImport
      };
    };
  })();
  
  /******************************************************************************
  
  Copyright (c) 2016-2018, Highsoft
  
  Permission is hereby granted, free of charge, to any person obtaining
  a copy of this software and associated documentation files (the
  "Software"), to deal in the Software without restriction, including
  without limitation the rights to use, copy, modify, merge, publish,
  distribute, sublicense, and/or sell copies of the Software, and to
  permit persons to whom the Software is furnished to do so, subject to
  the following conditions:
  
  The above copyright notice and this permission notice shall be
  included in all copies or substantial portions of the Software.
  
  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
  EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
  MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
  IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY
  CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT,
  TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
  SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
  
  ******************************************************************************/
  
  // @format
  
  (function() {
    var exportPlugins = {};
  
    highed.plugins.export = {
      /** Install an export plugin
       *  @namespace highed.plugins.export
       *  @param name {string} - the name of the plugin
       *  @param definition {object} - the plugin definition
       */
      install: function(name, definition) {
        if (highed.isNull(exportPlugins[name])) {
          exportPlugins[name] = highed.merge(
            {
              description: '',
              options: {},
              title: false,
              downloadOutput: false
            },
            definition
          );
  
          if (exportPlugins[name].dependencies) {
            highed.include(exportPlugins[name].dependencies);
          }
        } else {
          highed.log(
            1,
            'tried to register an export plugin which already exists:',
            name
          );
        }
      }
    };
  
    /** Export widget
     *
     *  @example
     *  var exporter = highed.Exporter(document.body),
     *      preview = highed.ChartPreview(document.body)
     *  ;
     *
     *  exporter.init(preview.export.json(), preview.export.html(), preview.export.svg(), preview);
     *
     *  @constructor
     *
     *  @param parent {domnode} - the node to attach the widget to
     *  @param attributes {object} - the options
     *    > options {string} - things to include: `csv html json plugins`
     *    > plugins {string|array} - plugins to activate
     */
    highed.Exporter = function(parent, attributes) {
      var //splitter = highed.HSplitter(parent, {leftWidth: 50, noOverflow: true}),
        properties = highed.merge(
          {
            options: 'svg html json plugins',
            plugins: 'beautify-js beautify-json'
          },
          attributes
        ),
        tctrl = highed.TabControl(parent, false, true),
        htmlTab = tctrl.createTab({ title: 'HTML' }),
        jsonTab = tctrl.createTab({ title: 'JSON' }),
        svgTab = tctrl.createTab({ title: 'SVG' }),
        pluginTab = tctrl.createTab({ title: 'Plugins' }),
        pluginSplitter = highed.HSplitter(pluginTab.body, { leftWidth: 30 }),
        pluginList = highed.List(pluginSplitter.left),
        exportJSON = highed.dom.cr('a', 'highed-imp-button highed-imp-pasted-button', 'Download'), //highed.dom.cr('a', '', 'Download'),
        exportHTML = highed.dom.cr('a', 'highed-imp-button highed-imp-pasted-button', 'Download'),
        exportSVG = highed.dom.cr('a', 'highed-imp-button highed-imp-pasted-button', 'Download'),
        jsonValue = highed.dom.cr(
          'textarea',
          'highed-imp-pastearea highed-scrollbar'
        ),
        htmlValue = highed.dom.cr(
          'textarea',
          'highed-imp-pastearea highed-scrollbar'
        ),
        svgValue = highed.dom.cr(
          'textarea',
          'highed-imp-pastearea highed-scrollbar'
        ),
        currentChartPreview = false,
        hasBuiltPlugins = false,
        hasBeenVisible = false,
        pluginData = {},
        activePlugins = {},
        activePlugin = false;
  
      properties.options = highed.arrToObj(properties.options);
      properties.plugins = highed.arrToObj(properties.plugins);
  
      ///////////////////////////////////////////////////////////////////////////
  
      //Hides unwanted stuff
      function updateOptions() {
        if (!properties.options.html) {
          htmlTab.hide();
        }
        if (!properties.options.json) {
          jsonTab.hide();
        }
        if (!properties.options.svg) {
          svgTab.hide();
        }
        if (!properties.options.plugins) {
          pluginTab.hide();
        }
        if (Object.keys(properties.plugins) === 0) {
          pluginTab.hide();
        }
  
        tctrl.selectFirst();
      }
  
      //Build plugin panel
      function buildPlugins() {
        if (hasBuiltPlugins) return;
        hasBuiltPlugins = true;
  
        Object.keys(exportPlugins).forEach(function(name) {
          var options = exportPlugins[name];
  
          pluginData[name] = { options: {} };
  
          if (!properties.plugins[name]) {
            return false;
          }
  
          function buildBody() {
            var container = highed.dom.cr('div', 'highed-plugin-details'),
              executeBtn = highed.dom.cr(
                'button',
                'highed-imp-button',
                options.exportTitle || 'Export'
              ),
              dynamicOptionsContainer = highed.dom.cr(
                'table',
                'highed-customizer-table'
              ),
              additionalUI = highed.dom.cr('div'),
              dynamicOptions = pluginData[name].options;
  
            // pluginSplitter.right.innerHTML = '';
  
            Object.keys(options.options || {}).forEach(function(pname) {
              dynamicOptions[pname] = options.options[pname].default;
  
              highed.dom.ap(
                dynamicOptionsContainer,
                highed.InspectorField(
                  options.options[pname].type,
                  options.options[pname].default,
                  {
                    title: options.options[pname].label
                  },
                  function(nval) {
                    dynamicOptions[pname] = nval;
  
                    if (highed.isFn(options.show)) {
                      options.show.apply(pluginData[name], [currentChartPreview]);
                    }
                  },
                  true
                )
              );
            });
  
            function doExport() {
              if (highed.isFn(options.export) && currentChartPreview) {
                options.export.apply(pluginData[name], [
                  dynamicOptions,
                  currentChartPreview,
                  function(err, data, filename) {
                    if (err) return highed.snackBar('Export error: ' + err);
  
                    if (options.downloadOutput) {
                      highed.download(filename, data);
                    }
  
                    highed.snackBar((options.title || name) + ' export complete');
                  },
                  additionalUI
                ]);
              }
            }
  
            highed.dom.on(executeBtn, 'click', doExport);
  
            highed.dom.ap(pluginSplitter.right, container);
  
            highed.dom.style(container, { display: 'none' });
  
            highed.dom.ap(
              container,
              highed.dom.cr(
                'div',
                'highed-customizer-table-heading',
                options.title || name
              ),
              highed.dom.cr('div', 'highed-imp-help', options.description),
              Object.keys(options.options || {}).length
                ? dynamicOptionsContainer
                : false,
              additionalUI,
              options.export ? executeBtn : false
            );
  
            if (highed.isFn(options.create)) {
              options.create.apply(pluginData[name], [
                currentChartPreview,
                additionalUI
              ]);
            }
  
            activePlugins[name] = {
              export: doExport,
              show: function() {
                if (activePlugin) {
                  activePlugin.hide();
                }
                highed.dom.style(container, { display: '' });
                options.show.apply(pluginData[name], [currentChartPreview]);
                activePlugin = activePlugins[name];
              },
              hide: function() {
                highed.dom.style(container, { display: 'none' });
              }
            };
          }
  
          buildBody();
  
          pluginList.addItem({
            id: name,
            title: options.title || name,
            click: activePlugins[name].show
          });
        });
      }
  
      /** Set the export boxes based on chart JSON data (chart.options)
       *  @memberof highed.Exporter
       *  @param chartData {object} - the chart JSON
       *  @param chartHTML {string} - chart HTML
       *  @param chartSVG {string} - chart svg
       *  @param chartPreview {object} - instance of highed.ChartPreview
       */
      function init(chartData, chartHTML, chartSVG, chartPreview) {
        var title = '_export';
  
        if (chartData.title && chartData.title.text) {
          title = chartData.title.text.replace(/\s/g, '_') + title;
        } else {
          title = 'untitled' + title;
        }
  
        jsonValue.value = JSON.stringify(chartData);
        exportJSON.href = 'data:application/octet-stream,' + encodeURIComponent(jsonValue.value);
  
        htmlValue.value = chartHTML;
        exportHTML.href =
          'data:application/octet-stream,' + encodeURIComponent(chartHTML);
  
        svgValue.value = chartSVG;
        exportSVG.href =
          'data:application/octet-stream,' + encodeURIComponent(chartSVG);
  
        exportJSON.download = title + '.json';
        exportHTML.download = title + '.html';
        exportSVG.download = title + '.svg';
  
        highed.dom.on(exportJSON, 'click', function() {
          highed.events('UIAction', 'BtnDownloadJSON');
        });
  
        highed.dom.on(exportHTML, 'click', function() {
          highed.events('UIAction', 'BtnDownloadHTML');
        });
  
        highed.dom.on(exportSVG, 'click', function() {
          highed.events('UIAction', 'BtnDownloadSVG');
        });
  
        currentChartPreview = chartPreview;
  
        buildPlugins();
  
        // Object.keys(activePlugins).forEach(function (name) {
        //     activePlugins[name].show();
        // });
  
        if (activePlugin) {
          activePlugin.show();
        }
  
        hasBeenVisible = true;
      }
  
      /** Force a resize of the UI
       *  @memberof highed.Exporter
       *  @param w {number} - the new width
       *  @param h {number} - the new height
       */
      function resize(w, h) {
        var bsize;
  
        //splitter.resize(w, h);
        tctrl.resize(w, h);
        bsize = tctrl.barSize();
  
        pluginSplitter.resize(w, h - bsize.h - 20);
        pluginList.resize(w, h - bsize.h);
      }
  
      function doSelectOnClick(thing, id) {
        highed.dom.on(thing, 'click', function() {
          thing.focus();
          thing.select();
          highed.emit('UIAction', 'Copy' + id);
        });
      }
  
      ///////////////////////////////////////////////////////////////////////////
  
      highed.dom.ap(
        htmlTab.body,
        // highed.dom.cr('div', 'highed-imp-headline', 'Export HTML'),
        highed.dom.ap(highed.dom.cr('div', 'highed-imp-spacer'), htmlValue),
        exportHTML
      );
  
      highed.dom.ap(
        jsonTab.body,
        // highed.dom.cr('div', 'highed-imp-headline', 'Export JSON'),
        highed.dom.ap(highed.dom.cr('div', 'highed-imp-spacer'), jsonValue),
        exportJSON
      );
  
      highed.dom.ap(
        svgTab.body,
        // highed.dom.cr('div', 'highed-imp-headline', 'Export JSON'),
        highed.dom.ap(highed.dom.cr('div', 'highed-imp-spacer'), svgValue),
        exportSVG
      );
  
      resize();
      updateOptions();
  
      doSelectOnClick(jsonValue, 'JSON');
      doSelectOnClick(htmlValue, 'HTML');
      doSelectOnClick(svgValue, 'SVG');
  
      ///////////////////////////////////////////////////////////////////////////
  
      return {
        init: init,
        resize: resize,
        buildPluginUI: buildPlugins
      };
    };
  })();
  
  /******************************************************************************
  
  Copyright (c) 2016-2018, Highsoft
  
  Permission is hereby granted, free of charge, to any person obtaining
  a copy of this software and associated documentation files (the
  "Software"), to deal in the Software without restriction, including
  without limitation the rights to use, copy, modify, merge, publish,
  distribute, sublicense, and/or sell copies of the Software, and to
  permit persons to whom the Software is furnished to do so, subject to
  the following conditions:
  
  The above copyright notice and this permission notice shall be
  included in all copies or substantial portions of the Software.
  
  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
  EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
  MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
  IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY
  CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT,
  TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
  SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
  
  ******************************************************************************/
  
  // @format
  
  /** Basic chart preview
   *  This is just a facade to Highcharts.Chart mostly.
   *  It implements a sliding drawer type widget,
   *  where the initial state can be as part of the main DOM,
   *  and where the expanded state covers most of the screen (90%)
   *
   *  @todo this is a proper mess right now - need a good refactoring
   *
   *  @constructor
   *
   *  @param parent {domnode} - the node to attach the preview to
   *  @param attributes {object} - the settings
   *    > defaultChartOptions {object} - the default chart options
   */
  highed.ChartPreview = function(parent, attributes) {
    var properties = highed.merge(
        {
          defaultChartOptions: {
            title: {
              text: 'Chart Title'
            },
            subtitle: {
              text: ''
            },
            exporting: {
              //   url: 'http://127.0.0.1:7801'
            }
          },
          expandTo: parent
        },
        attributes
      ),
      events = highed.events(),
      customizedOptions = {},
      aggregatedOptions = {},
      flatOptions = {},
      templateOptions = [],
      chartOptions = {},
      themeOptions = {},
      themeCustomCode = '',
      themeMeta = {},
      exports = {},
      chartPlugins = {},
      customCodeDefault = [
        '/*',
        '// Sample of extending options:',
        'Highcharts.merge(true, options, {',
        '    chart: {',
        '        backgroundColor: "#bada55"',
        '    },',
        '    plotOptions: {',
        '        series: {',
        '            cursor: "pointer",',
        '            events: {',
        '                click: function(event) {',
        '                    alert(this.name + " clicked\\n" +',
        '                          "Alt: " + event.altKey + "\\n" +',
        '                          "Control: " + event.ctrlKey + "\\n" +',
        '                          "Shift: " + event.shiftKey + "\\n");',
        '                }',
        '            }',
        '        }',
        '    }',
        '});',
        '*/'
      ].join('\n'),
      customCode = '',
      customCodeStr = '',
      lastLoadedCSV = false,
      lastLoadedSheet = false,
      lastLoadedLiveData = false,
      throttleTimeout = false,
      chart = false,
      preExpandSize = false,
      dataTableCSV = null,
      assignDataFields = null,
      templateSettings = {},
      toggleButton = highed.dom.cr(
        'div',
        'highed-icon highed-chart-preview-expand fa fa-external-link-square'
      ),
      expanded = false,
      constr = ['Chart'],
      wysiwyg = {
        'g.highcharts-legend': { tab: 'Legend', dropdown: 'General', id: 'legend--enabled' },
        'text.highcharts-title': { tab: 'Chart',  dropdown: 'Title', id: 'title--text' },
        'text.highcharts-subtitle': { tab: 'Chart', dropdown: 'Title',id: 'subtitle--text' },
        '.highcharts-yaxis-labels': { tab: 'Axes', dropdown: 'Y Axis', id: 'yAxis-labels--format' },
        '.highcharts-xaxis-labels': { tab: 'Axes', dropdown: 'X Axis', id: 'xAxis-labels--format' },
        '.highcharts-xaxis .highcharts-axis-title': {
          tab: 'Axes', 
          dropdown: 'X Axis',
          id: 'xAxis-title--text'
        },
        '.highcharts-yaxis .highcharts-axis-title': {
          tab: 'Axes',
          dropdown: 'Y Axis',
          id: 'yAxis-title--text'
        },
        'rect.highcharts-background': {
          tab: 'Chart',
          dropdown: 'Appearance',
          id: 'chart--backgroundColor'
        },
        '.highcharts-series': { tab: 'Data series', id: 'series' },
        'g.highcharts-tooltip': { tab: 'Chart', dropdown: 'Tooltip', id: 'tooltip--enabled' }
      },
      isAnnotating = false,
      annotationType = false;
  
    ///////////////////////////////////////////////////////////////////////////
  
    function attachWYSIWYG() {
      
      Object.keys(wysiwyg).forEach(function(key) {
        highed.dom.on(parent.querySelector(key), 'click', function(e) {
          if (isAnnotating) return;
          events.emit('RequestEdit', wysiwyg[key], e.clientX, e.clientY);
          e.cancelBubble = true;
          e.preventDefault();
          e.stopPropagation();
          e.stopImmediatePropagation();
          return false;
        });
      });
    }
  
    function stringifyFn(obj, tabs) {
      return JSON.stringify(
        obj,
        function(key, value) {
          if (highed.isFn(value)) {
            return value.toString();
          }
  
          return value;
        },
        tabs
      );
    }
  
    /* Get the chart if it's initied */
    function gc(fn) {
      if (highed.isFn(fn)) {
        if (chart !== false) {
          return fn(chart);
        }
        return fn(init());
      }
      return false;
    }
  
    /* Emit change events */
    function emitChange() {
      events.emit('ChartChange', aggregatedOptions);
  
      //Throttled event - we use this when doing server stuff in the handler
      //since e.g. using the color picker can result in quite a lot of updates
      //within a short amount of time
      window.clearTimeout(throttleTimeout);
      throttleTimeout = window.setTimeout(function() {
        events.emit('ChartChangeLately', aggregatedOptions);
      }, 200);
    }
  
    function addShape(chart, type, x, y) {
      var options = {
          id: "shape_" + customizedOptions.annotations.length, //customizedOptions.annotations[0].shapes.length,
          type: type,
          point: {
              x: x,
              y: y,
              xAxis: 0,
              yAxis: 0
          },
          x: 0,
          y: 0
      };
  
      if (type === 'circle') {
          options.r = 10;
      } else if (type === 'rect') {
          options.width = 20;
          options.height = 20;
          options.x = -10;
          options.y = -10;
      }
  
  
      var annotation = chart.addAnnotation({
        id: "shape_" + customizedOptions.annotations.length, //customizedOptions.annotations[0].shapes.length,
        shapes: [options],
        type: type
      });
      
      var annotation = chart.addAnnotation({
          id: "shape_" + customizedOptions.annotations.length, //customizedOptions.annotations[0].shapes.length,
          shapes: [options],
          type: type
      });
  
      customizedOptions.annotations.push({ 
        id: "shape_" + customizedOptions.annotations.length,
        shapes: [annotation.options.shapes[0]]
      });
      //customizedOptions.annotations[0].shapes.push(annotation.options.shapes[0]);
    }
  
    /* Init the chart */
    function init(options, pnode, noAnimation) {
      var i;
  
      //We want to work on a copy..
      options = options || aggregatedOptions;
  
      if (highed.isArr(constr)) constr = constr;
      else constr = ['Chart'];
  
      // options = highed.merge({}, options || aggregatedOptions);
  
      // if (aggregatedOptions && aggregatedOptions.series) {
      //     options = aggregatedOptions.series;
      // }
  
      if (noAnimation) {
        highed.setAttr(options, 'plotOptions--series--animation', false);
      }
  
      if (typeof window.Highcharts === 'undefined') {
        highed.snackBar('Highcharts.JS must be included to use the editor');
        return;
      }
  
      // (pnode || parent).innerHTML = 'Chart not loaded yet';
  
      // options.chart = options.chart || {};
      // options.chart.width = '100%';
      // options.chart.height = '100%';
  
      // if (options && options.chart) {
      //   delete options.chart.width;
      //   delete options.chart.height;
      // }
  
  
      if (chart && chart.annotations) {
        var annotations = chart.annotations || [];
        for (var i = annotations.length - 1; i > -1; --i) {
          if (annotations[i].options) {
            chart.removeAnnotation(annotations[i].options.id);
          }
        }
        chart.annotations.length = 0;
      }
      
      try {
        const chartConstr = (constr.some(function(a) {
          return a === 'StockChart';
        }) ? 'StockChart' : 'Chart');
  
        chart = new Highcharts[chartConstr](pnode || parent, options);
  
        //This is super ugly.
        // customizedOptions.series = customizedOptions.series || [];
        //  customizedOptions.series = chart.options.series || [];
        // highed.merge(customizedOptions.series, chart.options.series);
        //updateAggregated();
  
        if (chart && chart.options) {
          highed.clearObj(chartOptions);
          highed.merge(chartOptions, chart.options);
        }
  
        attachWYSIWYG();
  
        if (chart && chart.reflow) {
          //chart.reflow();
        }
  
        Highcharts.error = function (code, stopLoading) {
          if (stopLoading) throw code;
          else {      
            setTimeout(function() {
              events.emit('Error', {
                code: code,
                url : (code ? 'https://www.highcharts.com/errors/' + code : ''),
                warning: true
              });  
            }, 200);
          }
        };
  
        function setupAnnotationEvents(eventName, type) {
          Highcharts.wrap(Highcharts.Annotation.prototype, eventName, function(proceed, shapeOptions) {
            proceed.apply(this, Array.prototype.slice.call(arguments, 1))
            var annotation = this[type][this[type].length - 1];
            
            (annotation.element).addEventListener('click', function(e) {
              highed.dom.nodefault(e);
              if (isAnnotating && annotationType === 'delete') {
                var optionIndex = customizedOptions.annotations.findIndex(function(element) {
                  return element.id === annotation.options.id
                });
  
                chart.removeAnnotation(annotation.options.id);
                customizedOptions.annotations.splice(optionIndex, 1);
  
              }
            });
  
            (annotation.element).addEventListener('mousedown', function(e) {
              if (!chart.activeAnnotation && (isAnnotating && annotationType === 'drag')) {
                if (type === 'shapes') {
                  chart.activeAnnotationOptions = highed.merge({}, annotation.options);
                  if (annotation.type === 'rect') {
                    chart.activeAnnotationOptions.width = 20;
                    chart.activeAnnotationOptions.height = 20;
                  }
                } else {
                  chart.activeAnnotationOptions = {
                    id: annotation.options.id,
                    text: annotation.options.text,
                    point: { 
                      x: annotation.options.point.x, 
                      y: annotation.options.point.y,            
                      xAxis: 0,
                      yAxis: 0 
                    },
                    backgroundColor: annotation.options.backgroundColor,
                    shape: annotation.options.shape,
                    borderWidth: annotation.options.borderWidth,
                    x: 0,
                    y: 0
                  };
                }
                annotation.id = annotation.options.id;
                chart.activeAnnotation = annotation;
                chart.annotationType = type;
              }
            });
          })
        }
  
        setupAnnotationEvents('initLabel', 'labels');
        setupAnnotationEvents('initShape', 'shapes');
  
  
        Highcharts.addEvent(document, 'mousemove', function (e) {
          if (!chart.isInsidePlot(e.chartX - chart.plotLeft, e.chartY - chart.plotTop)) return;
  
          if (chart.activeAnnotationOptions && (isAnnotating && annotationType === 'drag')) {
            var s = chart.pointer.normalize(e),
                prevOptions = chart.activeAnnotationOptions,
                prevAnn = chart.activeAnnotation;
            
            prevOptions.point.x = chart.xAxis[0].toValue(s.chartX);
            prevOptions.point.y = chart.yAxis[0].toValue(s.chartY);
            
            if(prevAnn && prevAnn.id) {
              chart.removeAnnotation(prevAnn.id);
            }
              
            var newAnnotation;
            if (chart.annotationType === 'shapes') {
              newAnnotation = chart.addAnnotation({
                  id: prevOptions.id,
                  shapes: [prevOptions]
              });
            } else {
              newAnnotation = chart.addAnnotation({
                id: prevOptions.id,
                labels: [prevOptions]
              });
            }
            newAnnotation.id = prevOptions.id;
            chart.activeAnnotation = newAnnotation;
          }
        });
        
        Highcharts.addEvent(document, 'mouseup', function (e) {
          if (chart.activeAnnotation && (isAnnotating && annotationType === 'drag')) {
  
            chart.removeAnnotation(chart.activeAnnotationOptions.id);
  
            if (chart.annotationType === 'shapes') {
  
              chart.activeAnnotation = chart.addAnnotation({
                id: chart.activeAnnotationOptions.id,
                shapes: [chart.activeAnnotationOptions]
              });
  
              customizedOptions.annotations.some(function(ann) {
                if (ann.shapes && ann.shapes[0].id === chart.activeAnnotationOptions.id) {
                  ann.shapes[0].point.x = chart.activeAnnotation.options.shapes[0].point.x;
                  ann.shapes[0].point.y = chart.activeAnnotation.options.shapes[0].point.y;
                  return true;
                }
              });
  
            } else {
              chart.activeAnnotation = chart.addAnnotation({
                id: chart.activeAnnotationOptions.id,
                labels: [chart.activeAnnotationOptions]
              });
  
              customizedOptions.annotations.some(function(ann) {
                if (ann.labels && ann.labels[0].id === chart.activeAnnotationOptions.id) {
                  ann.labels[0].point.x = chart.activeAnnotation.options.labels[0].point.x;
                  ann.labels[0].point.y = chart.activeAnnotation.options.labels[0].point.y;
                  return true;
                }
              });
            }
            chart.activeAnnotation = null;
            chart.activeAnnotationOptions = null;
            chart.annotationType = null;
          }
        });
  
        Highcharts.addEvent(chart, 'click', function (e) {
          if (isAnnotating) {
            //events.emit('SetAnnotate', e);
  
            if (!customizedOptions.annotations) customizedOptions.annotations = []; //[{}];
            //if (!customizedOptions.annotations[0].shapes) customizedOptions.annotations[0].shapes = []; 
  
            if (annotationType === 'label') {
              events.emit('ShowTextDialog', this, e.xAxis[0].value, e.yAxis[0].value);
            } else if (annotationType === 'delete' || annotationType === 'drag'){
            } else {
              addShape(this, annotationType, e.xAxis[0].value, e.yAxis[0].value);
            }
          }
        });
  
        Highcharts.addEvent(chart, 'afterPrint', function() {
          events.emit('RequestResize');
          // highed.dom.ap(pnode || parent, toggleButton);
        });
  
        events.emit('ChartRecreated');
      } catch (code) {
        events.emit('Error', {
          code: code,
          url : (code ? 'https://www.highcharts.com/errors/' + code : '')
        });
  
        highed.emit('UIAction', 'UnsuccessfulChartGeneration');
  
        (pnode || parent).innerHTML = '';  
        
        chart = false;
      }
  
      return chart;
    }
  
    /** Resize the preview
     *  Resizes based on the parent size.
     *  @memberof highed.ChartPreview
     */
    function resize(width, height) {
      gc(function(chart) {
  
        if (chart && chart.reflow) {
          // && chart.options) {
          try {
            if (width && height) {
              chart.setSize(width, height, true);
              chart.options.chart.width = null;
              chart.options.chart.height = null;
            } else {
              chart.setSize(undefined, undefined, false);
              chart.reflow();
            }
          } catch (e) {
            // No idea why this keeps failing
          }
        }
      });
    }
  
    /**
     * Clear all themes from the chart.
     * Used by cloud to reset theme
     */
    function clearTheme(theme, skipEmit) {
      themeOptions = false;
  
      if (!skipEmit) {
        updateAggregated();
        init(aggregatedOptions);
        emitChange();
        events.emit('SetResizeData');
      }
  
      return true;
    }
  
    /**
     * Assign a theme to the chart
     * theme can either be a straight-up option set, or a theme object with
     * ID and so on.
     */
    function assignTheme(theme, skipEmit) {
      if (highed.isStr(theme)) {
        return assignTheme(JSON.parse(theme));
      }
      themeMeta = {};
  
      if (highed.isBasic(theme) || highed.isArr(theme)) {
        return false;
      }
  
      if (Object.keys(theme).length === 0) {
        return false;
      }
  
      if (theme && theme.options && theme.id) {
        // Assume that this uses the new format
        themeMeta = {
          id: theme.id,
          name: theme.name || theme.id
        };
  
        themeOptions = highed.merge({}, theme.options);
        themeCustomCode = theme.customCode || '';
      } else {
        themeMeta = {
          id: highed.uuid(),
          name: 'Untitled Theme'
        };
  
        themeOptions = highed.merge({}, theme);
      }
  
      if (!skipEmit) {
        events.emit('UpdateCustomCode');
        updateAggregated();
        init(aggregatedOptions);
        emitChange();
        events.emit('SetResizeData');
      }
  
      return true;
    }
  
    function updateAggregated(noCustomCode) {
      // customizedOptions.plotOptions = customizedOptions.plotOptions || {};
      // customizedOptions.plotOptions.series = customizedOptions.plotOptions.series || [];
      //  customizedOptions.series = customizedOptions.series || [];
  
      if (
        customizedOptions &&
        !highed.isArr(customizedOptions.yAxis) &&
        customizedOptions.yAxis
      ) {
        customizedOptions.yAxis = [customizedOptions.yAxis || {}];
      }
  
      if (
        customizedOptions &&
        !highed.isArr(customizedOptions.xAxis) &&
        customizedOptions.xAxis
      ) {
        customizedOptions.xAxis = [customizedOptions.xAxis || {}];
      }
  
     // templateOptions = templateOptions || {};
      templateOptions = templateOptions || [];
      var aggregatedTemplate = {}; 
  
  
      //Merge fest
  
      highed.clearObj(aggregatedOptions);
  
      highed.merge(aggregatedOptions, properties.defaultChartOptions);
  
      // Apply theme first
      if (themeOptions && Object.keys(themeOptions).length) {
        highed.merge(
          aggregatedOptions,
          highed.merge(highed.merge({}, themeOptions))
        );
      }
  
      templateOptions.forEach(function(arr) {
        if (arr) {
          if (arr.yAxis && !highed.isArr(arr.yAxis)) {
            arr.yAxis = [arr.yAxis];
          }
    
          if (arr.xAxis && !highed.isArr(arr.xAxis)) {
            arr.xAxis = [arr.xAxis];
          }
    
          aggregatedTemplate = highed.merge(aggregatedTemplate, arr);
        }
      });
  
      highed.merge(
        aggregatedOptions,
        highed.merge(highed.merge({}, aggregatedTemplate), customizedOptions)
      );
  
      if (!aggregatedOptions.yAxis && customizedOptions.yAxis) {
        aggregatedOptions.yAxis = customizedOptions.yAxis
      }
  
      if (!aggregatedOptions.xAxis && customizedOptions.xAxis) {
        aggregatedOptions.xAxis = customizedOptions.xAxis
      }
  
      //This needs to be cleaned up
      if (aggregatedOptions.yAxis && aggregatedTemplate.yAxis) {
        aggregatedOptions.yAxis.forEach(function(obj, i) {
          if (i < aggregatedTemplate.yAxis.length) {
            highed.merge(obj, aggregatedTemplate.yAxis[i]);
          }
        });
      }
  
      if (aggregatedOptions.xAxis && aggregatedTemplate.xAxis && highed.isArr(aggregatedOptions.xAxis)) {
        (aggregatedOptions.xAxis).forEach(function(obj, i) {
          if (i < aggregatedTemplate.xAxis.length) {
            highed.merge(obj, aggregatedTemplate.xAxis[i]);
          }
        });
      }
  
      if (themeOptions && themeOptions.xAxis) {
        themeOptions.xAxis = highed.isArr(themeOptions.xAxis)
          ? themeOptions.xAxis
          : [themeOptions.xAxis];
  
        if (highed.isArr(aggregatedOptions.xAxis)) {
          (aggregatedOptions.xAxis).forEach(function(obj, i) {
            if (i < themeOptions.xAxis.length) {
              highed.merge(obj, themeOptions.xAxis[i]);
            }
          });
        }
      }
  
      if (themeOptions && themeOptions.yAxis) {
        themeOptions.yAxis = highed.isArr(themeOptions.yAxis)
          ? themeOptions.yAxis
          : [themeOptions.yAxis];
  
        if (highed.isArr(aggregatedOptions.yAxis)) {
          aggregatedOptions.yAxis.forEach(function(obj, i) {
            if (i < themeOptions.yAxis.length) {
              highed.merge(obj, themeOptions.yAxis[i]);
            }
          });
        }
      }
  
      //Temporary hack
      //aggregatedOptions.series = customizedOptions.series;\
      aggregatedOptions.series = [];
      if (highed.isArr(customizedOptions.series)) {
        customizedOptions.series.forEach(function(obj, i) {
          var mergeTarget = {};
  
          if (themeOptions && highed.isArr(themeOptions.series)) {
            if (i < themeOptions.series.length) {
              mergeTarget = highed.merge({}, themeOptions.series[i]);
            }
          }
  
          aggregatedOptions.series.push(highed.merge(mergeTarget, obj));
        });
      }
  
      if (aggregatedTemplate.series) {
        aggregatedOptions.series = aggregatedOptions.series || [];
  
        aggregatedTemplate.series.forEach(function(obj, i) {
          if (i < aggregatedOptions.series.length) {
            highed.merge(aggregatedOptions.series[i], obj);
          } else {
            aggregatedOptions.series.push(highed.merge({}, obj));
          }
        });
      }
  
      highed.merge(
        aggregatedOptions,
        highed.merge({}, customizedOptions)
      );
  
  
      if (themeOptions && themeOptions.series) {
        if (aggregatedOptions.series) {
          aggregatedOptions.series.forEach(function (serie, i) {
            if (!serie.type && themeOptions.series[i] && themeOptions.series[i].type) {
              serie.type = themeOptions.series[i].type
            }
          });
        }
      }
  
  
      if (aggregatedOptions.yAxis && !highed.isArr(aggregatedOptions.yAxis)) {
        aggregatedOptions.yAxis = [aggregatedOptions.yAxis];
      }
  
      if (aggregatedOptions.xAxis && !highed.isArr(aggregatedOptions.xAxis)) {
        aggregatedOptions.xAxis = [aggregatedOptions.xAxis];
      }
  
      highed.merge(aggregatedOptions, highed.option('stickyChartProperties'));
  
      // Finally, do custom code
      if (!noCustomCode && highed.isFn(customCode)) {
        customCode(aggregatedOptions);
      }
  
    }
  
  
    function deleteSeries(length) {
      if (customizedOptions && customizedOptions.series) {
        customizedOptions.series = customizedOptions.series.slice(0, length);
        updateAggregated();
        init(aggregatedOptions);
        emitChange();
      }
    }
  
    function deleteSerie(index) {
      
      if (customizedOptions.series && customizedOptions.series[index]) {
        customizedOptions.series.splice(index, 1);
        delete templateSettings[index];
      }
  
      updateAggregated();
      init(aggregatedOptions);
    }
  
    function loadTemplateForSerie(template, seriesIndex) {
      const type = template.config.chart.type;
      delete template.config.chart.type;
  
      constr[seriesIndex] = template.constructor || 'Chart';
  
      seriesIndex.forEach(function(index) {
  
        if (!templateSettings[index]) templateSettings[index] = {};
  
        templateSettings[index].templateTitle = template.title;
        templateSettings[index].templateHeader = template.header;
        
        if (customizedOptions.series[index]) {
          customizedOptions.series[index].type = type; //template.config.chart.type;
        } else {
          customizedOptions.series[index] = {
            type: type, //template.config.chart.type,
            turboThreshold: 0,
            _colorIndex: customizedOptions.series.length,
            _symbolIndex: 0,
            compare: undefined
          };
        }
      });
      
      //templateOptions = highed.merge({}, template.config || {});
      templateOptions[seriesIndex] = highed.merge({}, template.config || {});
      
      updateAggregated();
      init(aggregatedOptions);
      //loadSeries();
      emitChange();
    }
  
    /** Load a template from the meta
     *  @memberof highed.ChartPreview
     *  @param template - the template object
     */
    function loadTemplate(template) {
      if (!template || !template.config) {
        return highed.log(
          1,
          'chart preview: templates must be an object {config: {...}}'
        );
      }
      
      constr = [template.constructor || 'Chart'];
  
      //highed.clearObj(templateOptions);
  
      if (customizedOptions.xAxis) {
        delete customizedOptions.xAxis;
      }
  
      if (customizedOptions.yAxis) {
        delete customizedOptions.yAxis;
      }
  
      // highed.setAttr(customizedOptions, 'series', []);
      gc(function(chart) {
        //templateOptions = highed.merge({}, template.config || {});
  
        templateOptions = [highed.merge({}, template.config || {})];
  
        updateAggregated();
        init(aggregatedOptions);
        emitChange();
      });
    }
  
  
    function loadSeriesFromDataSource(){
      if (
        !gc(function(chart) {
          if (chart.options && chart.options.series) {
            customizedOptions.series = chart.options.series;
          }
          return true;
        })
      ) {
        customizedOptions.series = [];
      }
      updateAggregated();
    }
  
    function loadSeries() {/*
      if (
        !gc(function(chart) {
          if (chart.options && chart.options.series) {
            customizedOptions.series = chart.options.series;
          }
          return true;
        })
      ) {
        customizedOptions.series = [];
      }
      updateAggregated();*/
    }
  
    /** Load CSV data
     *  @memberof highed.ChartPreview
     *  @name data.csv
     *  @param data {object} - the data to load
     */
    function loadCSVData(data, emitLoadSignal, bypassClearSeries, cb) {
      var mergedExisting = false,
        seriesClones = [];
      if (!data || !data.csv) {
        if (highed.isStr(data)) {
          data = {
            csv: data,
            // itemDelimiter: ';',
            firstRowAsNames: true
          };
        } else {
          return highed.log(1, 'chart load csv: data.csv is required');
        }
      }
  
      lastLoadedCSV = data.csv;
      lastLoadedSheet = false;
      lastLoadedLiveData = false;
      gc(function(chart) {
        var axis;
  
        // highed.setAttr(customizedOptions, 'series', []);
        // highed.setAttr(aggregatedOptions, 'series', []);
  
        // highed.setAttr(customizedOptions, 'plotOptions--series--animation', true);
        // highed.setAttr(customizedOptions, 'data--csv', data.csv);
        // highed.setAttr(customizedOptions, 'data--googleSpreadsheetKey', undefined);
        // highed.setAttr(customizedOptions, 'data--itemDelimiter', data.itemDelimiter);
        // highed.setAttr(customizedOptions, 'data--firstRowAsNames', data.firstRowAsNames);
        // highed.setAttr(customizedOptions, 'data--dateFormat', data.dateFormat);
        // highed.setAttr(customizedOptions, 'data--decimalPoint', data.decimalPoint);
  
        if (customizedOptions && customizedOptions.series) {
          (highed.isArr(customizedOptions.series)
            ? customizedOptions.series
            : [customizedOptions.series]
          ).forEach(function(series) {
            seriesClones.push(
              highed.merge({}, series, false, {
                data: 1,
                name: 1
              })
            );
          });
        }
        
        customizedOptions.series = [];
  
        if (customizedOptions.xAxis) {
          (highed.isArr(customizedOptions.xAxis)
            ? customizedOptions.xAxis
            : [customizedOptions.xAxis]
          ).forEach(function(axis) {
            if (axis.categories) axis.categories = [];
          });
        }
  
        if (customizedOptions.yAxis) {
          (highed.isArr(customizedOptions.yAxis)
            ? customizedOptions.yAxis
            : [customizedOptions.yAxis]
          ).forEach(function(axis) {
            if (axis.categories) axis.categories = [];
          });
        }
  
        highed.merge(customizedOptions, {
          plotOptions: {
            series: {
              animation: false
            }
          },
          data: {
            csv: data.csv,
            itemDelimiter: data.itemDelimiter,
            firstRowAsNames: data.firstRowAsNames,
            dateFormat: data.dateFormat,
            decimalPoint: data.decimalPoint,
            googleSpreadsheetKey: undefined,
            url: data.url
          }
        });
  
        updateAggregated();
  
        init(aggregatedOptions);
        loadSeries();
        emitChange();
  
        if (highed.isArr(seriesClones)) {
          (seriesClones || []).forEach(function(series, i) {
            mergedExisting = true;
            if (!customizedOptions.series[i]) {
              addBlankSeries(i);
            }
            highed.merge(customizedOptions.series[i], series);
          });
        }
  
        if (mergedExisting) {
          updateAggregated();
          init(aggregatedOptions);
          loadSeries();
          emitChange();
        }
  
        if (emitLoadSignal) {
          events.emit('LoadProjectData', data.csv);
        }
  
        if (cb) cb();
        
      });
  
      // setTimeout(function () {
      // gc(function (chart) {
      //   if (chart && highed.isArr(chart.xAxis) && chart.xAxis.length > 0) {
      //     customizedOptions.xAxis = customizedOptions.xAxis || [];
      //     chart.xAxis.forEach(function (a, i) {
      //       customizedOptions.xAxis[i] = customizedOptions.xAxis[i] || {};
      //       if (a.isDatetimeAxis) {
      //         customizedOptions.xAxis[i].type = 'datetime';
      //       } else if (a.categories) {
      //         customizedOptions.xAxis[i].type = 'categories';
      //       } else {
      //         // customizedOptions.xAxis[i].type = 'linear';
      //       }
      //     });
      //   }
      //   console.log(chart);
      // });
      // }, 1000);
    }
  
    /** Load project
     *  @memberof highed.ChartPreview
     *  @param projectData - the data to load
     */
    function loadProject(projectData) {
      var hasData = false,
        htmlEntities = {
          '&amp;': '&',
          '&lt;': '<',
          '&gt;': '>'
        };
  
      highed.emit('UIAction', 'LoadProject');
      
      lastLoadedCSV = false;
      lastLoadedSheet = false;
      lastLoadedLiveData = false;
      
      if (highed.isStr(projectData)) {
        try {
          return loadProject(JSON.parse(projectData));
        } catch (e) {
          highed.snackBar('Invalid project');
        }
      }
      
      if (projectData) {
        templateOptions = [{}];
        if (projectData.template) {
          if (highed.isArr(projectData.template)) templateOptions = projectData.template;
          else templateOptions = [projectData.template];
        }
  
        customizedOptions = {};
        if (projectData.options) {
          customizedOptions = projectData.options;
        }
  
        // highed.merge(customizedOptions, {
        //   data: {
        //     csv: undefined
        //   }
        // });
  
        // if (customizedOptions && customizedOptions.data) {
        //   customizedOptions.data.csv = undefined;
        // }
  
        if (customizedOptions.lang) {
          Highcharts.setOptions({
            lang: customizedOptions.lang
          });
        }
  
        if (typeof projectData.theme !== 'undefined') {
          assignTheme(projectData.theme, true);
        }
  
        if (customizedOptions && customizedOptions.series) {
          customizedOptions.series = highed.isArr(customizedOptions.series)
            ? customizedOptions.series
            : [customizedOptions.series];
  
          customizedOptions.series.forEach(function(series) {
            if (typeof series._colorIndex !== 'undefined') {
              delete series._colorIndex;
            }
          });
        }
  
        setCustomCode(
          projectData.customCode,
          function(err) {
            highed.snackBar('Error in custom code: ' + err);
          },
          true
        );
  
        events.emit('LoadCustomCode');
        
        constr = ['Chart'];
  
        // Support legacy format
        if (projectData.settings && projectData.settings.templateView) {
          if (projectData.settings.templateView.activeSection === 'stock') {
            constr = ['StockChart'];
          }
        }
  
        if (projectData.settings && projectData.settings.template) {
          templateSettings = projectData.settings.template;
        }
  
        if(projectData.settings && projectData.settings.plugins) {
          chartPlugins = projectData.settings.plugins
        }
  
        if (
          projectData.settings &&
          highed.isStr(projectData.settings.constructor)
        ) {
          constr = [projectData.settings.constructor];
        }
  
        if (
          projectData.settings &&
          highed.isArr(projectData.settings.constructor)
        ) {
          constr = projectData.settings.constructor;
        }
  
        if (projectData.settings && projectData.settings.dataProvider) {
          if (projectData.settings.dataProvider.seriesMapping) {
            highed.merge(customizedOptions, {
              data: {
                seriesMapping: projectData.settings.dataProvider.seriesMapping
              }
            });
  
          }
          
          if (projectData.settings.dataProvider.assignDataFields) {
            assignDataFields = projectData.settings.dataProvider.assignDataFields;
          }
  
          if (projectData.settings.dataProvider.googleSpreadsheet) {
            var provider = projectData.settings.dataProvider;
            var sheet = provider.googleSpreadsheet;
  
            if (customizedOptions.data) {
              sheet.startRow =
                provider.startRow || customizedOptions.data.startRow;
              sheet.endRow = provider.endRow || customizedOptions.data.endRow;
              sheet.startColumn =
                provider.startColumn || customizedOptions.data.startColumn;
              sheet.endColumn =
                provider.endColumn || customizedOptions.data.endColumn;
              if (provider.dataRefreshRate && provider.dataRefreshRate > 0) {
                sheet.dataRefreshRate =
                  provider.dataRefreshRate ||
                  customizedOptions.data.dataRefreshRate;
                sheet.enablePolling = true;
              }
            }
  
            events.emit(
              'ProviderGSheet',
              projectData.settings.dataProvider.googleSpreadsheet
            );
  
            loadGSpreadsheet(sheet);
  
            hasData = true;
          } else if (projectData.settings.dataProvider.liveData) {
            var provider = projectData.settings.dataProvider;
            var live = provider.liveData;
  
            loadLiveData(provider.liveData);
          } else if (projectData.settings.dataProvider.csv) {
            // We need to fix potential html-entities as they will mess up separators
            Object.keys(htmlEntities).forEach(function(ent) {
              projectData.settings.dataProvider.csv = projectData.settings.dataProvider.csv.replace(
                new RegExp(ent, 'g'),
                htmlEntities[ent]
              );
            });
            hasData = true;
          }
        }
  
        // Not sure if this should be part of the project files yet
        // if (projectData.editorOptions) {
        //     Object.keys(projectData.editorOptions, function (key) {
        //         highed.option(key, projectData.editorOptions[key]);
        //     });
        // }
  
          updateAggregated();
  
          if (!hasData) {
            init(aggregatedOptions); 
          }
          emitChange();
        
        events.emit('LoadProject', projectData, aggregatedOptions);
      }
    }
  
    function loadLiveData(settings) {
  
      lastLoadedLiveData = settings;
  
      lastLoadedCSV = false;
      lastLoadedSheet = false;
  
      highed.merge(customizedOptions, {
        data: lastLoadedLiveData
      });
  
      events.emit('ProviderLiveData', settings);
      updateAggregated();
      init(aggregatedOptions);
  
      loadSeries();
      emitChange();
  
      // The sheet will be loaded async, so we should listen to the load event.
      gc(function(chart) {
        var found = Highcharts.addEvent(chart, 'load', function() {
          loadSeriesFromDataSource();
          found();
        });
      });
  
    }
  
    function loadGSpreadsheet(options) {
      var key;
  
      lastLoadedCSV = false;
      lastLoadedSheet = options;
  
      lastLoadedSheet.googleSpreadsheetKey =
        lastLoadedSheet.googleSpreadsheetKey || lastLoadedSheet.id;
      lastLoadedSheet.googleSpreadsheetWorksheet =
        lastLoadedSheet.googleSpreadsheetWorksheet || lastLoadedSheet.worksheet;
  
      if (options && (options.googleSpreadsheetKey || '').indexOf('http') === 0) {
        // Parse out the spreadsheet ID
        // Located between /d/ and the next slash after that
        key = options.googleSpreadsheetKey;
        key = key.substr(key.indexOf('/d/') + 3);
        key = key.substr(0, key.indexOf('/'));
  
        options.googleSpreadsheetKey = key;
      }
  
      highed.merge(customizedOptions, {
        data: lastLoadedSheet
      });
  
  
  
      updateAggregated();
      init(aggregatedOptions);
      loadSeries();
      emitChange();
      // The sheet will be loaded async, so we should listen to the load event.
      gc(function(chart) {
        var found = Highcharts.addEvent(chart, 'load', function() {
          loadSeriesFromDataSource();
          //loadSeries();
          found();
        });
      });
    }
  
    function getCleanOptions(source) {
      return source;
  
      // return highed.merge(highed.merge({}, source), {
      //   data: {
      //     csv: false
      //   }
      // });
  
      // var clone = highed.merge({}, source || customizedOptions);
  
      // if (!highed.isArr(clone.yAxis)) {
      //   clone.yAxis = [clone.yAxis];
      // }
  
      // (clone.yAxis || []).forEach(function (axis) {
      //   if (axis.series) {
      //     delete axis.series.data;
      //   }
      // });
  
      // return clone;
    }
  
    /** Export project as JSON
     *  @memberof highed.ChartPreview
     */
    function toProject() {
      var loadedCSVRaw = false,
        gsheet = lastLoadedSheet,
        livedata = lastLoadedLiveData,
        themeData = false,
        seriesMapping = false;
      if (
        (chart &&
        chart.options &&
        chart.options.data &&
        chart.options.data.csv) || 
        dataTableCSV !== null
      ) {
        loadedCSVRaw = dataTableCSV || (chart.options.data ? chart.options.data.csv : '');
  
        if (chart.options.data && chart.options.data.seriesMapping) {
          seriesMapping = chart.options.data.seriesMapping;
        }
      }
  
      if (
        chart &&
        chart.options &&
        chart.options.data &&
        chart.options.data.googleSpreadsheetKey
      ) {
        gsheet = {
          googleSpreadsheetKey: chart.options.data.googleSpreadsheetKey,
          googleSpreadsheetWorksheet:
            chart.options.data.googleSpreadsheetWorksheet
        };
        assignDataFields = false;
      }
  
      if (chart &&
          chart.options &&
          chart.options.data &&
          chart.options.data.url
        ) {
          livedata = {
            url: chart.options.data.url,
            interval: chart.options.data.interval,
            type: chart.options.data.type
          };
          assignDataFields = false;
      }
  
      if (themeMeta && themeMeta.id && themeOptions) {
        themeData = {
          id: themeMeta.id,
          name: themeMeta.name,
          options: themeOptions || {},
          customCode: themeCustomCode || ''
        };
      }
      
      if (chart && chart.options && chart.options.annotations) {
        chartPlugins.annotations = 1;
      }
  
      return {
        template: templateOptions,
        options: getCleanOptions(customizedOptions),
        customCode: highed.isFn(customCode) ? customCodeStr : '',
        theme: themeData,
        settings: {
          constructor: constr,
          template: templateSettings,
          plugins: chartPlugins,//getPlugins(),
          dataProvider: {
            csv: !gsheet && !livedata ? loadedCSVRaw || lastLoadedCSV : false,
            googleSpreadsheet: gsheet,
            liveData: livedata,
            assignDataFields: assignDataFields,
            seriesMapping: seriesMapping
          }
        }
        //editorOptions: highed.serializeEditorOptions()
      };
    }
  
    function getTemplateSettings() {
      return templateSettings;
    }
  
    function clearData(skipReinit) {
      lastLoadedCSV = false;
      lastLoadedSheet = false;
      lastLoadedLiveData = false;
  
      if (customizedOptions && customizedOptions.data) {
        customizedOptions.data = {};
      }
  
      if (customizedOptions.series) {
        customizedOptions.series = highed.isArr(customizedOptions.series)
          ? customizedOptions.series
          : [customizedOptions.series];
  
        
        customizedOptions.series.forEach(function(series) {
          if (series.data) {
            delete series.data;
          }
        });
      }
  
      if (!skipReinit) {
        updateAggregated();
        init(aggregatedOptions);
        emitChange();
      }
    }
  
    /**
     * Export project as a JSON string
     */
    function toProjectStr(tabs) {
      return stringifyFn(toProject(), tabs);
    }
  
    /** Load JSON data
     * Functionally, this only instances a new
     * chart with the supplied data as its options.
     * It accepts both a string and and object
     *
     * @memberof highed.ChartPreview
     * @name data.json
     * @param data {object} - the data to load
     */
    function loadJSONData(data) {
      lastLoadedCSV = false;
  
      gc(function(chart) {
        if (highed.isStr(data)) {
          try {
            loadJSONData(JSON.parse(data));
          } catch (e) {
            highed.snackBar('invalid json: ' + e);
          }
        } else if (highed.isBasic(data)) {
          highed.snackBar('the data is not valid json');
        } else {
          templateOptions = [{}];
          highed.clearObj(customizedOptions);
          highed.merge(customizedOptions, highed.merge({}, data));
  
          if (!highed.isNull(data.series)) {
            customizedOptions.series = data.series;
          }
  
          updateAggregated();
          init(customizedOptions);
          loadSeries();
          emitChange();
        }
      });
    }
  
    /**
     * Set Data table CSV as user could have unused columns that need saving too.
     */
  
    function setDataTableCSV(csv) {
      dataTableCSV = csv;
    }
  
    /**
     * Set Assign Data fields from datatable
     */
  
    function setAssignDataFields(fields) {
      assignDataFields = fields;
    }
  
  
    /**
     * Add/Remove a module from the charts config
     */
  
    function togglePlugins(groupId, newValue) {
      if (newValue) {
        chartPlugins[groupId] = 1;
      } else {
        delete chartPlugins[groupId];
      }
    }
  
  
    function getPlugins() {
      var arr = [];
  
      Object.keys(chartPlugins).filter(function(key) {
        chartPlugins[key].forEach(function(object) {
          if (arr.indexOf(object) === -1) arr.push(object);
        });
      });
  
      return arr;
    }
  
    /**
     * Load raw dataset (array of arrays)
     */
    //function
  
    /** Set chart options from an object
     *
     */
    function setChartOptions(options) {
      function emitWidthChange() {
        events.emit('AttrChange', {
          id: 'chart.width'
        });
      }
  
      function emitHeightChange() {
        events.emit('AttrChange', {
          id: 'chart.height'
        });
      }
  
      var doEmitHeightChange = false,
        doEmitWidthChange = false;
  
      // Temp. hack to deal with actual sizing
      if (options && options.chart) {
        if (typeof options.chart.width !== 'undefined') {
          if (
            !customizedOptions.chart ||
            typeof customizedOptions.chart === 'undefined'
          ) {
            doEmitWidthChange = true;
          } else if (customizedOptions.chart.width !== options.chart.width) {
            doEmitWidthChange = true;
          }
        }
  
        if (typeof options.chart.height !== 'undefined') {
          if (
            !customizedOptions.chart ||
            typeof customizedOptions.chart === 'undefined'
          ) {
            doEmitHeightChange = true;
          } else if (customizedOptions.chart.height !== options.chart.height) {
            doEmitHeightChange = true;
          }
        }
      }
  
      // console.time('remblanks');
      customizedOptions = highed.transform.remBlanks(
        highed.merge({}, options, false)
      );
      // console.timeEnd('remblanks');
  
      if (customizedOptions && customizedOptions.lang) {
        Highcharts.setOptions({
          lang: customizedOptions.lang
        });
      }
  
      if (options && options.global) {
      }
  
      // This is nasty
      if (options && options.data && options.data.googleSpreadsheetKey) {
        events.emit('LoadedGoogleSpreadsheet');
      }
  
      updateAggregated();
      init(aggregatedOptions, false, true);
      emitChange();
  
      if (doEmitHeightChange) {
        emitHeightChange();
      }
  
      if (doEmitWidthChange) {
        emitWidthChange();
      }
    }
  
    /** Load chart settings
     * Note that merges the incoming settings with the existing ones.
     * @memberof highed.ChartPreview
     * @name data.settings
     * @param settings {object} - the settings to load
     */
    function loadChartSettings(settings) {
      gc(function(chart) {
        Object.keys(settings || {}).forEach(function(key) {
          highed.setAttr(customizedOptions, key, settings[key]);
        });
  
        updateAggregated();
        init(aggregatedOptions);
        emitChange();
      });
    }
  
    function loadSeriesData(seriesArr) {
      if (!highed.isArr(seriesArr)) return;
      customizedOptions.series = customizedOptions.series || [];
  
      if (seriesArr.length < customizedOptions.series.length) {
        //Need to delete some series
        customizedOptions.series.splice(
          seriesArr.length,
          customizedOptions.series.length - seriesArr.length
        );
      }
  
      seriesArr.forEach(function(s, i) {
        if (s.name) {
          set('series-name', s.name, i);
        }
        if (s.data) {
          set('series-data', s.data, i);
        }
      });
    }
  
    /** Set an attribute
     *  @memberof highed.ChartPreview
     *  @name options.set
     *  @param id {string} - the path of the attribute
     *  @param value {anything} - the value to set
     *  @param index {number} - used if the option is an array
     */
    function set(id, value, index) {
      gc(function(chart) {
        //highed.setAttr(chart.options, id, value, index);
        highed.setAttr(
          chart.options,
          'plotOptions--series--animation',
          false,
          index
        );
      });
  
      //We want to be able to set the customized options even if the chart
      //doesn't exist
      highed.setAttr(customizedOptions, id, value, index);
  
      flatOptions[id] = value;
  
      if (id.indexOf('lang--') === 0 && customizedOptions.lang) {
        Highcharts.setOptions({
          lang: customizedOptions.lang
        });
      }
  
      updateAggregated();
      init(aggregatedOptions, false, true);
      emitChange();
  
      events.emit('AttrChange', {
        id: id.replace(/\-\-/g, '.').replace(/\-/g, '.'),
        value: value
      });
    }
  
    /** Get embeddable JSON
     *  This returns the merged chart, with both customized options
     *  and options set indirectly through templates.
     *  @memberof highed.ChartPreview
     *  @name export.json
     *  @returns {object} - the chart object
     */
    function getEmbeddableJSON(noCustomCode) {
      var r;
      updateAggregated(noCustomCode);
      r = getCleanOptions(highed.merge({}, aggregatedOptions));
  
      //This should be part of the series
      if (!highed.isNull(r.data)) {
        // Don't delete spreadsheet stuff
        if (!r.data.googleSpreadsheetKey) {
          r.data = undefined;
        }
        //delete r['data'];
      }
  
      if (r && highed.isArr(r.series)) {
        r.series = r.series.map(function(s) {
          var cloned = highed.merge({}, s);
          delete s.data;
          return s;
        });
      }
  
      if (lastLoadedSheet) {
        highed.merge(r, {
          data: lastLoadedSheet
        });
      } else if (lastLoadedLiveData) {
        highed.merge(r, {
          data: lastLoadedLiveData,
          googleSpreadsheetKey: false,
          googleSpreadsheetWorksheet: false
        });
      } else if (lastLoadedCSV) {
        highed.merge(r, {
          data: {
            csv: lastLoadedCSV,
            googleSpreadsheetKey: false,
            googleSpreadsheetWorksheet: false
          }
        });
      }
  
      return r;
    }
  
    /**
     * Convert the chart to a string
     */
    function toString(tabs) {
      return stringifyFn(getEmbeddableJSON(), tabs);
    }
  
    /** Get embeddable SVG
     *  @memberof highed.ChartPreview
     *  @name export.svg
     *  @returns {string} - the result from `Highcharts.Chart.getSVG()`
     */
    function getEmbeddableSVG() {
      return gc(function(chart) {
        return highed.isFn(chart.getSVG) ? chart.getSVG() : '';
      });
    }
  
    /** Get embeddable JavaScript
     *  @memberof highed.ChartPreview
     *  @name export.js
     *  @param id {string} - the ID of the node to attach the chart to
     *  @returns {string} - a string containing JavaScript to reproduce the chart
     */
    function getEmbeddableJavaScript(id) {
      return gc(function(chart) {
        var cdnIncludes = [
            'https://code.highcharts.com/stock/highstock.js',
            'https://code.highcharts.com/highcharts-more.js',
            'https://code.highcharts.com/highcharts-3d.js',
            'https://code.highcharts.com/modules/data.js',
            'https://code.highcharts.com/modules/exporting.js',
            'https://code.highcharts.com/modules/funnel.js',
            'https://code.highcharts.com/6.0.2/modules/annotations.js',
            'https://code.highcharts.com/modules/accessibility.js',
            // 'https://code.highcharts.com/modules/series-label.js'
            'https://code.highcharts.com/modules/solid-gauge.js'
          ],
          cdnIncludesArr = [],
          title =
            chart.options && chart.options.title
              ? chart.options.title.text || 'untitled chart'
              : 'untitled chart';
  
        id = id || '';
  
        /*
                  This magic code will generate an injection script that will
                  check if highcharts is included, and include it if not.
                  Afterwards, it will create the chart, and insert it into the page.
  
                  It's quite messy, could to client-side templating or something,
                  but it works.
              */
  
        if (highed.option('includeCDNInExport')) {
          cdnIncludesArr = [
            'var files = ',
            JSON.stringify(cdnIncludes),
            ',',
            'loaded = 0; ',
            'if (typeof window["HighchartsEditor"] === "undefined") {',
            'window.HighchartsEditor = {',
            'ondone: [cl],',
            'hasWrapped: false,',
            'hasLoaded: false',
            '};',
            'include(files[0]);',
            '} else {',
            'if (window.HighchartsEditor.hasLoaded) {',
            'cl();',
            '} else {',
            'window.HighchartsEditor.ondone.push(cl);',
            '}',
            '}',
            'function isScriptAlreadyIncluded(src){',
            'var scripts = document.getElementsByTagName("script");',
            'for (var i = 0; i < scripts.length; i++) {',
            'if (scripts[i].hasAttribute("src")) {',
            'if ((scripts[i].getAttribute("src") || "").indexOf(src) >= 0 || (scripts[i].getAttribute("src") === "http://code.highcharts.com/highcharts.js" && src === "https://code.highcharts.com/stock/highstock.js")) {',
            'return true;',
            '}',
            '}',
            '}',
            'return false;',
            '}',
            'function check() {',
            'if (loaded === files.length) {',
            'for (var i = 0; i < window.HighchartsEditor.ondone.length; i++) {',
            'try {',
            'window.HighchartsEditor.ondone[i]();',
            '} catch(e) {',
            'console.error(e);',
            '}',
            '}',
            'window.HighchartsEditor.hasLoaded = true;',
            '}',
            '}',
  
            'function include(script) {',
            'function next() {',
            '++loaded;',
            'if (loaded < files.length) {',
            'include(files[loaded]);',
            '}',
            'check();',
            '}',
            'if (isScriptAlreadyIncluded(script)) {',
            'return next();',
            '}',
            'var sc=document.createElement("script");',
            'sc.src = script;',
            'sc.type="text/javascript";',
            'sc.onload=function() { next(); };',
            'document.head.appendChild(sc);',
            '}',
  
            'function each(a, fn){',
            'if (typeof a.forEach !== "undefined"){a.forEach(fn);}',
            'else{',
            'for (var i = 0; i < a.length; i++){',
            'if (fn) {fn(a[i]);}',
            '}',
            '}',
            '}',
  
            'var inc = {},incl=[]; each(document.querySelectorAll("script"), function(t) {inc[t.src.substr(0, t.src.indexOf("?"))] = 1; ',
            '});'
          ];
        }
  
        const chartConstr = (constr.some(function(a) {
          return a === 'StockChart';
        }) ? 'StockChart' : 'Chart');
  
        return (
          '\n' +
          [
            '(function(){ ',
  
            cdnIncludesArr.join(''),
  
            ' function cl() {',
            'if(typeof window["Highcharts"] !== "undefined"){', //' && Highcharts.Data ? ',
  
            !customizedOptions.lang
              ? ''
              : 'Highcharts.setOptions({lang:' +
                JSON.stringify(customizedOptions.lang) +
                '});',
            'var options=',
            stringifyFn(getEmbeddableJSON(true)),
            ';',
            highed.isFn(customCode) ? customCodeStr : '',
            'new Highcharts.' + chartConstr + '("',
            id,
            '", options);',
            '}',
            '}',
            '})();'
          ].join('') +
          '\n'
        );
      });
    }
  
    function getCodePreview() {
      var options = getEmbeddableJSON(true);
  
      if (highed.isFn(customCode) && customCodeStr) {
        customCode(options);
      }
  
      return stringifyFn(options, '  ');
    }
  
    /** Get embeddable HTML
     *  @memberof highed.ChartPreview
     *  @name export.html
     *  @param placehold {bool} - if true, SVG will also be embedded
     *  @returns {string} - a string of embeddable HTML
     */
    function getEmbeddableHTML(placehold) {
      return gc(function(chart) {
        var id = 'highcharts-' + highed.uuid();
        return (
          '\n' +
          [
            '<div id="',
            id,
            '">',
            placehold ? getEmbeddableSVG() : '',
            '</div>'
          ].join('') +
          '<script>' +
          getEmbeddableJavaScript(id) +
          '</script>'
        );
      });
    }
  
    /**
     * Expand the chart from its drawer
     * @memberof highed.ChartPreview
     */
    function expand() {
      gc(function(chart) {
        if (!expanded) {
          highed.dom.style(properties.expandTo, {
            width: '100%',
            display: 'block'
          });
  
          preExpandSize = highed.dom.size(parent);
          init(chart.options, properties.expandTo);
          expanded = true;
  
          toggleButton.className =
            'highed-icon highed-chart-preview-expand fa fa-times-circle';
        }
      });
    }
  
    /** Collapse the chart into its drawer
     *  @memberof highed.ChartPreview
     */
    function collapse() {
      gc(function(chart) {
        if (preExpandSize && expanded) {
          highed.dom.style(properties.expandTo, {
            width: '0px',
            display: 'none'
          });
  
          toggleButton.className =
            'highed-icon highed-chart-preview-expand fa fa-external-link-square';
  
          init(chart.options, parent);
          expanded = false;
        }
      });
    }
  
    /** Flush all options and start over
     *  @memberof highed.ChartPreview
     *  @name new
     */
    function newChart() {
      highed.cloud.flush();
  
      templateOptions = [];
      highed.clearObj(customizedOptions);
      highed.clearObj(flatOptions);
  
      customCode = false;
  
      // highed.merge(customizedOptions, properties.defaultChartOptions);
  
      updateAggregated();
  
      init(aggregatedOptions);
  
      emitChange();
      events.emit('New');
    }
  
    /** Export the chart - calls `Highcharts.Chart.exportChart(..)`
     *  @memberof highed.ChartPreview
     *  @name data.export
     *  @param optons {object} - the export options
     */
    function exportChart(options) {
      gc(function(chart) {
        chart.exportChart(options, aggregatedOptions);
      });
    }
  
    /** Attach to a new DOM parent
     *  @memberof highed.ChartPreview
     *  @param newParent {DOMNode} - the node to attach to
     */
    function changeParent(newParent) {
      parent = newParent;
      init();
    }
  
    /** Returns the constructor currently in use
     *  @memberof highed.ChartPreview
     *  @returns {string}
     */
    function getConstructor() {
      return (constr.some(function(a) {
        return a === 'StockChart';
      }) ? 'StockChart' : 'Chart');
    }
  
    function getTheme() {
      return {
        id: themeMeta.id,
        name: themeMeta.name,
        options: themeOptions
      };
    }
  
    function getCustomCode() {
      return customCodeStr && customCodeStr.length
        ? customCodeStr
        : customCodeDefault;
  
      // return highed.isFn(customCode) ?
      // customCodeStr || customCodeDefault :
      // customCode || customCodeDefault;
    }
  
    function setCustomCode(newCode, errFn, skipEmit) {
      var fn;
      
      if (!newCode) {
        customCode = false;
        customCodeStr = '';
      }
  
      try {
        // eval('(var options = {};' + newCode + ')');
        customCode = new Function(
          'options',
          [
            'if (options.yAxis && options.yAxis.length === 1) options.yAxis = options.yAxis[0];',
            'if (options.xAxis && options.xAxis.length === 1) options.xAxis = options.xAxis[0];',
            'if (options.zAxis && options.zAxis.length === 1) options.zAxis = options.zAxis[0];',
            'if (!options.series || options.series.length === 0) return;',
            'var encodedUrl = "";',
             themeCustomCode
          ].join('') + newCode 
        );
        customCodeStr = newCode;
      } catch (e) {
        customCode = false;
        customCodeStr = newCode;
        return highed.isFn(errFn) && errFn(e);
      }
  
      if (!skipEmit) {
        updateAggregated();
        
        if (!customizedOptions.data || (customizedOptions 
           && customizedOptions.data 
           && !customizedOptions.data.googleSpreadsheetKey)) {
          init(aggregatedOptions);
        }
  
        emitChange();
      }
    }
  
    function setIsAnnotating(isAnnotate) {
      isAnnotating = isAnnotate
    }
  
    function setAnnotationType(type) {
      annotationType = type;
    }
  
    function addLabel(x, y, text, color, type) {
      if (chart) {
  
        if (!customizedOptions.annotations) customizedOptions.annotations = [];
        var annotation = chart.addAnnotation({
          id: "label_" + customizedOptions.annotations.length,
          labels: [{
              id: "label_" + customizedOptions.annotations.length,
              text: text,
              point: { 
                x: x, 
                y: y,            
                xAxis: 0,
                yAxis: 0 
              },
              backgroundColor: color,
              shape: type,
              borderWidth: type !== 'connector' ? 0 : 1,
              x: 0,
              y: type === 'circle' ? 0 : -16
          }]
        });
  
        customizedOptions.annotations.push({
          id: "label_" + customizedOptions.annotations.length,
          labels: [annotation.options.labels[0]]
        });
      }
    }
  
  
    function addAnnotationLabel(x, y, text, color, type) {
      addLabel(x, y, text, color, type);
    }
    ///////////////////////////////////////////////////////////////////////////
  
    //Init the initial chart
    updateAggregated();
    init();
  
    highed.dom.on(toggleButton, 'click', function() {
      return expanded ? collapse() : expand();
    });
  
    function addBlankSeries(index, type) {
      if (!customizedOptions.series[index]) {
        customizedOptions.series[index] = {
          data:[],
          turboThreshold: 0,
          _colorIndex: index,
          _symbolIndex: 0,
          compare: undefined
        };
      }
  
      if(type) customizedOptions.series[index].type = type;
      
      //Init the initial chart
      updateAggregated();
      init();
    }
    
    function addAnnotation(e) {
      var xValue = chart.xAxis[0].toValue(e.chartX),
          yValue = chart.yAxis[0].toValue(e.chartY);
  
      
      if (!chart.isInsidePlot(e.chartX - chart.plotLeft, e.chartY - chart.plotTop)) return;
  
      if (!customizedOptions.annotations) customizedOptions.annotations = []; //[{}];
  
      if (annotationType === 'label') {
        events.emit('ShowTextDialog', chart, xValue, yValue);
      } else if (annotationType === 'delete'){
      } else {
        addShape(chart, annotationType, xValue, yValue/*e.chartX - this.plotLeft, e.chartY - this.plotTop*/);
      }
    }
    ///////////////////////////////////////////////////////////////////////////
  
    exports = {
      assignTheme: assignTheme,
      clearTheme: clearTheme,
      getTheme: getTheme,
      getConstructor: getConstructor,
      on: events.on,
      expand: expand,
      collapse: collapse,
      new: newChart,
      changeParent: changeParent,
  
      getHighchartsInstance: gc,
  
      loadTemplate: loadTemplate,
      loadTemplateForSerie: loadTemplateForSerie,
      loadSeries: loadSeriesData,
      resize: resize,
  
      setCustomCode: setCustomCode,
      getCustomCode: getCustomCode,
  
      toProject: toProject,
      toProjectStr: toProjectStr,
      loadProject: loadProject,
  
      toString: toString,
      setIsAnnotating: setIsAnnotating,
      setAnnotationType: setAnnotationType,
      addAnnotationLabel: addAnnotationLabel,
      addAnnotation: addAnnotation,
  
      options: {
        set: set,
        setAll: setChartOptions,
        customized: customizedOptions,
        getCustomized: function() {
          return customizedOptions;
        },
        full: aggregatedOptions,
        flat: flatOptions,
        chart: chartOptions,
        getPreview: getCodePreview,
        all: function(){
          return chart;
        },
        addBlankSeries: addBlankSeries,
        togglePlugins: togglePlugins,
        getTemplateSettings: getTemplateSettings
      },
  
      data: {
        csv: loadCSVData,
        json: loadJSONData,
        settings: loadChartSettings,
        export: exportChart,
        gsheet: loadGSpreadsheet,
        clear: clearData,
        live: loadLiveData,
        setDataTableCSV: setDataTableCSV,
        setAssignDataFields: setAssignDataFields,
        deleteSerie: deleteSerie,
        deleteSeries: deleteSeries
      },
  
      export: {
        html: getEmbeddableHTML,
        json: getEmbeddableJSON,
        svg: getEmbeddableSVG,
        js: getEmbeddableJavaScript
      }
    };
  
    return exports;
  };
  
  /******************************************************************************
  
  Copyright (c) 2016-2018, Highsoft
  
  Permission is hereby granted, free of charge, to any person obtaining
  a copy of this software and associated documentation files (the
  "Software"), to deal in the Software without restriction, including
  without limitation the rights to use, copy, modify, merge, publish,
  distribute, sublicense, and/or sell copies of the Software, and to
  permit persons to whom the Software is furnished to do so, subject to
  the following conditions:
  
  The above copyright notice and this permission notice shall be
  included in all copies or substantial portions of the Software.
  
  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
  EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
  MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
  IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY
  CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT,
  TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
  SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
  
  ******************************************************************************/
  
  // @format
  
  (function() {
    var modal = highed.OverlayModal(false, {
      showOnInit: false,
      zIndex: 11000,
      width: 300,
      height: 400
    });
  
    highed.dom.ap(
      modal.body,
      highed.dom.cr('span', '', 'License info goes here')
    );
  
    highed.licenseInfo = {
      /** Show license information modal
       *  @namespace highed.licenseInfo
       *  @type function
       */
      show: modal.show
    };
  })();
  
  /******************************************************************************
  
  Copyright (c) 2016-2018, Highsoft
  
  Permission is hereby granted, free of charge, to any person obtaining
  a copy of this software and associated documentation files (the
  "Software"), to deal in the Software without restriction, including
  without limitation the rights to use, copy, modify, merge, publish,
  distribute, sublicense, and/or sell copies of the Software, and to
  permit persons to whom the Software is furnished to do so, subject to
  the following conditions:
  
  The above copyright notice and this permission notice shall be
  included in all copies or substantial portions of the Software.
  
  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
  EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
  MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
  IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY
  CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT,
  TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
  SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
  
  ******************************************************************************/
  
  // @format
  
  (function() {
    var flatOptions = {};
  
    function dive(tree) {
      if (tree) {
        if (highed.isArr(tree)) {
          tree.forEach(dive);
        } else if (tree.options) {
          if (highed.isArr(tree.options)) {
            tree.options.forEach(dive);
          } else {
            Object.keys(tree.options).forEach(function(key) {
              dive(tree.options[key]);
            });
          }
        } else if (tree.id) {
          flatOptions[tree.id] = tree;
        }
      }
    }
  
    dive(highed.meta.optionsExtended);
  
    /** Simple version of the customizer. Whitelisted options
     *  @constructor
     *  @emits PropertyChange - when a property is modified
     *  @param parent {domnode} - the node to append to
     *  @param attributes {object} - settings
     *    > availableSettings {array} - whitelist of options to include
     */
    highed.SimpleCustomizer = function(parent, attributes) {
      var events = highed.events(),
        container = highed.dom.cr('div', 'highed-simple-customizer'),
        table = highed.dom.cr('table', 'highed-customizer-table'),
        properties = highed.merge(
          {
            availableSettings: [
              'title--text',
              'subtitle--text',
              'colors',
              'chart--backgroundColor',
              'yAxis-title--style',
              'yAxis--type',
              'yAxis--opposite',
              'yAxis--reversed',
              'yAxis-labels--format'
            ]
          },
          attributes
        );
  
      ////////////////////////////////////////////////////////////////////////
  
      /** Build the property setter
       *  @memberof highed.SimpleCustomizer
       *  @param options {object} - the current chart options
       */
      function build(options) {
        table.innerHTML = '';
  
        properties.availableSettings.forEach(function(name) {
          var group = highed.merge(
            {
              text: name.replace(/\-/g, ' '),
              id: name,
              tooltipText: false,
              dataType: 'string',
              defaults: false,
              custom: {},
              values: false
            },
            flatOptions[name]
          );
  
          highed.dom.ap(
            table,
            highed.InspectorField(
              group.values ? 'options' : group.dataType,
              highed.getAttr(options, group.id, 0) || group.defaults,
              {
                title: group.text,
                tooltip: group.tooltipText,
                values: group.values,
                custom: group.custom,
                defaults: group.defaults,
                attributes: group.attributes || []
              },
              function(newValue) {
                events.emit('PropertyChange', group.id, newValue, 0);
              },
              false,
              group.id
            )
          );
        });
      }
  
      function highlightNode(n) {
        if (!n) return;
  
        highed.dom.style(n, {
          border: '2px solid #33aa33'
        });
  
        n.focus();
        n.scrollIntoView(true);
  
        window.setTimeout(function() {
          highed.dom.style(n, {
            border: ''
          });
        }, 2000);
      }
  
      /** Focus a field in the inspector
       *  @memberof highed.SimpleCustomizer
       *  @param thing {object} - the thing to focus
       *    > id {anything} - the id of the field
       *  @param x {number} - the x position the request came from
       *  @param y {number} - the y position the request came from
       */
      function focus(thing, x, y) {
        var id = thing.id;
        if (id.indexOf('-') >= 0) {
          highlightNode(table.querySelector('#' + id));
        }
      }
  
      ////////////////////////////////////////////////////////////////////////
  
      highed.ready(function() {
        highed.dom.ap(
          parent,
          highed.dom.ap(
            container,
            highed.dom.cr('div', 'highed-customizer-table-heading', 'Edit Chart'),
            table
          )
        );
      });
  
      return {
        focus: focus,
        on: events.on,
        build: build
      };
    };
  })();
  
  /******************************************************************************
  
  Copyright (c) 2016-2018, Highsoft
  
  Permission is hereby granted, free of charge, to any person obtaining
  a copy of this software and associated documentation files (the
  "Software"), to deal in the Software without restriction, including
  without limitation the rights to use, copy, modify, merge, publish,
  distribute, sublicense, and/or sell copies of the Software, and to
  permit persons to whom the Software is furnished to do so, subject to
  the following conditions:
  
  The above copyright notice and this permission notice shall be
  included in all copies or substantial portions of the Software.
  
  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
  EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
  MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
  IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY
  CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT,
  TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
  SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
  
   ******************************************************************************/
  
  // @format
  
  (function() {
    function createTeamDropDown(target) {
      var dropdown = highed.DropDown(target);
  
      function refresh() {
        dropdown.clear();
  
        highed.cloud.getTeams(function(teamCollection) {
          teamCollection.forEach(function(team) {
            dropdown.addItem({
              id: team.id,
              title: team.name
            });
          });
  
          dropdown.selectByIndex(0);
        });
      }
  
      return {
        refresh: refresh,
        dropdown: dropdown
      };
    }
  
    var chartPreview = false,
      modal = highed.OverlayModal(document.body, {
        //eslint-disable-line no-undef
        showOnInit: false,
        width: '90%',
        height: '90%',
        zIndex: 10001
      }),
      mainContainer = highed.dom.cr('div'),
      charts = highed.dom.cr('div', 'highed-cloud-chart-container'),
      teams = createTeamDropDown(mainContainer),
      pageNavigation = highed.dom.cr('div', 'highed-cloud-paging'),
      activeTeam,
      activeChart,
      saveNewModal = highed.OverlayModal(document.body, {
        //eslint-disable-line no-undef
        showOnInt: false,
        width: 400,
        height: 300,
        zIndex: 10001
      }),
      saveNewTeamsContainer = highed.dom.cr('div'),
      saveNewTeams = createTeamDropDown(saveNewTeamsContainer),
      saveNewName = highed.dom.cr('input', 'highed-field-input'),
      saveNewBtn = highed.dom.cr('button', 'highed-ok-button', 'Save to cloud'),
      loginForm = false;
  
    highed.dom.ap(
      saveNewModal.body,
      highed.dom.cr('h2', 'highed-titlebar', 'Save to Cloud'),
      highed.dom.cr('div', '', 'Team'),
      saveNewTeamsContainer,
      highed.dom.cr('br'),
      highed.dom.cr('div', '', 'Chart Name'),
      saveNewName,
      saveNewBtn
    );
  
    highed.dom.on(saveNewBtn, 'click', function() {
      saveNewBtn.disabled = true;
      saveNewBtn.innerHTML = 'SAVING TO CLOUD...';
  
      highed.cloud.saveNewChart(
        activeTeam,
        saveNewName.value,
        JSON.stringify(chartPreview.toProject()),
        function(data) {
          saveNewBtn.disabled = false;
          if (!data.error && data) {
            activeChart = data;
            saveNewModal.hide();
            saveNewBtn.innerHTML = 'SAVE TO CLOUD';
            highed.snackBar('SAVED TO CLOUD');
          } else {
            highed.snackBar('Error saving to cloud');
          }
        }
      );
    });
  
    saveNewTeams.dropdown.on('Change', function(item) {
      activeTeam = item.id();
    });
  
    function addChart(chart) {
      var container = highed.dom.cr('div', 'highed-cloud-chart'),
        thumbnail = highed.dom.cr('div', 'highed-cloud-thumbnail');
  
      highed.dom.ap(
        charts,
        highed.dom.ap(
          container,
          thumbnail,
          highed.dom.cr('div', 'highed-cloud-chart-title', chart.name)
        )
      );
  
      highed.dom.style(thumbnail, {
        'background-image':
          'url(' + chart.thumbnail_url + '?t=' + new Date().getTime() + ')'
      });
  
      highed.dom.on(thumbnail, 'click', function() {
        if (chartPreview) {
          highed.cloud.getChart(chart.team_owner, chart.id, function(data) {
            try {
              chartPreview.loadProject(JSON.parse(data.data));
              activeChart = chart.id;
              activeTeam = chart.team_owner;
              modal.hide();
            } catch (e) {
              highed.snackbar(e);
            }
          });
        }
      });
    }
  
    highed.dom.ap(
      modal.body,
      highed.dom.cr(
        'h2',
        'highed-titlebar',
        'Load project from Highcharts Cloud'
      ),
      highed.dom.ap(mainContainer, charts, pageNavigation)
    );
  
    function getCharts(page, teamID) {
      // Load charts here
      charts.innerHTML = 'Loading Charts';
      highed.cloud.getCharts(
        teamID,
        function(chartCollection, full) {
          charts.innerHTML = '';
          pageNavigation.innerHTML = '';
  
          if (full.pageCount > 1) {
            for (var i = 1; i <= full.pageCount; i++) {
              (function(pageIndex) {
                var item = highed.dom.cr('span', 'highed-cloud-paging-item', i);
  
                if (pageIndex === page) {
                  item.className += ' selected';
                }
  
                highed.dom.on(item, 'click', function() {
                  getCharts(pageIndex, teamID);
                });
  
                highed.dom.ap(pageNavigation, item);
              })(i);
            }
          }
  
          chartCollection.forEach(addChart);
        },
        page
      );
    }
  
    teams.dropdown.on('Change', function(item) {
      getCharts(false, item.id());
    });
  
    highed.cloud.flush = function() {
      activeChart = false;
      activeTeam = false;
    };
  
    highed.cloud.save = function(chartp) {
      highed.cloud.loginForm(function() {
        saveNewName.value = '';
        saveNewName.focus();
        chartPreview = chartp || chartPreview;
        if (activeChart && activeTeam) {
          // Save project
          highed.cloud.saveExistingChart(
            activeTeam,
            activeChart,
            JSON.stringify(chartPreview.toProject()),
            function() {
              highed.snackbar('CHART SAVED TO CLOUD');
            }
          );
        } else {
          // Show save as new UI
          saveNewModal.show();
          saveNewTeams.refresh();
        }
      });
    };
  
    highed.cloud.showUI = function(preview) {
      highed.cloud.loginForm(function() {
        chartPreview = preview;
        modal.show();
        teams.refresh();
      });
    };
  
    function createLoginForm() {
      var body = highed.dom.cr('div', 'highed-cloud-login-container'),
        username = highed.dom.cr('input', 'highed-cloud-input'),
        password = highed.dom.cr('input', 'highed-cloud-input'),
        btn = highed.dom.cr('button', 'highed-ok-button', 'LOGIN'),
        notice = highed.dom.cr('div', 'highed-cloud-login-error'),
        loginCallback = false,
        modal = highed.OverlayModal(false, {
          height: 300,
          width: 250,
          zIndex: 10001
        });
  
      username.name = 'cloud-username';
      password.name = 'cloud-password';
  
      username.placeholder = 'E-Mail';
      password.placeholder = 'Your password';
      password.type = 'password';
  
      highed.dom.ap(
        modal.body,
        highed.dom.ap(
          body,
          highed.dom.cr('h3', '', 'Login to Highcharts Cloud'),
          notice,
          username,
          password,
          btn,
          highed.dom.cr(
            'div',
            'highed-cloud-login-notice',
            'Requires a Highcharts Cloud account'
          )
        )
      );
  
      highed.dom.on(btn, 'click', function() {
        btn.disabled = true;
        highed.dom.style(notice, { display: 'none' });
  
        highed.cloud.login(username.value, password.value, function(err, res) {
          btn.disabled = false;
  
          if (err || !res || typeof res.token === 'undefined') {
            notice.innerHTML =
              'Error: Check username/password (' + (err || res.message) + ')';
            highed.dom.style(notice, { display: 'block' });
          } else {
            modal.hide();
            if (highed.isFn(loginCallback)) {
              loginCallback();
            }
          }
        });
      });
  
      return function(fn) {
        loginCallback = fn || function() {};
        if (highed.cloud.isLoggedIn()) {
          loginCallback();
        } else {
          modal.show();
        }
      };
    }
  
    highed.cloud.loginForm = function(fn) {
      if (!loginForm) {
        loginForm = createLoginForm();
      }
      loginForm(fn);
    };
  })();
  
  /******************************************************************************
  
  Copyright (c) 2016-2018, Highsoft
  
  Permission is hereby granted, free of charge, to any person obtaining
  a copy of this software and associated documentation files (the
  "Software"), to deal in the Software without restriction, including
  without limitation the rights to use, copy, modify, merge, publish,
  distribute, sublicense, and/or sell copies of the Software, and to
  permit persons to whom the Software is furnished to do so, subject to
  the following conditions:
  
  The above copyright notice and this permission notice shall be
  included in all copies or substantial portions of the Software.
  
  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
  EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
  MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
  IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY
  CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT,
  TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
  SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
  
  ******************************************************************************/
  
  // @format
  
  /* global window */
  
  highed.DrawerEditor = function(parent, options, planCode) {
    var events = highed.events(),
      // Main properties
      properties = highed.merge(
        {
          defaultChartOptions: {},
          useHeader: true,
          features: [
            'data',
            'templates',
            'customize',
            'customcode',
            'advanced',
            'export'
          ],
          importer: {},
          dataGrid: {},
          customizer: {},
          toolbarIcons: []
        },
        options
      ),
      errorBar = highed.dom.cr(
        'div',
        'highed-errorbar highed-box-size highed-transition'
      ),
      errorBarHeadlineContainer = highed.dom.cr(
        'div',
        'highed-errorbar-headline'
      ),
      errorBarHeadline = highed.dom.cr(
        'div',
        'highed-errorbar-headline-text',
        'This is an error!'
      ),
      errorBarClose = highed.dom.cr(
        'div',
        'highed-errorbar-close',
        '<i class="fa fa-times"/>'
      ),
      errorBarBody = highed.dom.cr(
        'div',
        'highed-errorbar-body highed-scrollbar',
        'Oh noes! something is very wrong!'
      ),
      lastSetWidth = false,
      fixedSize = false,
      splitter = highed.VSplitter(parent, {
        topHeight: properties.useHeader ? '60px' : '0px',
        noOverflow: true
      }),    
      builtInOptions = {
        data: {
          icon: 'fa-table',
          title: 'Data',
          widths: {
            desktop: 66,
            tablet: 64,
            phone: 100
          },
          nav: {
            icon: 'table',
            text: 'Data',
            onClick: []
          },
          help: [
            {
              title: 'Manually Add/Edit Data',
              gif: 'dataImport.gif',
              description: [
                'Click a cell to edit its contents.<br/><br/>',
                'The cells can be navigated using the arrow keys.<br/><br/>',
                'Pressing Enter creates a new row, or navigates to the row directly below the current row.'
              ]
            },
            {
              title: 'Setting headings',
              gif: 'dataImport.gif',
              description: [
                'The headings are used as the series titles.<br/><br/>',
                'They can be edited by left clicking them.<br/><br/>',
                'Click the arrow symbol in the header to access column properties.'
              ]
            },
            {
              title: 'Importing Data',
              gif: 'import.gif',
              description: [
                'To import data, simply drag and drop CSV files onto the table, or paste CSV/Excel data into any cell.<br/><br/>',
                'For more advanced data import, click the IMPORT DATA button.'
              ]
            }
          ],
          showLiveStatus: true
        },
        templates: {
          icon: 'fa-bar-chart',
          widths: {
            desktop: 26,
            tablet: 24,
            phone: 100
          },
          title: 'Templates',
          nav: {
            icon: 'bar-chart',
            text: 'Templates',
            onClick: []
          },
          help: [
            {
              title: 'Templates',
              description: [
                'Templates are pre-defined bundles of configuration.<br/><br/>',
                'Start by choosing the template category in the list to the left,',
                'then pick a suitable template for your data and use case in the',
                'template list.'
              ]
            }
          ]
        },
        customize: {
          icon: 'fa-sliders',
          title: 'Customize Chart',
          nav: {
            icon: 'pie-chart',
            text: 'Customize',
            onClick: []
          },
          widths: {
            desktop: 27,
            tablet: 24,
            phone: 100
          },
          help: [
            {
              title: 'Customize',
              description: [
                'The customize pane lets you customize your chart.<br/><br/>',
                'The customizer has three different sections:<br/>',
                '<li>Simple: A simple customizer with the most used options</li>',
                '<li>Advanced: All options available in Highcharts/Highstock can be set here</li>',
                '<li>Custom code: Here, properties can be overridden programatically</li>'
              ]
            }
          ]
        },
      },
      workspaceBody = highed.dom.cr(
        'div',
        'highed-optionspanel-body highed-box-size highed-transition'
      ),
      workspaceButtons = highed.dom.cr(
        'div',
        'highed-optionspanel-buttons highed-optionspanel-cloud highed-box-size highed-transition'
      ),
      smallScreenWorkspaceButtons = highed.dom.cr(
        'div',
        'highed-xs-workspace-buttons highed-optionspanel-xs-cloud highed-box-size highed-transition'
      ),
      workspaceRes = highed.dom.cr(
        'div',
        'highed-optionspanel-buttons highed-optionspanel-res highed-box-size highed-transition'
      ),
      defaultPage,
      panel = highed.OptionsPanel(workspaceBody),
      toolbar = highed.Toolbar(splitter.top),
      // Chart preview
      highedChartContainer = highed.dom.cr('div', 'highed-chart-container highed-transition'),
      chartFrame = highed.dom.cr(
        'div',
        'highed-transition highed-box-size highed-chart-frame highed-scrollbar'
      ),
      showChartSmallScreen = highed.dom.cr(
        'div',
        'highed-transition highed-box-size highed-show-chart-xs',
        '<i class="fa fa-area-chart"/>'
      ),
      chartContainer = highed.dom.cr(
        'div',
        'highed-box-size highed-chart-frame-body'
      ),
      chartPreview = highed.ChartPreview(chartContainer, {
        defaultChartOptions: properties.defaultChartOptions
      }),
      suppressWarning = false,
      dataTableContainer = highed.dom.cr('div', 'highed-box-size highed-fill'),
      customizePage = highed.CustomizePage(
        splitter.bottom,
        highed.merge(
          {
            importer: properties.importer
          },
          properties.customizer
        ),
        chartPreview,
        highedChartContainer,
        builtInOptions.customize,
        chartFrame,
        planCode
      ),
      dataPage = highed.DataPage(  
        splitter.bottom,
        highed.merge(
          {
            importer: properties.importer
          },
          properties.dataGrid
        ),
        chartPreview,
        highedChartContainer,
        builtInOptions.data
      ),
      templatePage = highed.TemplatePage(      
        splitter.bottom,
        highed.merge(
          {
            importer: properties.importer
          },
          properties.dataGrid
        ),
        chartPreview,
        highedChartContainer,
        builtInOptions.templates
      );
      createChartPage = highed.CreateChartPage(
        splitter.bottom,
        properties.features,
        {
          title: 'Create Chart',
          widths: {
            desktop: 95
          }
        }
      ),
  
      // Res preview bar
      resPreviewBar = highed.dom.cr('div', 'highed-res-preview'),
      resWidth = highed.dom.cr('input', 'highed-res-number'),
      resHeight = highed.dom.cr('input', 'highed-res-number'),
      // Exporter
      exporterContainer = highed.dom.cr('div', 'highed-box-size highed-fill'),
      exporter = highed.Exporter(exporterContainer),
      // Templates
      templatesContainer = highed.dom.cr('div', 'highed-box-size highed-fill'),
      templates = highed.ChartTemplateSelector(templatesContainer, chartPreview),
      // Customizer
      customizerContainer = highed.dom.cr('div', 'highed-box-size highed-fill'),
      customizer = highed.ChartCustomizer(
        customizerContainer,
        properties.customizer,
        chartPreview
      ),
      // Toolbar buttons
      toolbarButtons = [
        {
          title: highed.L('newChart'),
          css: 'fa-file',
          click: function() {
            if (window.confirm(highed.getLocalizedStr('confirmNewChart'))) {
              chartPreview.new();
            }
          }
        },
        {
          title: highed.L('saveProject'),
          css: 'fa-floppy-o',
          click: function() {
            var name;
  
            if (chartPreview.options.full.title) {
              name = chartPreview.options.full.title.text;
            }
  
            name = (name || 'chart').replace(/\s/g, '_');
  
            highed.download(name + '.json', chartPreview.toProjectStr());
          }
        },
        {
          title: highed.L('openProject'),
          css: 'fa-folder-open',
          click: function() {
            highed.readLocalFile({
              type: 'text',
              accept: '.json',
              success: function(file) {
                try {
                  file = JSON.parse(file.data);
                } catch (e) {
                  return highed.snackBar('Error loading JSON: ' + e);
                }
  
                chartPreview.loadProject(file);
              }
            });
          }
        },
        '-',
        {
          title: highed.L('saveCloud'),
          css: 'fa-cloud-upload',
          click: function() {
            highed.cloud.save(chartPreview);
          }
        },
        {
          title: highed.L('loadCloud'),
          css: 'fa-cloud-download',
          click: function() {
            highed.cloud.showUI(chartPreview);
          }
        },
        '-',
        {
          title: 'Help',
          css: 'fa-question-circle',
          click: function() {
            window.open(highed.option('helpURL'));
          }
        }
      ].concat(properties.toolbarIcons),
      // Custom toolbox options
      customOptions = {},
      // The toolbox options
  
      helpIcon = highed.dom.cr(
        'div',
        'highed-toolbox-help highed-icon fa fa-question-circle'
      ),
      titleHeader = highed.dom.cr('h3', '', 'Data'),
      iconContainer = highed.dom.cr('div', ''),
      titleContainer = highed.dom.ap(highed.dom.cr('div', 'highed-page-title'), titleHeader, helpIcon, iconContainer),
      helpModal = highed.HelpModal(builtInOptions.data.help || []);
  
    highed.dom.on(helpIcon, 'click', showHelp);
    highed.dom.ap(splitter.bottom, highed.dom.ap(workspaceBody, workspaceRes, workspaceButtons));
  
    highed.dom.ap(splitter.bottom, titleContainer, smallScreenWorkspaceButtons);
    if (!properties.useHeader) {
      highed.dom.style(splitter.top.parentNode, {
        display: 'none'
      });
    }
  
    highed.dom.on(showChartSmallScreen, 'click', function() {
      if (highedChartContainer.classList.contains('active')) {
        highedChartContainer.classList.remove('active');
      } else {
        setTimeout(function(){
          chartPreview.resize();
        }, 200);
        highedChartContainer.classList += ' active';
      }
    });
  
    // Alias import to data
    builtInOptions.import = builtInOptions.data;
    panel.setDefault(dataPage);
    dataPage.show()
    /**
     * Creates the features defined in property.features
     * Call this after changing properties.features to update the options.
     */
    function createFeatures() {
      var addedOptions = {};
      panel.clearOptions();
  
      properties.features = highed.isArr(properties.features)
        ? properties.features
        : properties.features.split(' ');
      
      function addOption(option, id) {
  
        if (!option || !option.icon || !option.nav) {
          return;
        }
        
        if (id === 'data') {
          option.nav.page = dataPage;
          dataPage.init();
          option.nav.onClick.push(
            function() {
              highed.dom.style([highedChartContainer, chartContainer, chartFrame], {
                width: '100%',
                height: '100%',
              });
            }
          );
        } else if (id === 'templates') {
          option.nav.page = templatePage;
          templatePage.init();
        } else if (id === 'customize') {
          option.nav.page = customizePage;
          customizePage.init();
          highed.dom.ap(workspaceRes, customizePage.getResolutionContainer());
        } else {
          // Create page
          defaultPage = highed.DefaultPage(splitter.bottom, option, chartPreview, highedChartContainer);
          defaultPage.init();
          option.nav.page = defaultPage;
        }
  
  
        var func = function(prev, newOption) {
          prev.hide();
          newOption.page.show();
          panel.setDefault(newOption.page);
          titleHeader.innerHTML = newOption.text;
          helpModal = (option.help ? highed.HelpModal(option.help  || []) : null);
          
          highed.dom.style(helpIcon, {
            display: (helpModal ? 'inline' : 'none')
          });
  
          iconContainer.innerHTML = '';
          if (newOption.page.getIcons()) {
            highed.dom.ap(iconContainer, newOption.page.getIcons());
          }
          
          highed.dom.style(iconContainer, {
            display: (newOption.page.getIcons() ? 'inline' : 'none')
          });
  
        }
  
  
        if (id == 'customize') {
          option.nav.onClick = [func];
        } else {
          option.nav.onClick.push(func);
        }
  
  
        panel.addOption(option.nav, id);
        addedOptions[id] = id;
  
      }
  
      //toolbox.clear();
      resize();
      
      properties.features.forEach(function(feature) {
        addOption(
          builtInOptions[feature] || customOptions[feature] || false,
          feature
        );
      });
      toolboxEntries = addedOptions;
      // resizeChart(toolbox.width());
    }
  
    function showHelp() {
      helpModal.show();
    }
  
    /**
     * Create toolbar
     */
    function createToolbar() {
      toolbarButtons.forEach(function(b) {
        if (b === '-') {
          toolbar.addSeparator();
        } else {
          toolbar.addIcon(b);
        }
      });
    }
  
    function showCreateChartPage() {
  
      createChartPage.init(dataPage, templatePage, customizePage);
  
      highed.dom.style([workspaceBody, showChartSmallScreen, smallScreenWorkspaceButtons], {
        opacity: 0
      });
      panel.getPrev().hide();
      createChartPage.show();
      highed.dom.style([chartFrame, titleContainer], {
        opacity: '0'
      });
  
      if(highed.onPhone()) {
        highed.dom.style(titleContainer, {
          display: 'none'
        });
      }
  
      createChartPage.on('SimpleCreateChartDone', function(goToDataPage) {
        createChartPage.hide();
        highed.dom.style([chartFrame, titleContainer], {
          opacity: '1'
        });
        highed.dom.style([workspaceBody, showChartSmallScreen, smallScreenWorkspaceButtons], {
          opacity: 1
        });
  
        if(highed.onPhone()) {
          highed.dom.style(titleContainer, {
            display: 'block'
          });
        }
  
        if (goToDataPage) {
          dataPage.show();
          panel.setDefault(dataPage);
          dataPage.resize();
        } else {
  
          const customize = panel.getOptions().customize;
  
          if (customize) {
            customizePage.setTabBehaviour(true)
            customize.click();
          }
  /*
          titleHeader.innerHTML = builtInOptions.customize.title;
          customizePage.show();
          panel.setDefault(customizePage);*/
        }
      });
  
      createChartPage.on('SimpleCreateChangeTitle', function(options) {
        chartPreview.options.set('title--text', options.title);
        chartPreview.options.set('subtitle--text', options.subtitle);
        setChartTitle(options.title);
      });
    }
  
  
  
    /**
     * Resize the chart preview based on a given width
     */
    function resizeChart(newWidth) {
      var psize = highed.dom.size(splitter.bottom);
  
      lastSetWidth = newWidth;
  
      highed.dom.style(highedChartContainer, {
        /*left: newWidth + 'px',*/
        width: '28%',
        height: '37%'
      });
  
      if (fixedSize) {
        // Update size after the animation is done
        setTimeout(function() {
          sizeChart(fixedSize.w, fixedSize.h);
        }, 400);
        return;
      }
  /*
      highed.dom.style(chartContainer, {
        width: psize.w - newWidth - 100 + 'px',
        height: psize.h - 100 + 'px'
      });*/
  
      chartPreview.resize();
    }
  
    function sizeChart(w, h) {
      if ((!w || w.length === 0) && (!h || h.length === 0)) {
        fixedSize = false;
        resHeight.value = '';
        resWidth.value = '';
        resizeChart(lastSetWidth);
      } else {
        var s = highed.dom.size(highedChartContainer);
  
        // highed.dom.style(chartFrame, {
        //   paddingLeft: (s.w / 2) - (w / 2) + 'px',
        //   paddingTop: (s.h / 2) - (h / 2) + 'px'
        // });
  
        fixedSize = {
          w: w,
          h: h
        };
  
        w = w || s.w - 100;
        h = h || s.h - 100;
  /*
        highed.dom.style(chartContainer, {
          width: w + 'px',
          height: h + 'px'
        });
  */
        chartPreview.resize();
      }
    }
  
    /**
     * Resize everything
     */
    function resize() {
      splitter.resize();
      panel.getPrev().resize()
      //resizeChart(toolbox.width());
    }
  
    /**
     * Change the enabled features
     */
    function setEnabledFeatures(feats) {
      properties.features = feats;
      createFeatures();
    }
  
    /**
     * Add a new feature
     */
    function addFeature(name, feat) {
      customOptions[name] = feat;
      //addPage(feat);
      createFeatures();
    }
  
    function addToWorkspace(options) {
  
      const btn = highed.dom.cr('button', 'highed-import-button green action-btn', "Action <i class='fa fa-chevron-down'/>");
      const btn2 = highed.dom.cr('button', 'highed-import-button green action-btn', "Action <i class='fa fa-chevron-down'/>");
      
      highed.dom.on(btn, 'click', function() {
        highed.dom.style(workspaceButtons, {
          overflow: (workspaceButtons.style.overflow === '' || workspaceButtons.style.overflow === 'hidden' ? 'unset' : 'hidden')
        });
      });
  
      highed.dom.on(btn2, 'click', function() {
        highed.dom.style(smallScreenWorkspaceButtons, {
          overflow: (smallScreenWorkspaceButtons.style.overflow === '' || smallScreenWorkspaceButtons.style.overflow === 'hidden' ? 'unset' : 'hidden')
        });
      });
  
      highed.dom.ap(workspaceButtons, btn);
      highed.dom.ap(smallScreenWorkspaceButtons, btn2);
  
      options.forEach(function(option, index) {
        const btn = highed.dom.cr('button', 'highed-import-button green highed-sm-dropdown-button' + (!index ? ' highed-btn-dropdown-first' : ''), option.text);
        highed.dom.on(btn, 'click', option.onClick);
  
        const btn2 = highed.dom.cr('button', 'highed-import-button green highed-sm-dropdown-button' + (!index ? ' highed-btn-dropdown-first' : ''), option.text);
        highed.dom.on(btn2, 'click', option.onClick);
  
        highed.dom.ap(workspaceButtons, btn);
        highed.dom.ap(smallScreenWorkspaceButtons, btn2);
        
        
      });
    }
  
    function destroy() {}
  
    function setChartTitle(title) {
      dataPage.setChartTitle(title);
    }
  
    function addImportTab(tabOptions) {
      dataPage.addImportTab(tabOptions);
    }
  
    function hideImportModal() {
      //dataTable.hideImportModal();
    }
    
    function showError(title, message, warning, code) {
      if (warning) {
        if (suppressWarning) return;
        
        highed.dom.style(errorBarClose, {
          display: 'inline-block'
        });
        
        if (!errorBar.classList.contains('highed-warningbar')) errorBar.classList += ' highed-warningbar';
      } else {
        highed.dom.style(errorBarClose, {
          display: 'none'
        });
    
        errorBar.classList.remove('highed-warningbar');
      }
      
      highed.dom.style(errorBar, {
        opacity: 1,
        'pointer-events': 'auto',
      });
  
      errorBarHeadline.innerHTML = title;
      errorBarBody.innerHTML = message;
  
      if (code === 14) {
        dataPage.showDataTableError();
      }
    }
  
    function hideError() {
      highed.dom.style(errorBar, {
        opacity: 0,
        'pointer-events': 'none'
      });
      dataPage.hideDataTableError();
    }
  
    //////////////////////////////////////////////////////////////////////////////
    // Event attachments
  
    dataPage.on('GoToTemplatePage', function() {
      const templates = panel.getOptions().templates;
      if (templates) templates.click();
    });
  
    dataPage.on('SeriesChanged', function(index) {
      if ((!options && !options.features) || (options.features && options.features.indexOf('templates') > -1)) {
        templatePage.selectSeriesTemplate(index, chartPreview.options.getTemplateSettings());
      }
    });
  
    chartPreview.on('LoadProject', function (projectData, aggregated) { 
      dataPage.loadProject(projectData, aggregated);
      templatePage.selectSeriesTemplate(0, projectData);
    });
  
    templatePage.on('TemplateChanged', function(newTemplate, loadTemplateForEachSerie, cb){
      dataPage.changeAssignDataTemplate(newTemplate, loadTemplateForEachSerie, cb);
    })
    chartPreview.on('ChartChange', function(newData) {
      events.emit('ChartChangedLately', newData);
    });
  
    templates.on('Select', function(template) {
      chartPreview.loadTemplate(template);
    });
  
    templates.on('LoadDataSet', function(sample) {
      if (sample.type === 'csv') {
        if (highed.isArr(sample.dataset)) {
          chartPreview.data.csv(sample.dataset.join('\n'));
        } else {
          chartPreview.data.csv(sample.dataset);
        }
  
        chartPreview.options.set('subtitle-text', '');
        chartPreview.options.set('title-text', sample.title);
      }
    });
  /*
    dataTable.on('LoadLiveData', function(settings){
      //chartPreview.data.live(settings);
  
      const liveDataSetting = {};
  
      liveDataSetting[settings.type] = settings.url;
      if (settings.interval && settings.interval > 0){
        liveDataSetting.enablePolling = true;
        liveDataSetting.dataRefreshRate = settings.interval
      }
      chartPreview.data.live(liveDataSetting);
    });*/
  /*
    dataTable.on('UpdateLiveData', function(p){
      chartPreview.data.liveURL(p);
    });
  */
    chartPreview.on('LoadProject', function () {
      setTimeout(function () {
   //   resQuickSel.selectByIndex(0);
      setToActualSize();
      }, 2000);
    });
  /*
    dataTable.on('LoadGSheet', function(settings) {
      //chartPreview.data.gsheet(settings);
    });
  */
    chartPreview.on('RequestEdit', function(event, x, y) {
  
      const customize = panel.getOptions().customize;
      if (!panel.getCurrentOption() || panel.getCurrentOption().text !== 'Customize') {
        if (customize) {
          customizePage.setTabBehaviour(false)
          customize.click();
        }
      }
  
      setTimeout(function() {
        customizePage.selectOption(event, x, y);
      }, 500);
    });
  /*
    dataTable.on('Change', function(headers, data) {
      
      return chartPreview.data.csv({
        csv: dataTable.toCSV(';', true)
      });
    });*/
  /*
    dataTable.on('ClearData', function() {
      chartPreview.data.clear();
    });*/
  
    chartPreview.on('ProviderGSheet', function(p) {
      /*
      dataTable.initGSheet(
        p.id || p.googleSpreadsheetKey,
        p.worksheet || p.googleSpreadsheetWorksheet,
        p.startRow,
        p.endRow,
        p.startColumn,
        p.endColumn,
        true,
        p.dataRefreshRate
      );*/
    });
  
    chartPreview.on('ProviderLiveData', function(p) {
      //dataTable.loadLiveDataPanel(p);
    });
  
    chartPreview.on('Error', function(e) {
      if (e && e.code && highed.highchartsErrors[e.code]) {
        
        var item = highed.highchartsErrors[e.code],
            url = '';
  
        if (e.url >= 0) {
          url =
            '<div class="highed-errorbar-more"><a href="https://' +
            e.substr(e.url) +
            '" target="_blank">Click here for more information</a></div>';
        }
  
        return showError(
          (item.title || "There's a problem with your chart") + '!',
          (item.text) + url,
          e.warning,
          e.code
        );
      }
  
      showError("There's a problem with your chart!", e);
    });
  
    chartPreview.on('ChartRecreated', hideError);
  
    highed.dom.on(window, 'resize', resize);
    
    highed.dom.on(window, 'afterprint', function() {
      setTimeout(function() {
        const currentOption = (panel.getCurrentOption() ? panel.getCurrentOption().page : dataPage);
        setTimeout(currentOption.resize, 10);
        resize();
      }, 1100);
    })
    //////////////////////////////////////////////////////////////////////////////
  
    highed.dom.ap(
      toolbar.left,
      highed.dom.style(highed.dom.cr('span'), {
        'margin-left': '2px',
        width: '200px',
        height: '60px',
        float: 'left',
        display: 'inline-block',
        'background-position': 'left middle',
        'background-size': 'auto 100%',
        'background-repeat': 'no-repeat',
        'background-image':
          'url("data:image/svg+xml;utf8,' +
          encodeURIComponent(highed.resources.logo) +
          '")'
      })
    );
    
    highed.dom.on(errorBarClose, 'click', function() {
      hideError();
      suppressWarning = true;
    });
  
    highed.dom.ap(
      splitter.bottom,
      highed.dom.ap(
        highedChartContainer,
        highed.dom.ap(chartFrame, chartContainer)
      ),
      showChartSmallScreen,
      highed.dom.ap(errorBar, highed.dom.ap(errorBarHeadlineContainer, errorBarHeadline, errorBarClose), errorBarBody)
    );
  
    highed.dom.on([resWidth, resHeight], 'change', function() {
      sizeChart(parseInt(resWidth.value, 10), parseInt(resHeight.value, 10));
    });
  
    // Create the features
    createFeatures();
    createToolbar();
  
    resize();
  
    function setToActualSize() {
      resWidth.disabled = resHeight.disabled = 'disabled';
      chartPreview.getHighchartsInstance(function(chart) {
        var w, h;
  
        if (!chart || !chart.options || !chart.options.chart) {
          h = 400;
        } else {
          w = chart.options.chart.width;
          h = chart.options.chart.height || 400;
        }
  
        resWidth.value = w;
        resHeight.value = h;
  
        sizeChart(w, h);
      });
  /*
      highed.dom.style(chartFrame, {
        'overflow-x': 'auto'
      });*/
    }
  
    chartPreview.on('AttrChange', function(option) {
      if (option.id === 'chart.height' || option.id === 'chart.width') {
       //resQuickSel.selectByIndex(0);
        // setToActualSize();
      }
    });
    
    chartPreview.on('SetResizeData', function () {
      setToActualSize();
    });
    return {
      on: events.on,
      resize: resize,
      destroy: destroy,
      /* Get embeddable javascript */
      getEmbeddableHTML: chartPreview.export.html,
      /* Get embeddable json */
      getEmbeddableJSON: chartPreview.export.json,
      /* Get embeddable SVG */
      getEmbeddableSVG: chartPreview.export.svg,
      addImportTab: addImportTab,
      hideImportModal: hideImportModal,
      setEnabledFeatures: setEnabledFeatures,
      addFeature: addFeature,
      chart: chartPreview,
      toolbar: toolbar,
      getChartTitle: dataPage.getChartTitle,
      setChartTitle: setChartTitle,
      showCreateChartPage: showCreateChartPage,
      addToWorkspace: addToWorkspace,
      data: {
        on: function() {}, //dataTable.on,
        showLiveStatus: function() {}, //toolbox.showLiveStatus,
        hideLiveStatus: function() {} //toolbox.hideLiveStatus
      },
      //dataTable: dataTable,
      toolbar: toolbar
    };
  };
  
  /******************************************************************************
  
  Copyright (c) 2016-2018, Highsoft
  
  Permission is hereby granted, free of charge, to any person obtaining
  a copy of this software and associated documentation files (the
  "Software"), to deal in the Software without restriction, including
  without limitation the rights to use, copy, modify, merge, publish,
  distribute, sublicense, and/or sell copies of the Software, and to
  permit persons to whom the Software is furnished to do so, subject to
  the following conditions:
  
  The above copyright notice and this permission notice shall be
  included in all copies or substantial portions of the Software.
  
  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
  EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
  MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
  IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY
  CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT,
  TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
  SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
  
  ******************************************************************************/
  
  // @format
  
  // Alias to drawer editor
  highed.Editor = highed.DrawerEditor;
  
  (function() {
    var instanceCount = 0,
      installedPlugins = {},
      activePlugins = {},
      pluginEvents = highed.events(),
      stepPlugins = {};
  
    ///////////////////////////////////////////////////////////////////////////
  
    /** Install an editor plugin
        *
        *  Note that plugins must be enabled when creating the editor
        *  for it to be active.
        *
        *  @namespace highed.plugins.editor
        *
        *  @param name       {string} - the name of the plugin
        *  @param definition {object} - the plugin definition
        *     > meta {object}
        *         > version {string}
        *         > author {string}
        *         > homepage {string}
        *     > dependencies {array<string>} - URLs of script dependencies
        *     > options {object}
        *         > option_name {object}
        *             > type {string} - the type of the option
        *             > label {string} - the label
        *             > default {anything} - the default value
        */
    function install(name, definition) {
      var properties = highed.merge(
        {
          meta: {
            version: 'unknown',
            author: 'unknown',
            homepage: 'unknown'
          },
          dependencies: [],
          options: {}
        },
        definition
      );
  
      console.error('Warning: editor plugins are no longer supported.');
  
      properties.dependencies.forEach(highed.include);
  
      if (!highed.isNull(installedPlugins[name])) {
        return highed.log(1, 'plugin -', name, 'is already installed');
      }
  
      installedPlugins[name] = properties;
    }
  
    function use(name, options) {
      var plugin = installedPlugins[name],
        filteredOptions = {};
  
      console.error('Warning: editor plugins are no longer supported.');
  
      if (!highed.isNull(plugin)) {
        if (activePlugins[name]) {
          return highed.log(2, 'plugin -', name, 'is already active');
        }
  
        //Verify options
        Object.keys(plugin.options).forEach(function(key) {
          var option = plugin.options[key];
          if (highed.isBasic(option) || highed.isArr(option)) {
            highed.log(
              2,
              'plugin -',
              name,
              'unexpected type definition for option',
              key,
              'expected object'
            );
          } else {
            filteredOptions[key] =
              options[key] || plugin.options[key].default || '';
  
            if (option.required && highed.isNull(options[key])) {
              highed.log(1, 'plugin -', name, 'option', key, 'is required');
            }
          }
        });
  
        activePlugins[name] = {
          definition: plugin,
          options: filteredOptions
        };
        filteredOptions;
  
        if (highed.isFn(plugin.activate)) {
          activePlugins[name].definition.activate(filteredOptions);
        }
  
        pluginEvents.emit('Use', activePlugins[name]);
      } else {
        highed.log(2, 'plugin -', name, 'is not installed');
      }
    }
  
    //Public interface
    highed.plugins.editor = {
      install: install,
      use: use
    };
  
    //UI plugin interface
    highed.plugins.step = {
      install: function(def) {
        stepPlugins[def.title] = def;
      }
    };
  })();
  
  /******************************************************************************
  
  Copyright (c) 2016-2018, Highsoft
  
  Permission is hereby granted, free of charge, to any person obtaining
  a copy of this software and associated documentation files (the
  "Software"), to deal in the Software without restriction, including
  without limitation the rights to use, copy, modify, merge, publish,
  distribute, sublicense, and/or sell copies of the Software, and to
  permit persons to whom the Software is furnished to do so, subject to
  the following conditions:
  
  The above copyright notice and this permission notice shall be
  included in all copies or substantial portions of the Software.
  
  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
  EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
  MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
  IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY
  CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT,
  TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
  SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
  
  ******************************************************************************/
  
  // @format
  
  /** Simple one-pane editor
   *  An essentials-only editor.
   *
   *  @example
   *  var simpleEditor = highed.SimpleEditor(document.body, {
   *      availableSettings: [
   *          'title--text',
   *          'subtitle--text'
   *      ]
   *  });
   *
   *  simpleEditor.on('Change', function (chart) {
   *       console.log(chart.export.html());
   *  });
   *
   *  @constructor
   *  @emits change - when the chart changes
   *    > {highed.ChartPreview} - an instance of the chart preview
   *
   *  @param parent {domnode} - the node to attach to
   *  @param attributes {object} - the options for the editor
   *    > availableSettings {array<string>} - the settings to include
   *    > defaultChartOptions {object} - default chart settings
   *    > importer {object} - options passed to the importer widget
   *      > options {string|array<string>} - the options to include
   *      > plugins {string|array<sting>} - the plugins to enable
   */
  highed.SimpleEditor = function(parent, attributes) {
    var properties = highed.merge(
        {
          importer: {
            options: 'csv'
          },
          features: 'import preview customize',
          availableSettings: [
            'title--text',
            'subtitle--text',
            'colors',
            'chart--backgroundColor',
            'yAxis-title--style',
            'yAxis--type',
            'yAxis--opposite',
            'yAxis--reversed',
            'yAxis-labels--format'
          ],
          defaultChartOptions: {}
        },
        attributes
      ),
      events = highed.events(),
      container = highed.dom.cr('div', 'highed-container'),
      expandContainer = highed.dom.cr('div', 'highed-expand-container'),
      mainVSplitter = highed.VSplitter(container, {
        topHeight: '60px',
        noOverflow: true
      }),
      mainToolbar = highed.Toolbar(mainVSplitter.top, {
        additionalCSS: ['highed-header']
      }),
      hsplitter = highed.HSplitter(mainVSplitter.bottom, {
        leftWidth: 30,
        noOverflow: false
      }),
      vsplitterRight = highed.VSplitter(hsplitter.right, {
        noOverflow: true
      }),
      vsplitterLeft = highed.VSplitter(hsplitter.left, {
        topHeight: 60
      }),
      preview = highed.ChartPreview(vsplitterRight.top, {
        defaultChartOptions: properties.defaultChartOptions,
        expandTo: expandContainer
      }),
      importer = highed.SimpleDataPage(vsplitterRight.bottom, vsplitterLeft.bottom, properties.importer, preview, vsplitterRight.top, {}),
      //importer = highed.DataImporter(vsplitterRight.bottom, properties.importer),
      //importer = highed.DataTable(vsplitterRight.bottom),
      //dataPage = highed.SimpleDataPage(),
      customizer = highed.SimpleCustomizer(vsplitterLeft.top, {
        availableSettings: properties.availableSettings
      }),
      cmenu = highed.DefaultContextMenu(preview);
  
    ///////////////////////////////////////////////////////////////////////////
  
    properties.features = highed.arrToObj(properties.features.split(' '));
  
    importer.init()
    
    ///////////////////////////////////////////////////////////////////////////
  
    function applyFeatures() {
      if (!properties.features.import) {
        importer.hide();
      }
  
      if (!properties.features.preview) {
      }
  
      if (!properties.features.customize) {
      }
    }
  
    /** Force a resize of the editor
       *  @memberof highed.SimpleEditor
       */
    function resize() {
      var ps = highed.dom.size(container);
  
      mainVSplitter.resize(ps.w, ps.h);
  
      vsplitterRight.resize(false, ps.h - 60);
      vsplitterLeft.resize();
  
      hsplitter.resize(ps.w, ps.h - 60);
  
      preview.resize();
      importer.resize();
    }
  
    function attachToCustomizer() {
      customizer.build(preview.options.customized);
    }
  
    ///////////////////////////////////////////////////////////////////////////
  
    customizer.on('PropertyChange', function(id, value, index) {
      preview.options.set(id, value, index);
      events.emit('Change', preview);
    });
    // importer.on('ImportCSV', [preview.data.csv, attachToCustomizer]);
    // importer.on('ImportJSON', [preview.data.json, attachToCustomizer]);
    // importer.on('ImportChartSettings', [preview.data.settings, attachToCustomizer]);
  
  
    /*
    importer.on('Change', function(headers, data) {
      if (data.length) {
        var d = importer.toDataSeries();
  
        preview.options.set('xAxis-categories', d.categories, 0);
  
        preview.loadSeries(d.series);
      }
    });*/
  
    preview.on('RequestEdit', function(event, x, y) {
      customizer.focus(event, x, y);
    });
  
    preview.on('New', attachToCustomizer);
  
    ///////////////////////////////////////////////////////////////////////////
  
    highed.dom.ap(highed.dom.get(parent), container, expandContainer);
  
    highed.dom.on(window, 'resize', resize);
  
    highed.dom.ap(
      mainToolbar.left,
      highed.dom.style(highed.dom.cr('div', 'highed-logo'), {
        'background-image':
          'url("data:image/svg+xml;utf8,' +
          encodeURIComponent(
            '<?xml version="1.0" encoding="utf-8"?><!-- Generator: Adobe Illustrator 16.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0)  --><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg version="1.1" id="Warstwa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"     width="425.197px" height="141.732px" viewBox="0 0 425.197 141.732" enable-background="new 0 0 425.197 141.732"     xml:space="preserve"><g>    <path fill="#eeeaea" d="M138.475,69.712h-17.02v9.77c0,1.037-0.813,1.851-1.849,1.851c-1.037,0-1.85-0.813-1.85-1.851V57.725        c0-1.037,0.813-1.852,1.85-1.852c1.036,0,1.849,0.813,1.849,1.852v8.436h17.02v-8.436c0-1.037,0.814-1.852,1.85-1.852        c1.036,0,1.85,0.813,1.85,1.852v21.754c0,1.037-0.814,1.851-1.85,1.851c-1.036,0-1.85-0.813-1.85-1.851V69.712z"/>    <path fill="#eeeaea" d="M156.973,79.479c0,1.037-0.814,1.851-1.852,1.851s-1.852-0.813-1.852-1.851V57.725        c0-1.037,0.814-1.852,1.852-1.852s1.852,0.813,1.852,1.852V79.479z"/>    <path fill="#eeeaea" d="M184.125,70.378c0-1.036,0.814-1.774,1.852-1.774c1.034,0,1.852,0.813,1.852,1.849v5.847        c0,0.444-0.226,1.109-0.595,1.479c-2.367,2.369-5.549,3.773-9.176,3.773c-7.178,0-12.949-5.771-12.949-12.948        c0-7.181,5.771-12.949,12.949-12.949c3.627,0,6.809,1.405,9.176,3.771c0.738,0.74,0.738,1.852,0,2.592        c-0.741,0.738-1.922,0.813-2.663,0.072c-1.702-1.699-3.923-2.736-6.513-2.736c-5.104,0-9.249,4.144-9.249,9.25        c0,5.104,4.146,9.25,9.249,9.25c2.367,0,4.441-0.813,6.067-2.222V70.378z"/>    <path fill="#eeeaea" d="M218.162,69.712h-17.019v9.77c0,1.037-0.817,1.851-1.852,1.851c-1.037,0-1.849-0.813-1.849-1.851V57.725        c0-1.037,0.812-1.852,1.849-1.852c1.034,0,1.852,0.813,1.852,1.852v8.436h17.019v-8.436c0-1.037,0.813-1.852,1.849-1.852        c1.037,0,1.852,0.813,1.852,1.852v21.754c0,1.037-0.813,1.851-1.852,1.851c-1.033,0-1.849-0.813-1.849-1.851V69.712z"/>    <path fill="#eeeaea" d="M242.948,81.552c-7.182,0-12.949-5.771-12.949-12.948c0-7.181,5.77-12.949,12.949-12.949        c3.627,0,6.809,1.405,9.176,3.771c0.738,0.74,0.738,1.852,0,2.592c-0.741,0.738-1.925,0.813-2.666,0.072        c-1.699-1.699-3.92-2.736-6.51-2.736c-5.106,0-9.249,4.144-9.249,9.25c0,5.104,4.143,9.25,9.249,9.25        c2.59,0,4.884-0.962,6.586-2.664c0.74-0.741,1.849-0.741,2.59,0c0.738,0.738,0.738,1.85,0,2.589        C249.756,80.146,246.574,81.552,242.948,81.552z"/>    <path fill="#eeeaea" d="M281.569,69.712h-17.02v9.77c0,1.037-0.813,1.851-1.852,1.851c-1.034,0-1.85-0.813-1.85-1.851V57.725        c0-1.037,0.813-1.852,1.85-1.852c1.035,0,1.852,0.813,1.852,1.852v8.436h17.02v-8.436c0-1.037,0.813-1.852,1.853-1.852        c1.034,0,1.849,0.813,1.849,1.852v21.754c0,1.037-0.813,1.851-1.849,1.851c-1.037,0-1.853-0.813-1.853-1.851V69.712z"/>    <path fill="#eeeaea" d="M308.758,57.503l10.507,20.646c0.223,0.443,0.445,1.036,0.445,1.554c0,1.036-0.668,1.628-1.702,1.628        c-0.741,0-1.481-0.222-2.001-1.258l-3.253-6.438h-13.547l-3.183,6.438c-0.517,1.036-1.256,1.258-1.994,1.258        c-1.037,0-1.702-0.593-1.702-1.628c0-0.519,0.22-1.109,0.442-1.554l10.506-20.646c0.668-1.405,2.002-1.628,2.74-1.628        C306.76,55.875,308.09,56.096,308.758,57.503z M300.985,70.083h9.988l-4.957-9.99L300.985,70.083z"/>    <path fill="#eeeaea" d="M340.159,56.023c4.441,0,8.064,3.255,8.064,7.694c0,3.923-2.813,6.884-6.511,7.549l6.731,7.104        c0.664,0.666,0.889,1.85,0.146,2.516c-0.736,0.741-2.145,0.521-2.886-0.296l-8.729-9.176h-6.511v8.142        c0,1.034-0.815,1.774-1.854,1.774c-1.033,0-1.85-0.813-1.85-1.851V57.873c0-1.035,0.814-1.85,1.85-1.85H340.159z M330.468,59.575        v8.288h9.691c2.59,0,4.367-1.776,4.367-4.146c0-2.365-1.777-4.144-4.367-4.144L330.468,59.575L330.468,59.575z"/>    <path fill="#eeeaea" d="M365.047,59.575h-9.249c-1.033,0-1.849-0.74-1.849-1.776c0-1.034,0.813-1.773,1.849-1.773h22.201        c1.037,0,1.852,0.74,1.852,1.773c0,1.037-0.813,1.776-1.852,1.776h-9.249V79.48c0,1.037-0.813,1.851-1.849,1.851        c-1.037,0-1.854-0.813-1.854-1.851V59.575z"/>    <path fill="#eeeaea" d="M388.724,66.013c0-9.25,5.698-10.359,9.99-10.359c1.035,0,1.85,0.813,1.85,1.85        c0,1.036-0.813,1.851-1.85,1.851c-3.479,0-6.29,0.738-6.29,6.66v5.18c0,9.25-5.698,10.358-9.989,10.358        c-1.035,0-1.85-0.813-1.85-1.85s0.814-1.85,1.85-1.85c3.479,0,6.289-0.74,6.289-6.66V66.013z"/></g><polygon fill="#8087E8" points="67.981,30.52 56.757,56.73 42.009,91.171 76.301,76.685 94.465,69.013 "/><polygon fill="#30426B" points="73.7,62.25 76.302,76.685 94.466,69.013 "/><polygon fill="#6699A1" points="67.981,30.52 73.7,62.251 94.465,69.013 "/><polygon fill="#78758C" points="73.7,62.25 94.466,69.013 56.758,56.729 42.009,91.171 76.302,76.685 "/><polygon fill="#A3EDBA" points="42.009,91.171 56.757,56.73 26.442,46.855 "/><polygon fill="#6699A1" points="76.302,76.685 79.628,95.13 94.466,69.013 "/><polygon fill="#8087E8" points="67.981,30.52 56.757,56.73 73.7,62.251 "/></svg>'
          ) +
          '")'
      })
    );
  
    mainToolbar.addIcon({
      css: 'fa-gear',
      click: function(e) {
        cmenu.show(e.clientX, e.clientY);
      }
    });
  
    applyFeatures();
    resize();
    attachToCustomizer();
  
    //Public interface
    return {
      resize: resize,
      on: events.on,
      /** Main toolbar
           *  @type {domnode}
           *  @memberof highed.SimpleEditor
           */
      toolbar: mainToolbar,
      /** The chart preview
           *  @type {highed.ChartPreview}
           *  @memberof highed.SimpleEditor
           */
      chart: preview
    };
  };
  
  /******************************************************************************
  
  Copyright (c) 2016-2018, Highsoft
  
  Permission is hereby granted, free of charge, to any person obtaining
  a copy of this software and associated documentation files (the
  "Software"), to deal in the Software without restriction, including
  without limitation the rights to use, copy, modify, merge, publish,
  distribute, sublicense, and/or sell copies of the Software, and to
  permit persons to whom the Software is furnished to do so, subject to
  the following conditions:
  
  The above copyright notice and this permission notice shall be
  included in all copies or substantial portions of the Software.
  
  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
  EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
  MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
  IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY
  CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT,
  TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
  SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
  
  ******************************************************************************/
  
  // @format
  
  /** A modal editor
   * The modal editor connects to a "summoner", which is the DOM node that should
   * spawn the editor. This arg is however optional, and if not present,
   * `show()` should be called instead when wanting to display it.
   *
   * The contained editor can either be a full editor, or a simple editor.
   *
   * @example
   * highed.ModalEditor('icon', {allowDone: true}, function (html) {
   *    doSomethingWithTheExportedHTML(html);
   * });
   *
   * @constructor
   *
   * @param summoner {domnode} - the node which spawns the editor
   * @param attributes {object} - properties. Note that this object is also passed to the editor constructor.
   *   > type {string} - either `full` or `simple`.
   *   > allowDone {bool} - if set to true (default is false) a "Close and use" button will appear on the top bar
   * @param fn {function} - function to call when done editing, argument is an instance of highed.ChartPreview
   *
   */
  highed.ModalEditor = function(summoner, attributes, fn) {
    var properties = highed.merge(
        {
          type: 'full',
          allowDone: false
        },
        attributes
      ),
      modal = highed.OverlayModal(false, {
        width: '95%',
        height: '95%',
        showOnInit: false
      }),
      editor =
        properties.type === 'full'
          ? highed.Editor(modal.body, attributes)
          : highed.SimpleEditor(modal.body, attributes),
      //We don't always know the summoner at create time..
      sumFn = false,
      doneEditing = highed.dom.cr(
        'button',
        'highed-done-button',
        'Close &amp; Use'
      );
  
    ///////////////////////////////////////////////////////////////////////////
  
    /** Attach to a new summoner
       *  @memberof highed.ModalEditor
       *  @param nn {domnode} - the new node to attach to
       */
    function attachToSummoner(nn) {
      nn = nn || summoner;
  
      if (!nn) {
        return;
      }
  
      if (highed.isFn(sumFn)) {
        sumFn();
      }
  
      //Show the modal when clicking the summoner
      sumFn = highed.dom.on(highed.dom.get(nn), 'click', function(){
        modal.show();
        editor.resize();
      });
    }
  
    function doDone() {
      if (highed.isFn(fn)) {
        fn(editor.chart);
      }
      modal.hide();
    }
  
    //Resize the editor when showing the modal
    modal.on('Show', editor.resize);
  
    highed.dom.on(doneEditing, 'click', doDone);
  
    attachToSummoner(summoner);
  
    if (properties.allowDone) {
      highed.dom.ap(editor.toolbar.center, doneEditing);
    }
  
    editor.on('Done', doDone);
    editor.resize();
  
    ///////////////////////////////////////////////////////////////////////////
  
    return {
      editor: editor,
      show: modal.show,
      hide: modal.hide,
      on: editor.on,
      resize: editor.resize,
      attachToSummoner: attachToSummoner
    };
  };
  

/*

Highcharts Editor v0.3.0

Copyright (c) 2016-2017, Highsoft

Permission is hereby granted, free of charge, to any person obtaining
a copy of this software and associated documentation files (the
"Software"), to deal in the Software without restriction, including
without limitation the rights to use, copy, modify, merge, publish,
distribute, sublicense, and/or sell copies of the Software, and to
permit persons to whom the Software is furnished to do so, subject to
the following conditions:

The above copyright notice and this permission notice shall be
included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY
CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT,
TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

*/


/*

Highcharts Editor v0.3.0

Copyright (c) 2016-2017, Highsoft

Permission is hereby granted, free of charge, to any person obtaining
a copy of this software and associated documentation files (the
"Software"), to deal in the Software without restriction, including
without limitation the rights to use, copy, modify, merge, publish,
distribute, sublicense, and/or sell copies of the Software, and to
permit persons to whom the Software is furnished to do so, subject to
the following conditions:

The above copyright notice and this permission notice shall be
included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY
CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT,
TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

*/
highed.meta.optionsAdvanced={meta:{types:{},excludes:{}},subtree:{accessibility:{meta:{types:{object:1},name:"accessibility",excludes:{},description:"Options for configuring accessibility for the chart. Requires the\n[accessibility module](//code.highcharts.com/modules/accessibility.\njs) to be loaded. For a description of the module and information\non its features, see [Highcharts Accessibility](http://www.highcharts.\ncom/docs/chart-concepts/accessibility)."},subtree:{describeSingleSeries:{meta:{types:{boolean:1},name:"describeSingleSeries",excludes:{},default:"false",description:"Whether or not to add series descriptions to charts with a single\nseries."},subtree:{}},enabled:{meta:{types:{boolean:1},name:"enabled",excludes:{},default:"true",description:"Enable accessibility features for the chart."},subtree:{}},keyboardNavigation:{meta:{types:{object:1},name:"keyboardNavigation",excludes:{},description:"Options for keyboard navigation."},subtree:{enabled:{meta:{types:{boolean:1},name:"enabled",excludes:{},default:"true",description:"Enable keyboard navigation for the chart."},subtree:{}},focusBorder:{meta:{types:{object:1},name:"focusBorder",excludes:{},description:"Options for the focus border drawn around elements while\nnavigating through them."},subtree:{enabled:{meta:{types:{boolean:1},name:"enabled",excludes:{},default:"true",description:"Enable/disable focus border for chart."},subtree:{}},hideBrowserFocusOutline:{meta:{types:{boolean:1},name:"hideBrowserFocusOutline",excludes:{},default:"true",description:"Hide the browser's default focus indicator."},subtree:{}},margin:{meta:{types:{number:1},name:"margin",excludes:{},default:"2",description:"Focus border margin around the elements."},subtree:{}},style:{meta:{types:{object:1},name:"style",excludes:{},description:"Style options for the focus border drawn around elements\nwhile navigating through them. Note that some browsers in\naddition draw their own borders for focused elements. These\nautomatic borders can not be styled by Highcharts.\n\nIn styled mode, the border is given the\n`.highcharts-focus-border` class."},subtree:{borderRadius:{meta:{types:{number:1},name:"borderRadius",excludes:{},default:"3",description:"Border radius of the focus border."},subtree:{}},color:{meta:{types:{color:1},name:"color",excludes:{},default:"#000000",description:"Color of the focus border."},subtree:{}},lineWidth:{meta:{types:{number:1},name:"lineWidth",excludes:{},default:"2",description:"Line width of the focus border."},subtree:{}}}}}},mode:{meta:{types:{string:1},name:"mode",excludes:{},default:"normal",description:'Set the keyboard navigation mode for the chart. Can be "normal"\nor "serialize". In normal mode, left/right arrow keys move\nbetween points in a series, while up/down arrow keys move between\nseries. Up/down navigation acts intelligently to figure out which\nseries makes sense to move to from any given point.\n\nIn "serialize" mode, points are instead navigated as a single\nlist. Left/right behaves as in "normal" mode. Up/down arrow keys\nwill behave like left/right. This is useful for unifying\nnavigation behavior with/without screen readers enabled.'},subtree:{}},skipNullPoints:{meta:{types:{boolean:1},name:"skipNullPoints",excludes:{},default:"true",description:"Skip null points when navigating through points with the\nkeyboard."},subtree:{}}}},onTableAnchorClick:{meta:{types:{function:1},name:"onTableAnchorClick",excludes:{},description:'Function to run upon clicking the "View as Data Table" link in the\nscreen reader region.\n\nBy default Highcharts will insert and set focus to a data table\nrepresentation of the chart.'},subtree:{}},pointDateFormat:{meta:{types:{string:1},name:"pointDateFormat",excludes:{},description:"Date format to use for points on datetime axes when describing them\nto screen reader users.\n\nDefaults to the same format as in tooltip.\n\nFor an overview of the replacement codes, see\n[dateFormat](/class-reference/Highcharts#dateFormat)."},subtree:{}},pointDateFormatter:{meta:{types:{function:1},name:"pointDateFormatter",excludes:{},description:"Formatter function to determine the date/time format used with\npoints on datetime axes when describing them to screen reader users.\nReceives one argument, `point`, referring to the point to describe.\nShould return a date format string compatible with\n[dateFormat](/class-reference/Highcharts#dateFormat)."},subtree:{}},pointDescriptionFormatter:{meta:{types:{function:1},name:"pointDescriptionFormatter",excludes:{},description:"Formatter function to use instead of the default for point\ndescriptions.\nReceives one argument, `point`, referring to the point to describe.\nShould return a String with the description of the point for a screen\nreader user."},subtree:{}},pointDescriptionThreshold:{meta:{types:{boolean:1,number:1},name:"pointDescriptionThreshold",excludes:{},default:!1,description:"When a series contains more points than this, we no longer expose\ninformation about individual points to screen readers.\n\nSet to `false` to disable."},subtree:{}},screenReaderSectionFormatter:{meta:{types:{function:1},name:"screenReaderSectionFormatter",excludes:{},default:"undefined",description:"A formatter function to create the HTML contents of the hidden screen\nreader information region. Receives one argument, `chart`, referring\nto the chart object. Should return a String with the HTML content\nof the region.\n\nThe link to view the chart as a data table will be added\nautomatically after the custom HTML content."},subtree:{}},seriesDescriptionFormatter:{meta:{types:{function:1},name:"seriesDescriptionFormatter",excludes:{},description:"Formatter function to use instead of the default for series\ndescriptions. Receives one argument, `series`, referring to the\nseries to describe. Should return a String with the description of\nthe series for a screen reader user."},subtree:{}}}},annotations:{meta:{types:{array:"Object"},name:"annotations",excludes:{},description:"Options for configuring annotations, for example labels, arrows or\nshapes. Annotations can be tied to points, axis coordinates or chart\npixel coordinates."},subtree:{labelOptions:{meta:{types:{object:1},name:"labelOptions",excludes:{},description:"Options for annotation's labels. Each label inherits options\nfrom the labelOptions object. An option from the labelOptions can be\noverwritten by config for a specific label."},subtree:{align:{meta:{types:{string:1},name:"align",excludes:{},default:"center",description:"The alignment of the annotation's label. If right,\nthe right side of the label should be touching the point."},subtree:{}},allowOverlap:{meta:{types:{boolean:1},name:"allowOverlap",excludes:{},default:!1,description:"Whether to allow the annotation's labels to overlap.\nTo make the labels less sensitive for overlapping,\nthe can be set to 0."},subtree:{}},backgroundColor:{meta:{types:{color:1},name:"backgroundColor",excludes:{},default:"rgba(0, 0, 0, 0.75)",description:"The background color or gradient for the annotation's label."},subtree:{}},borderColor:{meta:{types:{color:1},name:"borderColor",excludes:{},default:"black",description:"The border color for the annotation's label."},subtree:{}},borderRadius:{meta:{types:{number:1},name:"borderRadius",excludes:{},default:3,description:"The border radius in pixels for the annotaiton's label."},subtree:{}},borderWidth:{meta:{types:{number:1},name:"borderWidth",excludes:{},default:1,description:"The border width in pixels for the annotation's label"},subtree:{}},className:{meta:{types:{string:1},name:"className",excludes:{},default:"",description:"A class name for styling by CSS."},subtree:{}},crop:{meta:{types:{boolean:1},name:"crop",excludes:{},default:!1,description:"Whether to hide the annotation's label that is outside the plot\narea."},subtree:{}},distance:{meta:{types:{number:1},name:"distance",excludes:{},default:"undefined",description:"The label's pixel distance from the point."},subtree:{}},format:{meta:{types:{string:1},name:"format",excludes:{},default:"undefined",description:"A [format](https://www.highcharts.com/docs/chart-concepts/labels-and-string-formatting) string for the data label."},subtree:{}},formatter:{meta:{types:{function:1},name:"formatter",excludes:{},default:"function () {\n    return defined(this.y) ? this.y : 'Annotation label';\n}",description:"Callback JavaScript function to format the annotation's label.\nNote that if a `format` or `text` are defined, the format or text\ntake precedence and the formatter is ignored. `This` refers to a\npoint object."},subtree:{}},overflow:{meta:{types:{string:1},name:"overflow",excludes:{},default:"justify",description:"How to handle the annotation's label that flow outside the plot\narea. The justify option aligns the label inside the plot area."},subtree:{}},padding:{meta:{types:{number:1},name:"padding",excludes:{},default:5,description:"When either the borderWidth or the backgroundColor is set,\nthis    is the padding within the box."},subtree:{}},shadow:{meta:{types:{boolean:1,object:1},name:"shadow",excludes:{},default:!1,description:"The shadow of the box. The shadow can be an object configuration\ncontaining `color`, `offsetX`, `offsetY`, `opacity` and `width`."},subtree:{}},shape:{meta:{types:{string:1},name:"shape",excludes:{},default:"callout",description:"The name of a symbol to use for the border around the label.\nSymbols are predefined functions on the Renderer object."},subtree:{}},style:{meta:{types:{cssobject:1},name:"style",excludes:{},description:"Styles for the annotation's label."},subtree:{color:{meta:{types:{string:1},name:"color",excludes:{},default:"contrast"},subtree:{}},fontSize:{meta:{types:{string:1},name:"fontSize",excludes:{},default:"11px"},subtree:{}},fontWeight:{meta:{types:{string:1},name:"fontWeight",excludes:{},default:"normal"},subtree:{}}}},text:{meta:{types:{string:1},name:"text",excludes:{},default:"undefined",description:"Alias for the format option."},subtree:{}},useHTML:{meta:{types:{boolean:1},name:"useHTML",excludes:{},default:"false",description:"Whether to [use HTML](https://www.highcharts.com/docs/chart-concepts/labels-and-string-formatting#html)\nto render the annotation's label."},subtree:{}},verticalAlign:{meta:{types:{string:1},name:"verticalAlign",excludes:{},default:"bottom",description:"The vertical alignment of the annotation's label."},subtree:{}},x:{meta:{types:{number:1},name:"x",excludes:{},default:0,description:"The x position offset of the label relative to the point.\nNote that if a `distance` is defined, the distance takes\nprecedence over `x` and `y` options."},subtree:{}},y:{meta:{types:{number:1},name:"y",excludes:{},default:-16,description:"The y position offset of the label relative to the point.\nNote that if a `distance` is defined, the distance takes\nprecedence over `x` and `y` options."},subtree:{}}}},labels:{meta:{types:{array:"Object"},name:"labels",excludes:{},description:"An array of labels for the annotation. For options that apply to\nmultiple labels, they can be added to the\n[labelOptions](annotations.labelOptions.html).",extends:"annotations.labelOptions"},subtree:{point:{meta:{types:{object:1,string:1},name:"point",excludes:{},description:"This option defines the point to which the label will be connected.\nIt can be either the point which exists in the series - it is\nreferenced by the point's id - or a new point with defined x, y\nproperies and optionally axes."},subtree:{x:{meta:{types:{number:1},name:"x",excludes:{},description:"The x position of the point. Units can be either in axis\nor chart pixel coordinates."},subtree:{}},xAxis:{meta:{types:{number:1,string:1},name:"xAxis",excludes:{},description:"This number defines which xAxis the point is connected to. It refers\nto either the axis id or the index of the axis in the xAxis array.\nIf the option is not configured or the axis is not found the point's\nx coordinate refers to the chart pixels."},subtree:{}},y:{meta:{types:{number:1},name:"y",excludes:{},description:"The y position of the point. Units can be either in axis\nor chart pixel coordinates."},subtree:{}},yAxis:{meta:{types:{number:1,string:1},name:"yAxis",excludes:{},description:"This number defines which yAxis the point is connected to. It refers\nto either the axis id or the index of the axis in the yAxis array.\nIf the option is not configured or the axis is not found the point's\ny coordinate refers to the chart pixels."},subtree:{}}}}}},shapeOptions:{meta:{types:{object:1},name:"shapeOptions",excludes:{},description:"Options for annotation's shapes. Each shape inherits options\nfrom the shapeOptions object. An option from the shapeOptions can be\noverwritten by config for a specific shape."},subtree:{fill:{meta:{types:{color:1},name:"fill",excludes:{},default:"rgba(0, 0, 0, 0.75)",description:"The color of the shape's fill."},subtree:{}},height:{meta:{types:{number:1},name:"height",excludes:{},description:"The height of the shape."},subtree:{}},r:{meta:{types:{number:1},name:"r",excludes:{},default:0,description:"The radius of the shape."},subtree:{}},stroke:{meta:{types:{color:1},name:"stroke",excludes:{},default:"rgba(0, 0, 0, 0.75)",description:"The color of the shape's stroke."},subtree:{}},strokeWidth:{meta:{types:{number:1},name:"strokeWidth",excludes:{},default:1,description:"The pixel stroke width of the shape."},subtree:{}},type:{meta:{types:{string:1},name:"type",excludes:{},default:"'rect'",description:"The type of the shape, e.g. circle or rectangle."},subtree:{}},width:{meta:{types:{number:1},name:"width",excludes:{},description:"The width of the shape."},subtree:{}}}},shapes:{meta:{types:{array:"Object"},name:"shapes",excludes:{},description:"An array of shapes for the annotation. For options that apply to\nmultiple shapes, then can be added to the\n[shapeOptions](annotations.shapeOptions.html).",extends:"annotations.shapeOptions"},subtree:{markerEnd:{meta:{types:{string:1},name:"markerEnd",excludes:{},description:"Id of the marker which will be drawn at the final vertex of the path.\nCustom markers can be defined in defs property."},subtree:{}},markerStart:{meta:{types:{string:1},name:"markerStart",excludes:{},description:"Id of the marker which will be drawn at the first vertex of the path.\nCustom markers can be defined in defs property."},subtree:{}},point:{meta:{types:{object:1,string:1},name:"point",excludes:{},description:"This option defines the point to which the shape will be connected.\nIt can be either the point which exists in the series - it is\nreferenced by the point's id - or a new point with defined x, y\nproperties and optionally axes.",extends:"annotations.labels.point"},subtree:{}},points:{meta:{types:{array:"object"},name:"points",excludes:{},description:"An array of points for the shape. This option is available for shapes\nwhich can use multiple points such as path. A point can be either\na point object or a point's id."},subtree:{}}}},visible:{meta:{types:{boolean:1},name:"visible",excludes:{},default:!0,description:"Whether the annotation is visible."},subtree:{}},zIndex:{meta:{types:{number:1},name:"zIndex",excludes:{},default:"6",description:"The Z index of the annotation."},subtree:{}}}},boost:{meta:{types:{object:1},name:"boost",excludes:{},products:{highcharts:1,highstock:1},description:"Options for the Boost module. The Boost module allows certain series types\nto be rendered by WebGL instead of the default SVG. This allows hundreds of\nthousands of data points to be rendered in milliseconds. In addition to the\nWebGL rendering it saves time by skipping processing and inspection of the\ndata wherever possible. This introduces some limitations to what features are\navailable in Boost mode. See [the docs](\nhttps://www.highcharts.com/docs/advanced-chart-features/boost-module) for\ndetails.\n\nIn addition to the global `boost` option, each series has a\n[boostThreshold](#plotOptions.series.boostThreshold) that defines when the\nboost should kick in.\n\nRequires the `modules/boost.js` module."},subtree:{allowForce:{meta:{types:{boolean:1},name:"allowForce",excludes:{},default:"true",description:"If set to true, the whole chart will be boosted if one of the series\ncrosses its threshold, and all the series can be boosted."},subtree:{}},debug:{meta:{types:{object:1},name:"debug",excludes:{},description:"Debugging options for boost.\nUseful for benchmarking, and general timing."},subtree:{showSkipSummary:{meta:{types:{boolean:1},name:"showSkipSummary",excludes:{},default:"false",description:"Show the number of points skipped through culling.\n\nWhen set to true, the number of points skipped in series processing\nis outputted. Points are skipped if they are closer than 1 pixel from\neach other."},subtree:{}},timeBufferCopy:{meta:{types:{boolean:1},name:"timeBufferCopy",excludes:{},default:"false",description:"Time the WebGL to SVG buffer copy\n\nAfter rendering, the result is copied to an image which is injected\ninto the SVG.\n\nIf this property is set to true, the time it takes for the buffer copy\nto complete is outputted."},subtree:{}},timeKDTree:{meta:{types:{boolean:1},name:"timeKDTree",excludes:{},default:"false",description:"Time the building of the k-d tree.\n\nThis outputs the time spent building the k-d tree used for\nmarkers etc.\n\nNote that the k-d tree is built async, and runs post-rendering.\nFollowing, it does not affect the performance of the rendering itself."},subtree:{}},timeRendering:{meta:{types:{boolean:1},name:"timeRendering",excludes:{},default:"false",description:"Time the series rendering.\n\nThis outputs the time spent on actual rendering in the console when\nset to true."},subtree:{}},timeSeriesProcessing:{meta:{types:{boolean:1},name:"timeSeriesProcessing",excludes:{},default:"false",description:"Time the series processing.\n\nThis outputs the time spent on transforming the series data to\nvertex buffers when set to true."},subtree:{}},timeSetup:{meta:{types:{boolean:1},name:"timeSetup",excludes:{},default:"false",description:"Time the the WebGL setup.\n\nThis outputs the time spent on setting up the WebGL context,\ncreating shaders, and textures."},subtree:{}}}},enabled:{meta:{types:{boolean:1},name:"enabled",excludes:{},default:"true",description:"Enable or disable boost on a chart."},subtree:{}},seriesThreshold:{meta:{types:{number:1},name:"seriesThreshold",excludes:{},default:"null",description:"Set the series threshold for when the boost should kick in globally.\n\nSetting to e.g. 20 will cause the whole chart to enter boost mode\nif there are 20 or more series active. When the chart is in boost mode,\nevery series in it will be rendered to a common canvas. This offers\na significant speed improvment in charts with a very high\namount of series."},subtree:{}},useGPUTranslations:{meta:{types:{boolean:1},name:"useGPUTranslations",excludes:{},default:"false",description:"Enable or disable GPU translations. GPU translations are faster than doing\nthe translation in JavaScript.\n\nThis option may cause rendering issues with certain datasets.\nNamely, if your dataset has large numbers with small increments (such as\ntimestamps), it won't work correctly. This is due to floating point\nprecission."},subtree:{}}}},chart:{meta:{types:{"*":1},name:"chart",excludes:{},description:"General options for the chart."},subtree:{alignTicks:{meta:{types:{boolean:1},name:"alignTicks",excludes:{},default:"true",products:{highcharts:1,highstock:1},description:"When using multiple axis, the ticks of two or more opposite axes\nwill automatically be aligned by adding ticks to the axis or axes\nwith the least ticks, as if `tickAmount` were specified.\n\nThis can be prevented by setting `alignTicks` to false. If the grid\nlines look messy, it's a good idea to hide them for the secondary\naxis by setting `gridLineWidth` to 0.\n\nIf `startOnTick` or `endOnTick` in an Axis options are set to false,\nthen the `alignTicks ` will be disabled for the Axis.\n\nDisabled for logarithmic axes."},subtree:{}},animation:{meta:{types:{"highcharts.animationoptionsobject":1,boolean:1},name:"animation",excludes:{},default:"true",description:"Set the overall animation for all chart updating. Animation can be\ndisabled throughout the chart by setting it to false here. It can\nbe overridden for each individual API method as a function parameter.\nThe only animation not affected by this option is the initial series\nanimation, see [plotOptions.series.animation](\n#plotOptions.series.animation).\n\nThe animation can either be set as a boolean or a configuration\nobject. If `true`, it will use the 'swing' jQuery easing and a\nduration of 500 ms. If used as a configuration object, the following\nproperties are supported:\n\n<dl>\n\n<dt>duration</dt>\n\n<dd>The duration of the animation in milliseconds.</dd>\n\n<dt>easing</dt>\n\n<dd>A string reference to an easing function set on the `Math`\nobject. See [the easing\ndemo](https://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/plotoptions/series-animation-easing/).\n</dd>\n\n</dl>"},subtree:{}},backgroundColor:{meta:{types:{"highcharts.colorstring":1},name:"backgroundColor",excludes:{},default:"#FFFFFF",description:"The background color or gradient for the outer chart area."},subtree:{}},borderColor:{meta:{types:{"highcharts.colorstring":1},name:"borderColor",excludes:{},default:"#335cad",description:"The color of the outer chart border."},subtree:{}},borderRadius:{meta:{types:{number:1},name:"borderRadius",excludes:{},default:"0",description:"The corner radius of the outer chart border."},subtree:{}},borderWidth:{meta:{types:{number:1},name:"borderWidth",excludes:{},default:"0",description:"The pixel width of the outer chart border."},subtree:{}},className:{meta:{types:{string:1},name:"className",excludes:{},description:"A CSS class name to apply to the charts container `div`, allowing\nunique CSS styling for each chart."},subtree:{}},colorCount:{meta:{types:{number:1},name:"colorCount",excludes:{},default:"10",description:"In styled mode, this sets how many colors the class names\nshould rotate between. With ten colors, series (or points) are\ngiven class names like `highcharts-color-0`, `highcharts-color-0`\n[...] `highcharts-color-9`. The equivalent in non-styled mode\nis to set colors using the [colors](#colors) setting."},subtree:{}},defaultSeriesType:{meta:{types:{string:1},name:"defaultSeriesType",excludes:{},default:"line",products:{highcharts:1},description:"Alias of `type`."},subtree:{}},description:{meta:{types:{string:1},name:"description",excludes:{},default:"undefined",description:"A text description of the chart.\n\nIf the Accessibility module is loaded, this is included by default\nas a long description of the chart and its contents in the hidden\nscreen reader information region."},subtree:{}},events:{meta:{types:{"*":1},name:"events",excludes:{},description:"Event listeners for the chart."},subtree:{addSeries:{meta:{types:{function:1},name:"addSeries",excludes:{},description:"Fires when a series is added to the chart after load time, using\nthe `addSeries` method. One parameter, `event`, is passed to the\nfunction, containing common event information.\nThrough `event.options` you can access the series options that was\npassed to the `addSeries` method. Returning false prevents the series\nfrom being added."},subtree:{}},afterPrint:{meta:{types:{function:1},name:"afterPrint",excludes:{},description:"Fires after a chart is printed through the context menu item or the\n`Chart.print` method. Requires the exporting module."},subtree:{}},beforePrint:{meta:{types:{function:1},name:"beforePrint",excludes:{},description:"Fires before a chart is printed through the context menu item or\nthe `Chart.print` method. Requires the exporting module."},subtree:{}},click:{meta:{types:{function:1},name:"click",excludes:{},description:"Fires when clicking on the plot background. One parameter, `event`,\nis passed to the function, containing common event information.\n\nInformation on the clicked spot can be found through `event.xAxis`\nand `event.yAxis`, which are arrays containing the axes of each\ndimension and each axis' value at the clicked spot. The primary axes\nare `event.xAxis[0]` and `event.yAxis[0]`. Remember the unit of a\ndatetime axis is milliseconds since 1970-01-01 00:00:00.\n\n<pre>click: function(e) {\n    console.log(\n        Highcharts.dateFormat('%Y-%m-%d %H:%M:%S', e.xAxis[0].value),\n        e.yAxis[0].value\n    )\n}</pre>"},subtree:{}},drilldown:{meta:{types:{function:1},name:"drilldown",excludes:{},products:{highcharts:1,highmaps:1},description:"Fires when a drilldown point is clicked, before the new series is\nadded. This event is also utilized for async drilldown, where the\nseriesOptions are not added by option, but rather loaded async. Note\nthat when clicking a category label to trigger multiple series drilldown,\none `drilldown` event is triggered per point in the category.\n\nEvent arguments:\n\n<dl>\n\n<dt>`category`</dt>\n\n<dd>If a category label was clicked, which index.</dd>\n\n<dt>`point`</dt>\n\n<dd>The originating point.</dd>\n\n<dt>`originalEvent`</dt>\n\n<dd>The original browser event (usually click) that triggered the\ndrilldown.</dd>\n\n<dt>`points`</dt>\n\n<dd>If a category label was clicked, this array holds all points\ncorresponing to the category.</dd>\n\n<dt>`seriesOptions`</dt>\n\n<dd>Options for the new series</dd>\n\n</dl>"},subtree:{}},drillup:{meta:{types:{function:1},name:"drillup",excludes:{},products:{highcharts:1,highmaps:1},description:"Fires when drilling up from a drilldown series."},subtree:{}},drillupall:{meta:{types:{function:1},name:"drillupall",excludes:{},products:{highcharts:1,highmaps:1},description:"In a chart with multiple drilldown series, this event fires after\nall the series have been drilled up."},subtree:{}},load:{meta:{types:{function:1},name:"load",excludes:{},description:"Fires when the chart is finished loading. Since v4.2.2, it also waits\nfor images to be loaded, for example from point markers. One\nparameter, `event`, is passed to the function, containing common\nevent information.\n\nThere is also a second parameter to the chart constructor where a\ncallback function can be passed to be executed on chart.load."},subtree:{}},redraw:{meta:{types:{function:1},name:"redraw",excludes:{},description:"Fires when the chart is redrawn, either after a call to\n`chart.redraw()` or after an axis, series or point is modified with\nthe `redraw` option set to true. One parameter, `event`, is passed to\nthe function, containing common event information."},subtree:{}},render:{meta:{types:{function:1},name:"render",excludes:{},description:"Fires after initial load of the chart (directly after the `load`\nevent), and after each redraw (directly after the `redraw` event)."},subtree:{}},selection:{meta:{types:{function:1},name:"selection",excludes:{},description:"Fires when an area of the chart has been selected. Selection is\nenabled by setting the chart's zoomType. One parameter, `event`, is\npassed to the function, containing common event information. The\ndefault action for the selection event is to zoom the chart to the\nselected area. It can be prevented by calling\n`event.preventDefault()`.\n\nInformation on the selected area can be found through `event.xAxis`\nand `event.yAxis`, which are arrays containing the axes of each\ndimension and each axis' min and max values. The primary axes are\n`event.xAxis[0]` and `event.yAxis[0]`. Remember the unit of a\ndatetime axis is milliseconds since 1970-01-01 00:00:00.\n\n<pre>selection: function(event) {\n    // log the min and max of the primary, datetime x-axis\n    console.log(\n        Highcharts.dateFormat(\n            '%Y-%m-%d %H:%M:%S',\n            event.xAxis[0].min\n        ),\n        Highcharts.dateFormat(\n            '%Y-%m-%d %H:%M:%S',\n            event.xAxis[0].max\n        )\n    );\n    // log the min and max of the y axis\n    console.log(event.yAxis[0].min, event.yAxis[0].max);\n}</pre>"},subtree:{}}}},height:{meta:{types:{null:1,number:1,string:1},name:"height",excludes:{},default:"null",description:"An explicit height for the chart. If a _number_, the height is\ngiven in pixels. If given a _percentage string_ (for example\n`'56%'`), the height is given as the percentage of the actual chart\nwidth. This allows for preserving the aspect ratio across responsive\nsizes.\n\nBy default (when `null`) the height is calculated from the offset\nheight of the containing element, or 400 pixels if the containing\nelement's height is 0."},subtree:{}},ignoreHiddenSeries:{meta:{types:{boolean:1},name:"ignoreHiddenSeries",excludes:{},default:"true",products:{highcharts:1,highstock:1},description:"If true, the axes will scale to the remaining visible series once\none series is hidden. If false, hiding and showing a series will\nnot affect the axes or the other series. For stacks, once one series\nwithin the stack is hidden, the rest of the stack will close in\naround it even if the axis is not affected."},subtree:{}},inverted:{meta:{types:{boolean:1},name:"inverted",excludes:{},default:"false",products:{highcharts:1,highstock:1},description:"Whether to invert the axes so that the x axis is vertical and y axis\nis horizontal. When `true`, the x axis is [reversed](#xAxis.reversed)\nby default."},subtree:{}},map:{meta:{types:{array:"*",string:1},name:"map",excludes:{},products:{highmaps:1},description:"Default `mapData` for all series. If set to a string, it functions\nas an index into the `Highcharts.maps` array. Otherwise it is\ninterpreted s map data."},subtree:{}},mapTransforms:{meta:{types:{"*":1},name:"mapTransforms",excludes:{},products:{highmaps:1},description:"Set lat/lon transformation definitions for the chart. If not defined,\nthese are extracted from the map data."},subtree:{}},margin:{meta:{types:{array:"number",number:1},name:"margin",excludes:{},description:"The margin between the outer edge of the chart and the plot area.\nThe numbers in the array designate top, right, bottom and left\nrespectively. Use the options `marginTop`, `marginRight`,\n`marginBottom` and `marginLeft` for shorthand setting of one option.\n\nBy default there is no margin. The actual space is dynamically\ncalculated from the offset of axis labels, axis title, title,\nsubtitle and legend in addition to the `spacingTop`, `spacingRight`,\n`spacingBottom` and `spacingLeft` options."},subtree:{}},marginBottom:{meta:{types:{number:1},name:"marginBottom",excludes:{},description:"The margin between the bottom outer edge of the chart and the plot\narea. Use this to set a fixed pixel value for the margin as opposed\nto the default dynamic margin. See also `spacingBottom`."},subtree:{}},marginLeft:{meta:{types:{number:1},name:"marginLeft",excludes:{},description:"The margin between the left outer edge of the chart and the plot\narea. Use this to set a fixed pixel value for the margin as opposed\nto the default dynamic margin. See also `spacingLeft`."},subtree:{}},marginRight:{meta:{types:{number:1},name:"marginRight",excludes:{},description:"The margin between the right outer edge of the chart and the plot\narea. Use this to set a fixed pixel value for the margin as opposed\nto the default dynamic margin. See also `spacingRight`."},subtree:{}},marginTop:{meta:{types:{number:1},name:"marginTop",excludes:{},description:"The margin between the top outer edge of the chart and the plot area.\nUse this to set a fixed pixel value for the margin as opposed to\nthe default dynamic margin. See also `spacingTop`."},subtree:{}},options3d:{meta:{types:{object:1},name:"options3d",excludes:{},products:{highcharts:1},description:"Options to render charts in 3 dimensions. This feature requires\n`highcharts-3d.js`, found in the download package or online at\n[code.highcharts.com/highcharts-3d.js](http://code.highcharts.com/highcharts-\n3d.js)."},subtree:{alpha:{meta:{types:{number:1
},name:"alpha",excludes:{},default:"0",products:{highcharts:1},description:"One of the two rotation angles for the chart."},subtree:{}},axisLabelPosition:{meta:{types:{string:1},name:"axisLabelPosition",excludes:{},default:null,products:{highcharts:1},description:'Set it to `"auto"` to automatically move the labels to the best\nedge.'},subtree:{}},beta:{meta:{types:{number:1},name:"beta",excludes:{},default:"0",products:{highcharts:1},description:"One of the two rotation angles for the chart."},subtree:{}},depth:{meta:{types:{number:1},name:"depth",excludes:{},default:"100",products:{highcharts:1},description:"The total depth of the chart."},subtree:{}},enabled:{meta:{types:{boolean:1},name:"enabled",excludes:{},default:"false",products:{highcharts:1},description:"Wether to render the chart using the 3D functionality."},subtree:{}},fitToPlot:{meta:{types:{boolean:1},name:"fitToPlot",excludes:{},default:"true",products:{highcharts:1},description:"Whether the 3d box should automatically adjust to the chart plot\narea."},subtree:{}},frame:{meta:{types:{object:1},name:"frame",excludes:{},products:{highcharts:1},description:"Provides the option to draw a frame around the charts by defining\na bottom, front and back panel."},subtree:{back:{meta:{types:{},name:"back",excludes:{},description:"The back side of the frame around a 3D chart.",extends:"chart.options3d.frame.bottom"},subtree:{}},bottom:{meta:{types:{object:1},name:"bottom",excludes:{},description:"The bottom of the frame around a 3D chart."},subtree:{color:{meta:{types:{color:1},name:"color",excludes:{},default:"transparent",products:{highcharts:1},description:"The color of the panel."},subtree:{}},size:{meta:{types:{number:1},name:"size",excludes:{},default:"1",products:{highcharts:1},description:"The thickness of the panel."},subtree:{}},visible:{meta:{types:{boolean:1,string:1},name:"visible",excludes:{},default:"default",products:{highcharts:1},description:'Whether to display the frame. Possible values are `true`,\n`false`, `"auto"` to display only the frames behind the data,\nand `"default"` to display faces behind the data based on the\naxis layout, ignoring the point of view.'},subtree:{}}}},front:{meta:{types:{},name:"front",excludes:{},description:"The front of the frame around a 3D chart.",extends:"chart.options3d.frame.bottom"},subtree:{}},left:{meta:{types:{},name:"left",excludes:{},description:"The left side of the frame around a 3D chart.",extends:"chart.options3d.frame.bottom"},subtree:{}},right:{meta:{types:{},name:"right",excludes:{},description:"The right of the frame around a 3D chart.",extends:"chart.options3d.frame.bottom"},subtree:{}},side:{meta:{types:{object:1},name:"side",excludes:{},products:{highcharts:1},description:"Note: As of v5.0.12, `frame.left` or `frame.right` should be used\ninstead.\n\nThe side for the frame around a 3D chart."},subtree:{color:{meta:{types:{color:1},name:"color",excludes:{},default:"transparent",products:{highcharts:1},description:"The color of the panel."},subtree:{}},size:{meta:{types:{number:1},name:"size",excludes:{},default:"1",products:{highcharts:1},description:"The thickness of the panel."},subtree:{}}}},size:{meta:{types:{number:1},name:"size",excludes:{},default:1,description:"General pixel thickness for the frame faces."},subtree:{}},top:{meta:{types:{},name:"top",excludes:{},description:"The top of the frame around a 3D chart.",extends:"chart.options3d.frame.bottom"},subtree:{}},visible:{meta:{types:{string:1},name:"visible",excludes:{},default:"default",description:"Whether the frames are visible."},subtree:{}}}},viewDistance:{meta:{types:{number:1},name:"viewDistance",excludes:{},default:"100",products:{highcharts:1},description:"Defines the distance the viewer is standing in front of the\nchart, this setting is important to calculate the perspective\neffect in column and scatter charts. It is not used for 3D pie\ncharts."},subtree:{}}}},panKey:{meta:{types:{string:1},name:"panKey",excludes:{},products:{highcharts:1},description:"Allows setting a key to switch between zooming and panning. Can be\none of `alt`, `ctrl`, `meta` (the command key on Mac and Windows\nkey on Windows) or `shift`. The keys are mapped directly to the key\nproperties of the click event argument (`event.altKey`,\n`event.ctrlKey`, `event.metaKey` and `event.shiftKey`)."},subtree:{}},panning:{meta:{types:{boolean:1},name:"panning",excludes:{},products:{highcharts:1,highstock:1},description:"Allow panning in a chart. Best used with [panKey](#chart.panKey)\nto combine zooming and panning.\n\nOn touch devices, when the [tooltip.followTouchMove](\n#tooltip.followTouchMove) option is `true` (default), panning\nrequires two fingers. To allow panning with one finger, set\n`followTouchMove` to `false`."},subtree:{}},parallelAxes:{meta:{types:{object:1},name:"parallelAxes",excludes:{},products:{highcharts:1},description:"Common options for all yAxes rendered in a parallel coordinates plot.\nThis feature requires `modules/parallel-coordinates.js`.\n\nThe default options are:\n<pre>\nparallelAxes: {\n   lineWidth: 1,       // classic mode only\n   gridlinesWidth: 0,  // classic mode only\n   title: {\n       text: '',\n       reserveSpace: false\n   },\n   labels: {\n       x: 0,\n       y: 0,\n       align: 'center',\n       reserveSpace: false\n   },\n   offset: 0\n}</pre>",extends:"yAxis"},subtree:{labels:{meta:{types:{object:1},name:"labels",excludes:{}},subtree:{align:{meta:{types:{string:1},name:"align",excludes:{},default:"center"},subtree:{}},reserveSpace:{meta:{types:{boolean:1},name:"reserveSpace",excludes:{},default:!1},subtree:{}},x:{meta:{types:{number:1},name:"x",excludes:{},default:0},subtree:{}},y:{meta:{types:{number:1},name:"y",excludes:{},default:4},subtree:{}}}},lineWidth:{meta:{types:{number:1},name:"lineWidth",excludes:{},default:1},subtree:{}},offset:{meta:{types:{number:1},name:"offset",excludes:{},default:0},subtree:{}},title:{meta:{types:{object:1},name:"title",excludes:{},description:"Titles for yAxes are taken from\n[xAxis.categories](#xAxis.categories). All options for\n`xAxis.labels` applies to parallel coordinates titles.\nFor example, to style categories, use\n[xAxis.labels.style](#xAxis.labels.style)."},subtree:{reserveSpace:{meta:{types:{boolean:1},name:"reserveSpace",excludes:{},default:!1},subtree:{}},text:{meta:{types:{string:1},name:"text",excludes:{},default:""},subtree:{}}}}}},parallelCoordinates:{meta:{types:{boolean:1},name:"parallelCoordinates",excludes:{},default:!1,products:{highcharts:1},description:"Flag to render charts as a parallel coordinates plot. In a parallel\ncoordinates plot (||-coords) by default all required yAxes are generated\nand the legend is disabled. This feature requires\n`modules/parallel-coordinates.js`."},subtree:{}},pinchType:{meta:{types:{string:1},name:"pinchType",excludes:{},products:{highcharts:1,highstock:1},description:"Equivalent to [zoomType](#chart.zoomType), but for multitouch\ngestures only. By default, the `pinchType` is the same as the\n`zoomType` setting. However, pinching can be enabled separately in\nsome cases, for example in stock charts where a mouse drag pans the\nchart, while pinching is enabled. When [tooltip.followTouchMove](\n#tooltip.followTouchMove) is true, pinchType only applies to\ntwo-finger touches."},subtree:{}},plotBackgroundColor:{meta:{types:{"highcharts.colorstring":1},name:"plotBackgroundColor",excludes:{},description:"The background color or gradient for the plot area."},subtree:{}},plotBackgroundImage:{meta:{types:{string:1},name:"plotBackgroundImage",excludes:{},description:"The URL for an image to use as the plot background. To set an image\nas the background for the entire chart, set a CSS background image\nto the container element. Note that for the image to be applied to\nexported charts, its URL needs to be accessible by the export server."},subtree:{}},plotBorderColor:{meta:{types:{"highcharts.colorstring":1},name:"plotBorderColor",excludes:{},default:"#cccccc",description:"The color of the inner chart or plot area border."},subtree:{}},plotBorderWidth:{meta:{types:{number:1},name:"plotBorderWidth",excludes:{},default:"0",description:"The pixel width of the plot area border."},subtree:{}},plotShadow:{meta:{types:{"highcharts.cssobject":1,boolean:1},name:"plotShadow",excludes:{},default:"false",description:"Whether to apply a drop shadow to the plot area. Requires that\nplotBackgroundColor be set. The shadow can be an object configuration\ncontaining `color`, `offsetX`, `offsetY`, `opacity` and `width`."},subtree:{}},polar:{meta:{types:{boolean:1},name:"polar",excludes:{},default:"false",products:{highcharts:1},description:"When true, cartesian charts like line, spline, area and column are\ntransformed into the polar coordinate system. Requires\n`highcharts-more.js`."},subtree:{}},reflow:{meta:{types:{boolean:1},name:"reflow",excludes:{},default:"true",description:"Whether to reflow the chart to fit the width of the container div\non resizing the window."},subtree:{}},renderTo:{meta:{types:{"highcharts.svgdomelement":1,string:1},name:"renderTo",excludes:{},description:"The HTML element where the chart will be rendered. If it is a string,\nthe element by that id is used. The HTML element can also be passed\nby direct reference, or as the first argument of the chart\nconstructor, in which case the option is not needed."},subtree:{}},resetZoomButton:{meta:{types:{"*":1},name:"resetZoomButton",excludes:{},description:"The button that appears after a selection zoom, allowing the user\nto reset zoom."},subtree:{position:{meta:{types:{"*":1},name:"position",excludes:{},description:"The position of the button."},subtree:{align:{meta:{types:{string:1},name:"align",excludes:{},default:"right",description:"The horizontal alignment of the button."},subtree:{}},verticalAlign:{meta:{types:{string:1},name:"verticalAlign",excludes:{},default:"top",description:"The vertical alignment of the button."},subtree:{}},x:{meta:{types:{number:1},name:"x",excludes:{},default:-10,description:"The horizontal offset of the button."},subtree:{}},y:{meta:{types:{number:1},name:"y",excludes:{},default:10,description:"The vertical offset of the button."},subtree:{}}}},relativeTo:{meta:{types:{string:1},name:"relativeTo",excludes:{},default:"plot",description:"What frame the button should be placed related to. Can be either\n`plot` or `chart`"},subtree:{}},theme:{meta:{types:{"*":1},name:"theme",excludes:{},description:"A collection of attributes for the button. The object takes SVG\nattributes like `fill`, `stroke`, `stroke-width` or `r`, the\nborder radius. The theme also supports `style`, a collection of\nCSS properties for the text. Equivalent attributes for the hover\nstate are given in `theme.states.hover`."},subtree:{zIndex:{meta:{types:{number:1},name:"zIndex",excludes:{},default:6,description:"The Z index for the reset zoom button. The default value\nplaces it below the tooltip that has Z index 7."},subtree:{}}}}}},scrollablePlotArea:{meta:{types:{object:1},name:"scrollablePlotArea",excludes:{},products:{highcharts:1},description:"Options for a scrollable plot area. This feature provides a minimum width for\nthe plot area of the chart. If the width gets smaller than this, typically\non mobile devices, a native browser scrollbar is presented below the chart.\nThis scrollbar provides smooth scrolling for the contents of the plot area,\nwhereas the title, legend and axes are fixed."},subtree:{minWidth:{meta:{types:{number:1},name:"minWidth",excludes:{},description:"The minimum width for the plot area. If it gets smaller than this, the plot\narea will become scrollable."},subtree:{}},scrollPositionX:{meta:{types:{number:1},name:"scrollPositionX",excludes:{},description:"The initial scrolling position of the scrollable plot area. Ranges from 0 to\n1, where 0 aligns the plot area to the left and 1 aligns it to the right.\nTypically we would use 1 if the chart has right aligned Y axes."},subtree:{}}}},selectionMarkerFill:{meta:{types:{"highcharts.colorstring":1},name:"selectionMarkerFill",excludes:{},default:"rgba(51,92,173,0.25)",description:"The background color of the marker square when selecting (zooming\nin on) an area of the chart."},subtree:{}},shadow:{meta:{types:{"highcharts.cssobject":1,boolean:1},name:"shadow",excludes:{},default:"false",description:"Whether to apply a drop shadow to the outer chart area. Requires\nthat backgroundColor be set. The shadow can be an object\nconfiguration containing `color`, `offsetX`, `offsetY`, `opacity` and\n`width`."},subtree:{}},showAxes:{meta:{types:{boolean:1},name:"showAxes",excludes:{},products:{highcharts:1},description:"Whether to show the axes initially. This only applies to empty charts\nwhere series are added dynamically, as axes are automatically added\nto cartesian series."},subtree:{}},spacing:{meta:{types:{array:"number"},name:"spacing",excludes:{},default:"[10, 10, 15, 10]",description:"The distance between the outer edge of the chart and the content,\nlike title or legend, or axis title and labels if present. The\nnumbers in the array designate top, right, bottom and left\nrespectively. Use the options spacingTop, spacingRight, spacingBottom\nand spacingLeft options for shorthand setting of one option."},subtree:{}},spacingBottom:{meta:{types:{number:1},name:"spacingBottom",excludes:{},default:"15",description:"The space between the bottom edge of the chart and the content (plot\narea, axis title and labels, title, subtitle or legend in top\nposition)."},subtree:{}},spacingLeft:{meta:{types:{number:1},name:"spacingLeft",excludes:{},default:"10",description:"The space between the left edge of the chart and the content (plot\narea, axis title and labels, title, subtitle or legend in top\nposition)."},subtree:{}},spacingRight:{meta:{types:{number:1},name:"spacingRight",excludes:{},default:"10",description:"The space between the right edge of the chart and the content (plot\narea, axis title and labels, title, subtitle or legend in top\nposition)."},subtree:{}},spacingTop:{meta:{types:{number:1},name:"spacingTop",excludes:{},default:"10",description:"The space between the top edge of the chart and the content (plot\narea, axis title and labels, title, subtitle or legend in top\nposition)."},subtree:{}},style:{meta:{types:{"highcharts.cssobject":1},name:"style",excludes:{},default:'{"fontFamily": "\\"Lucida Grande\\", \\"Lucida Sans Unicode\\", Verdana, Arial, Helvetica, sans-serif","fontSize":"12px"}',description:"Additional CSS styles to apply inline to the container `div`. Note\nthat since the default font styles are applied in the renderer, it\nis ignorant of the individual chart options and must be set globally."},subtree:{}},type:{meta:{types:{string:1},name:"type",excludes:{},description:"The default series type for the chart. Can be any of the chart types\nlisted under [plotOptions](#plotOptions)."},subtree:{}},typeDescription:{meta:{types:{string:1},name:"typeDescription",excludes:{},default:"undefined",description:"A text description of the chart type.\n\nIf the Accessibility module is loaded, this will be included in the\ndescription of the chart in the screen reader information region.\n\n\nHighcharts will by default attempt to guess the chart type, but for\nmore complex charts it is recommended to specify this property for\nclarity."},subtree:{}},width:{meta:{types:{null:1,number:1},name:"width",excludes:{},default:"null",description:"An explicit width for the chart. By default (when `null`) the width\nis calculated from the offset width of the containing element."},subtree:{}},zoomType:{meta:{types:{string:1},name:"zoomType",excludes:{},products:{highcharts:1,highstock:1},description:"Decides in what dimensions the user can zoom by dragging the mouse.\nCan be one of `x`, `y` or `xy`."},subtree:{}}}},colorAxis:{meta:{types:{object:1},name:"colorAxis",excludes:{},products:{highcharts:1,highmaps:1},description:"A color axis for choropleth maps and heat maps. Visually, the color\naxis will appear as a gradient or as separate items inside the\nlegend, depending on whether the axis is scalar or based on data\nclasses.\n\nFor supported color formats, see the\n[docs article about colors](https://www.highcharts.com/docs/chart-design-and-style/colors).\n\nA scalar color axis is represented by a gradient. The colors either\nrange between the [minColor](#colorAxis.minColor) and the\n[maxColor](#colorAxis.maxColor), or for more fine grained control the\ncolors can be defined in [stops](#colorAxis.stops). Often times, the\ncolor axis needs to be adjusted to get the right color spread for the\ndata. In addition to stops, consider using a logarithmic\n[axis type](#colorAxis.type), or setting [min](#colorAxis.min) and\n[max](#colorAxis.max) to avoid the colors being determined by\noutliers.\n\nWhen [dataClasses](#colorAxis.dataClasses) are used, the ranges are\nsubdivided into separate classes like categories based on their\nvalues. This can be used for ranges between two values, but also for\na true category. However, when your data is categorized, it may be as\nconvenient to add each category to a separate series.\n\nSee [the Axis object](/class-reference/Highcharts.Axis) for\nprogrammatic access to the axis.",extends:"xAxis"},subtree:{allowDecimals:{meta:{types:{boolean:1},name:"allowDecimals",excludes:{},default:"true",products:{highcharts:1,highmaps:1},description:"Whether to allow decimals on the color axis."},subtree:{}},dataClassColor:{meta:{types:{string:1},name:"dataClassColor",excludes:{},default:"tween",products:{highcharts:1,highmaps:1},description:"Determines how to set each data class' color if no individual\ncolor is set. The default value, `tween`, computes intermediate\ncolors between `minColor` and `maxColor`. The other possible\nvalue, `category`, pulls colors from the global or chart specific\n[colors](#colors) array."},subtree:{}},dataClasses:{meta:{types:{array:"Object"},name:"dataClasses",excludes:{},products:{highcharts:1,highmaps:1},description:"An array of data classes or ranges for the choropleth map. If\nnone given, the color axis is scalar and values are distributed\nas a gradient between the minimum and maximum colors."},subtree:{color:{meta:{types:{color:1},name:"color",excludes:{},products:{highcharts:1,highmaps:1},description:"The color of each data class. If not set, the color is pulled\nfrom the global or chart-specific [colors](#colors) array. In\nstyled mode, this option is ignored. Instead, use colors defined\nin CSS."},subtree:{}},from:{meta:{types:{number:1},name:"from",excludes:{},products:{highcharts:1,highmaps:1},description:"The start of the value range that the data class represents,\nrelating to the point value.\n\nThe range of each `dataClass` is closed in both ends, but can be\noverridden by the next `dataClass`."},subtree:{}},name:{meta:{types:{string:1},name:"name",excludes:{},products:{highcharts:1,highmaps:1},description:"The name of the data class as it appears in the legend.\nIf no name is given, it is automatically created based on the\n`from` and `to` values. For full programmatic control,\n[legend.labelFormatter](#legend.labelFormatter) can be used.\nIn the formatter, `this.from` and `this.to` can be accessed."},subtree:{}},to:{meta:{types:{number:1},name:"to",excludes:{},products:{highcharts:1,highmaps:1},description:"The end of the value range that the data class represents,\nrelating to the point value.\n\nThe range of each `dataClass` is closed in both ends, but can be\noverridden by the next `dataClass`."},subtree:{}}}},endOnTick:{meta:{types:{boolean:1},name:"endOnTick",excludes:{},default:"true",products:{highcharts:1,highmaps:1},description:"Whether to force the axis to end on a tick. Use this option with\nthe [maxPadding](#colorAxis.maxPadding) option to control the\naxis end."},subtree:{}},events:{meta:{types:{object:1},name:"events",excludes:{}},subtree:{legendItemClick:{meta:{types:{function:1},name:"legendItemClick",excludes:{},products:{highcharts:1,highmaps:1},description:"Fires when the legend item belonging to the colorAxis is clicked.\nOne parameter, `event`, is passed to the function."},subtree:{}}}},gridLineColor:{meta:{types:{color:1},name:"gridLineColor",excludes:{},default:"#e6e6e6",products:{highcharts:1,highmaps:1},description:"Color of the grid lines extending from the axis across the\ngradient."},subtree:{}},gridLineWidth:{meta:{types:{number:1},name:"gridLineWidth",excludes:{},default:"1",products:{highcharts:1,highmaps:1},description:"The width of the grid lines extending from the axis across the\ngradient of a scalar color axis."},subtree:{}},labels:{meta:{types:{object:1},name:"labels",excludes:{},products:{highcharts:1,highmaps:1},description:"The axis labels show the number for each tick.\n\nFor more live examples on label options, see [xAxis.labels in the\nHighcharts API.](/highcharts#xAxis.labels)",extends:"xAxis.labels"},subtree:{overflow:{meta:{types:{string:1},name:"overflow",excludes:{},default:"justify",products:{highcharts:1,highmaps:1},description:'How to handle overflowing labels on horizontal color axis.\nCan be undefined or "justify". If "justify", labels will not\nrender outside the legend area. If there is room to move it,\nit will be aligned to the edge, else it will be removed.'},subtree:{}},rotation:{meta:{types:{number:1},name:"rotation",excludes:{},default:0},subtree:{}}}},marker:{meta:{types:{object:1},name:"marker",excludes:{},products:{highcharts:1,highmaps:1},description:"The triangular marker on a scalar color axis that points to the\nvalue of the hovered area. To disable the marker, set\n`marker: null`."},subtree:{animation:{meta:{types:{animationoptions:1,boolean:1},name:"animation",excludes:{},products:{highcharts:1,highmaps:1},description:"Animation for the marker as it moves between values. Set to\n`false` to disable animation. Defaults to `{ duration: 50 }`."},subtree:{duration:{meta:{types:{number:1},name:"duration",excludes:{},default:50},subtree:{}}}},color:{meta:{types:{color:1},name:"color",excludes:{},default:"#999999",products:{highcharts:1,highmaps:1},description:"The color of the marker."},subtree:{}}}},max:{meta:{types:{number:1},name:"max",excludes:{},products:{highcharts:1,highmaps:1},description:"The maximum value of the axis in terms of map point values. If\n`null`, the max value is automatically calculated. If the\n`endOnTick` option is true, the max value might be rounded up."},subtree:{}},maxColor:{meta:{types:{color:1},name:"maxColor",excludes:{},default:"#003399",products:{highcharts:1,highmaps:1},description:"The color to represent the maximum of the color axis. Unless\n[dataClasses](#colorAxis.dataClasses) or\n[stops](#colorAxis.stops) are set, the gradient ends at this\nvalue.\n\nIf dataClasses are set, the color is based on minColor and\nmaxColor unless a color is set for each data class, or the\n[dataClassColor](#colorAxis.dataClassColor) is set."},subtree:{}},maxPadding:{meta:{types:{number:1},name:"maxPadding",excludes:{},default:0,products:{highcharts:1,highmaps:1},description:"Padding of the max value relative to the length of the axis. A\npadding of 0.05 will make a 100px axis 5px longer."},subtree:{}},min:{meta:{types:{number:1},name:"min",excludes:{},products:{highcharts:1,highmaps:1},description:"The minimum value of the axis in terms of map point values. If\n`null`, the min value is automatically calculated. If the\n`startOnTick` option is true, the min value might be rounded\ndown."},subtree:{}},minColor:{meta:{types:{color:1},name:"minColor",excludes:{},default:"#e6ebf5",products:{highcharts:1,highmaps:1},description:"The color to represent the minimum of the color axis. Unless\n[dataClasses](#colorAxis.dataClasses) or\n[stops](#colorAxis.stops) are set, the gradient starts at this\nvalue.\n\nIf dataClasses are set, the color is based on minColor and\nmaxColor unless a color is set for each data class, or the\n[dataClassColor](#colorAxis.dataClassColor) is set."},subtree:{}},minPadding:{meta:{types:{number:1},name:"minPadding",excludes:{},default:0,products:{highcharts:1,highmaps:1},description:"Padding of the min value relative to the length of the axis. A\npadding of 0.05 will make a 100px axis 5px longer."},subtree:{}},reversed:{meta:{types:{boolean:1},name:"reversed",excludes:{},products:{highcharts:1,highmaps:1},description:"Whether to reverse the axis so that the highest number is closest\nto the origin. Defaults to `false` in a horizontal legend and\n`true` in a vertical legend, where the smallest value starts on\ntop."},subtree:{}},showInLegend:{meta:{types:{boolean:1},name:"showInLegend",excludes:{},default:"true",products:{highcharts:1,highmaps:1},description:"Whether to display the colorAxis in the legend."},subtree:{}},startOnTick:{meta:{types:{boolean:1},name:"startOnTick",excludes:{},default:"true",products:{highcharts:1,highmaps:1},description:"Whether to force the axis to start on a tick. Use this option\nwith the `maxPadding` option to control the axis start."},subtree:{}},stops:{meta:{types:{array:"Array"},name:"stops",excludes:{},products:{highcharts:1,highmaps:1},description:"Color stops for the gradient of a scalar color axis. Use this in\ncases where a linear gradient between a `minColor` and `maxColor`\nis not sufficient. The stops is an array of tuples, where the\nfirst item is a float between 0 and 1 assigning the relative\nposition in the gradient, and the second item is the color."},subtree:{}},tickInterval:{meta:{types:{number:1},name:"tickInterval",excludes:{},products:{highcharts:1,highmaps:1},description:"The interval of the tick marks in axis units. When `null`, the\ntick interval is computed to approximately follow the\n`tickPixelInterval`."},subtree:{}},tickLength:{meta:{types:{number:1},name:"tickLength",excludes:{},default:5,description:"The pixel length of the main tick marks on the color axis."},subtree:{}},tickPixelInterval:{meta:{types:{number:1},name:"tickPixelInterval",excludes:{},default:"72",products:{highcharts:1,highmaps:1},description:"If [tickInterval](#colorAxis.tickInterval) is `null` this option\nsets the approximate pixel interval of the tick marks."},subtree:{}},type:{meta:{types:{string:1},name:"type",excludes:{},default:"linear",products:{highcharts:1,highmaps:1},description:"The type of interpolation to use for the color axis. Can be\n`linear` or `logarithmic`."},subtree:{}}}},colors:{meta:{types:{array:"Highcharts.ColorString"},name:"colors",excludes:{},default:'["#7cb5ec", "#434348", "#90ed7d", "#f7a35c", "#8085e9",\n            "#f15c80", "#e4d354", "#2b908f", "#f45b5b", "#91e8e1"]',description:"An array containing the default colors for the chart's series. When\nall colors are used, new colors are pulled from the start again.\n\nDefault colors can also be set on a series or series.type basis,\nsee [column.colors](#plotOptions.column.colors),\n[pie.colors](#plotOptions.pie.colors).\n\nIn styled mode, the colors option doesn't exist. Instead, colors\nare defined in CSS and applied either through series or point class\nnames, or through the [chart.colorCount](#chart.colorCount) option.\n\n\n### Legacy\n\nIn Highcharts 3.x, the default colors were:\n\n<pre>colors: ['#2f7ed8', '#0d233a', '#8bbc21', '#910000', '#1aadce',\n    '#492970', '#f28f43', '#77a1e5', '#c42525', '#a6c96a']</pre>\n\nIn Highcharts 2.x, the default colors were:\n\n<pre>colors: ['#4572A7', '#AA4643', '#89A54E', '#80699B', '#3D96AE',\n   '#DB843D', '#92A8CD', '#A47D7C', '#B5CA92']</pre>"},subtree:{}},credits:{meta:{types:{"*":1},name:"credits",excludes:{},description:"Highchart by default puts a credits label in the lower right corner\nof the chart. This can be changed using these options."},subtree:{enabled:{meta:{types:{boolean:1},name:"enabled",excludes:{},default:!0,description:"Whether to show the credits text."},subtree:{}},href:{meta:{types:{string:1},name:"href",excludes:{},default:"https://www.highcharts.com",description:"The URL for the credits label."},subtree:{}},mapText:{meta:{types:{string:1},name:"mapText",excludes:{},default:'\\u00a9 <a href="{geojson.copyrightUrl}">{geojson.copyrightShort}</a>',products:{highmaps:1},description:"Credits for map source to be concatenated with conventional credit\ntext. By default this is a format string that collects copyright\ninformation from the map if available."},subtree:{}},mapTextFull:{meta:{types:{string:1},name:"mapTextFull",excludes:{},default:"{geojson.copyright}",products:{highmaps:1},description:"Detailed credits for map source to be displayed on hover of credits\ntext. By default this is a format string that collects copyright\ninformation from the map if available."},subtree:{}},position:{meta:{types:{"*":1},name:"position",excludes:{},description:"Position configuration for the credits label."},subtree:{align:{meta:{types:{string:1},name:"align",excludes:{},default:"right",description:"Horizontal alignment of the credits."},subtree:{}},verticalAlign:{meta:{types:{string:1},name:"verticalAlign",excludes:{},default:"bottom",description:"Vertical alignment of the credits."},subtree:{}},x:{meta:{types:{number:1},name:"x",excludes:{},default:"-10",description:"Horizontal pixel offset of the credits."},subtree:{}},y:{meta:{types:{number:1},name:"y",excludes:{},default:"-5",description:"Vertical pixel offset of the credits."},subtree:{}}}},style:{meta:{types:{"highcharts.cssobject":1},name:"style",excludes:{},default:'{"cursor": "pointer", "color": "#999999", "fontSize": "10px"}',description:"CSS styles for the credits label."},subtree:{color:{meta:{types:{string:1},name:"color",excludes:{},default:"#999999"},subtree:{}},cursor:{meta:{types:{string:1},name:"cursor",excludes:{},default:"pointer"},subtree:{}},fontSize:{meta:{types:{string:1},name:"fontSize",excludes:{},default:"9px"},subtree:{}}}},text:{meta:{types:{string:1},name:"text",excludes:{},default:"Highcharts.com",description:"The text for the credits label."},subtree:{}}}},defs:{meta:{types:{"*":1},name:"defs",excludes:{},description:"Styled mode only. Configuration object for adding SVG definitions for\nreusable elements. See [gradients, shadows and\npatterns](https://www.highcharts.com/docs/chart-design-and-style/gradients-shadows-and-patterns)\nfor more information and code examples."},subtree:{}},drilldown:{meta:{types:{object:1},name:"drilldown",excludes:{},description:"Options for drill down, the concept of inspecting increasingly high\nresolution data through clicking on chart items like columns or pie slices.\n\nThe drilldown feature requires the drilldown.js file to be loaded,\nfound in the modules directory of the download package, or online at\n[code.highcharts.com/modules/drilldown.js\n](code.highcharts.com/modules/drilldown.js)."},subtree:{activeAxisLabelStyle:{meta:{types:{cssobject:1},name:"activeAxisLabelStyle",excludes:{},default:'{ "cursor": "pointer", "color": "#003399", "fontWeight": "bold", "textDecoration": "underline" }',products:{highcharts:1,highmaps:1},description:"Additional styles to apply to the X axis label for a point that\nhas drilldown data. By default it is underlined and blue to invite\nto interaction."},subtree:{color:{meta:{types:{string:1},name:"color",excludes:{},default:"#003399"},subtree:{}},cursor:{meta:{types:{string:1},name:"cursor",excludes:{},default:"pointer"},subtree:{}},fontWeight:{meta:{types:{string:1},name:"fontWeight",excludes:{},default:"bold"},subtree:{}},textDecoration:{meta:{types:{string:1},name:"textDecoration",excludes:{},default:"underline"},subtree:{}}}},activeDataLabelStyle:{meta:{types:{cssobject:1},name:"activeDataLabelStyle",excludes:{},default:'{ "cursor": "pointer", "color": "#003399", "fontWeight": "bold", "textDecoration": "underline" }',products:{highcharts:1,highmaps:1},description:"Additional styles to apply to the data label of a point that has\ndrilldown data. By default it is underlined and blue to invite to\ninteraction."},subtree:{color:{meta:{types:{string:1},name:"color",excludes:{},default:"#003399"
},subtree:{}},cursor:{meta:{types:{string:1},name:"cursor",excludes:{},default:"pointer"},subtree:{}},fontWeight:{meta:{types:{string:1},name:"fontWeight",excludes:{},default:"bold"},subtree:{}},textDecoration:{meta:{types:{string:1},name:"textDecoration",excludes:{},default:"underline"},subtree:{}}}},allowPointDrilldown:{meta:{types:{boolean:1},name:"allowPointDrilldown",excludes:{},default:"true",products:{highcharts:1},description:"When this option is false, clicking a single point will drill down\nall points in the same category, equivalent to clicking the X axis\nlabel."},subtree:{}},animation:{meta:{types:{animationoptions:1,boolean:1},name:"animation",excludes:{},products:{highcharts:1,highmaps:1},description:"Set the animation for all drilldown animations. Animation of a drilldown\noccurs when drilling between a column point and a column series,\nor a pie slice and a full pie series. Drilldown can still be used\nbetween series and points of different types, but animation will\nnot occur.\n\nThe animation can either be set as a boolean or a configuration\nobject. If `true`, it will use the 'swing' jQuery easing and a duration\nof 500 ms. If used as a configuration object, the following properties\nare supported:\n\n<dl>\n\n<dt>duration</dt>\n\n<dd>The duration of the animation in milliseconds.</dd>\n\n<dt>easing</dt>\n\n<dd>A string reference to an easing function set on the `Math` object.\nSee [the easing demo](https://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/plotoptions/series-\nanimation-easing/).</dd>\n\n</dl>"},subtree:{duration:{meta:{types:{number:1,string:1},name:"duration",excludes:{},default:"500",description:"Duration for the drilldown animation."},subtree:{}}}},drillUpButton:{meta:{types:{object:1},name:"drillUpButton",excludes:{},products:{highcharts:1,highmaps:1},description:"Options for the drill up button that appears when drilling down\non a series. The text for the button is defined in\n[lang.drillUpText](#lang.drillUpText)."},subtree:{position:{meta:{types:{object:1},name:"position",excludes:{},products:{highcharts:1,highmaps:1},description:"Positioning options for the button within the `relativeTo` box.\nAvailable properties are `x`, `y`, `align` and `verticalAlign`."},subtree:{align:{meta:{types:{string:1},name:"align",excludes:{},default:"right",description:"Horizontal alignment."},subtree:{}},verticalAlign:{meta:{types:{string:1},name:"verticalAlign",excludes:{},default:"top",products:{highcharts:1,highmaps:1},description:"Vertical alignment of the button."},subtree:{}},x:{meta:{types:{number:1},name:"x",excludes:{},default:-10,description:"The X offset of the button."},subtree:{}},y:{meta:{types:{number:1},name:"y",excludes:{},default:10,description:"The Y offset of the button."},subtree:{}}}},relativeTo:{meta:{types:{string:1},name:"relativeTo",excludes:{},default:"plotBox",products:{highcharts:1,highmaps:1},description:"What box to align the button to. Can be either `plotBox` or\n`spacingBox`."},subtree:{}},theme:{meta:{types:{object:1},name:"theme",excludes:{},products:{highcharts:1,highmaps:1},description:"A collection of attributes for the button. The object takes SVG\nattributes like `fill`, `stroke`, `stroke-width` or `r`, the border\nradius. The theme also supports `style`, a collection of CSS\nproperties for the text. Equivalent attributes for the hover state\nare given in `theme.states.hover`."},subtree:{}}}},series:{meta:{types:{array:"Object"},name:"series",excludes:{},products:{highcharts:1,highmaps:1},description:"An array of series configurations for the drill down. Each series\nconfiguration uses the same syntax as the [series](#series) option\nset. These drilldown series are hidden by default. The drilldown\nseries is linked to the parent series' point by its `id`."},subtree:{}}}},exporting:{meta:{types:{object:1},name:"exporting",excludes:{},description:"Options for the exporting module. For an overview on the matter, see\n[the docs](https://www.highcharts.com/docs/export-module/export-module-overview)."},subtree:{allowHTML:{meta:{types:{boolean:1},name:"allowHTML",excludes:{},default:"false",description:"Experimental setting to allow HTML inside the chart (added through\nthe `useHTML` options), directly in the exported image. This allows\nyou to preserve complicated HTML structures like tables or bi-directional\ntext in exported charts.\n\nDisclaimer: The HTML is rendered in a `foreignObject` tag in the\ngenerated SVG. The official export server is based on PhantomJS,\nwhich supports this, but other SVG clients, like Batik, does not\nsupport it. This also applies to downloaded SVG that you want to\nopen in a desktop client."},subtree:{}},buttons:{meta:{types:{object:1},name:"buttons",excludes:{},description:"Options for the export related buttons, print and export. In addition\nto the default buttons listed here, custom buttons can be added.\nSee [navigation.buttonOptions](#navigation.buttonOptions) for general\noptions."},subtree:{contextButton:{meta:{types:{object:1},name:"contextButton",excludes:{},description:"Options for the export button.\n\nIn styled mode, export button styles can be applied with the\n`.highcharts-contextbutton` class.",extends:"navigation.buttonOptions"},subtree:{_titleKey:{meta:{types:{string:1},name:"_titleKey",excludes:{},default:"contextButtonTitle",description:'The key to a [lang](#lang) option setting that is used for the\nbutton\'s title tooltip. When the key is `contextButtonTitle`, it\nrefers to [lang.contextButtonTitle](#lang.contextButtonTitle)\nthat defaults to "Chart context menu".'},subtree:{}},className:{meta:{types:{string:1},name:"className",excludes:{},default:"highcharts-contextbutton",description:"The class name of the context button."},subtree:{}},menuClassName:{meta:{types:{string:1},name:"menuClassName",excludes:{},default:"highcharts-contextmenu",description:"The class name of the menu appearing from the button."},subtree:{}},menuItems:{meta:{types:{array:"String"},name:"menuItems",excludes:{},description:"A collection of strings pointing to config options for the menu\nitems. The config options are defined in the\n`menuItemDefinitions` option.\n\nBy default, there is the \"Print\" menu item plus one menu item\nfor each of the available export types.\n\nDefaults to\n<pre>\n[\n   'printChart',\n   'separator',\n   'downloadPNG',\n   'downloadJPEG',\n   'downloadPDF',\n   'downloadSVG'\n]\n</pre>"},subtree:{}},onclick:{meta:{types:{function:1},name:"onclick",excludes:{},description:"A click handler callback to use on the button directly instead of\nthe popup menu."},subtree:{}},symbol:{meta:{types:{string:1},name:"symbol",excludes:{},default:"menu",description:"The symbol for the button. Points to a definition function in\nthe `Highcharts.Renderer.symbols` collection. The default\n`exportIcon` function is part of the exporting module."},subtree:{}},symbolFill:{meta:{types:{color:1},name:"symbolFill",excludes:{},default:"#666666",description:"See [navigation.buttonOptions.symbolFill](\n#navigation.buttonOptions.symbolFill)."},subtree:{}},x:{meta:{types:{number:1},name:"x",excludes:{},default:"-10",description:"The horizontal position of the button relative to the `align`\noption."},subtree:{}}}}}},chartOptions:{meta:{types:{object:1},name:"chartOptions",excludes:{},default:"null",description:"Additional chart options to be merged into an exported chart. For\nexample, a common use case is to add data labels to improve readability\nof the exported chart, or to add a printer-friendly color scheme."},subtree:{}},csv:{meta:{types:{object:1},name:"csv",excludes:{},description:"Options for exporting data to CSV or ExCel, or displaying the data\nin a HTML table or a JavaScript structure. Requires the\n`export-data.js` module. This module adds data export options to the\nexport menu and provides functions like `Chart.getCSV`,\n`Chart.getTable`, `Chart.getDataRows` and `Chart.viewData`.\n\nThe XLS converter is limited and only creates a HTML string that is\npassed for download, which works but creates a warning before\nopening. The workaround for this is to use a third party XLSX\nconverter, as demonstrated in the sample below."},subtree:{columnHeaderFormatter:{meta:{types:{function:1,null:1},name:"columnHeaderFormatter",excludes:{},default:null,description:'Formatter callback for the column headers. Parameters are:\n- `item` - The series or axis object)\n- `key` -  The point key, for example y or z\n- `keyLength` - The amount of value keys for this item, for\n  example a range series has the keys `low` and `high` so the\n  key length is 2.\n\nIf [useMultiLevelHeaders](#exporting.useMultiLevelHeaders) is\ntrue, columnHeaderFormatter by default returns an object with\ncolumnTitle and topLevelColumnTitle for each key. Columns with\nthe same topLevelColumnTitle have their titles merged into a\nsingle cell with colspan for table/Excel export.\n\nIf `useMultiLevelHeaders` is false, or for CSV export, it returns\nthe series name, followed by the key if there is more than one\nkey.\n\nFor the axis it returns the axis title or "Category" or\n"DateTime" by default.\n\nReturn `false` to use Highcharts\' proposed header.'},subtree:{}},dateFormat:{meta:{types:{string:1},name:"dateFormat",excludes:{},default:"%Y-%m-%d %H:%M:%S",description:"Which date format to use for exported dates on a datetime X axis.\nSee `Highcharts.dateFormat`."},subtree:{}},decimalPoint:{meta:{types:{string:1},name:"decimalPoint",excludes:{},default:null,description:"Which decimal point to use for exported CSV. Defaults to the same\nas the browser locale, typically `.` (English) or `,` (German,\nFrench etc)."},subtree:{}},itemDelimiter:{meta:{types:{string:1},name:"itemDelimiter",excludes:{},default:null,description:"The item delimiter in the exported data. Use `;` for direct\nexporting to Excel. Defaults to a best guess based on the browser\nlocale. If the locale _decimal point_ is `,`, the `itemDelimiter`\ndefaults to `;`, otherwise the `itemDelimiter` defaults to `,`."},subtree:{}},lineDelimiter:{meta:{types:{string:1},name:"lineDelimiter",excludes:{},default:"\n",description:"The line delimiter in the exported data, defaults to a newline."},subtree:{}}}},enabled:{meta:{types:{boolean:1},name:"enabled",excludes:{},default:"true",description:"Whether to enable the exporting module. Disabling the module will\nhide the context button, but API methods will still be available."},subtree:{}},error:{meta:{types:{function:1},name:"error",excludes:{},default:"undefined",description:"Function to call if the offline-exporting module fails to export\na chart on the client side, and [fallbackToExportServer](\n#exporting.fallbackToExportServer) is disabled. If left undefined, an\nexception is thrown instead. Receives two parameters, the exporting\noptions, and the error from the module."},subtree:{}},fallbackToExportServer:{meta:{types:{boolean:1},name:"fallbackToExportServer",excludes:{},default:"true",description:"Whether or not to fall back to the export server if the offline-exporting\nmodule is unable to export the chart on the client side. This happens for\ncertain browsers, and certain features (e.g.\n[allowHTML](#exporting.allowHTML)), depending on the image type exporting\nto. For very complex charts, it is possible that export can fail in\nbrowsers that don't support Blob objects, due to data URL length limits.\nIt is recommended to define the [exporting.error](#exporting.error)\nhandler if disabling fallback, in order to notify users in case export\nfails."},subtree:{}},filename:{meta:{types:{string:1},name:"filename",excludes:{},default:"chart",description:"The filename, without extension, to use for the exported chart."},subtree:{}},formAttributes:{meta:{types:{object:1},name:"formAttributes",excludes:{},description:"An object containing additional attributes for the POST form that\nsends the SVG to the export server. For example, a `target` can be\nset to make sure the generated image is received in another frame,\n or a custom `enctype` or `encoding` can be set."},subtree:{}},libURL:{meta:{types:{string:1},name:"libURL",excludes:{},description:"Path where Highcharts will look for export module dependencies to\nload on demand if they don't already exist on `window`. Should currently\npoint to location of [CanVG](https://github.com/canvg/canvg) library,\n[RGBColor.js](https://github.com/canvg/canvg), [jsPDF](https://github.\ncom/yWorks/jsPDF) and [svg2pdf.js](https://github.com/yWorks/svg2pdf.\njs), required for client side export in certain browsers."},subtree:{}},menuItemDefinitions:{meta:{types:{object:1},name:"menuItemDefinitions",excludes:{},description:"An object consisting of definitions for the menu items in the context\nmenu. Each key value pair has a `key` that is referenced in the\n[menuItems](#exporting.buttons.contextButton.menuItems) setting,\nand a `value`, which is an object with the following properties:\n\n<dl>\n\n<dt>onclick</dt>\n\n<dd>The click handler for the menu item</dd>\n\n<dt>text</dt>\n\n<dd>The text for the menu item</dd>\n\n<dt>textKey</dt>\n\n<dd>If internationalization is required, the key to a language string\n</dd>\n\n</dl>"},subtree:{}},printMaxWidth:{meta:{types:{number:1},name:"printMaxWidth",excludes:{},default:"780",description:"When printing the chart from the menu item in the burger menu, if\nthe on-screen chart exceeds this width, it is resized. After printing\nor cancelled, it is restored. The default width makes the chart\nfit into typical paper format. Note that this does not affect the\nchart when printing the web page as a whole."},subtree:{}},scale:{meta:{types:{number:1},name:"scale",excludes:{},default:2,description:"Defines the scale or zoom factor for the exported image compared\nto the on-screen display. While for instance a 600px wide chart\nmay look good on a website, it will look bad in print. The default\nscale of 2 makes this chart export to a 1200px PNG or JPG."},subtree:{}},showTable:{meta:{types:{boolean:1},name:"showTable",excludes:{},default:!1,description:"Export-data module required. Show a HTML table below the chart with\nthe chart's current data."},subtree:{}},sourceHeight:{meta:{types:{number:1},name:"sourceHeight",excludes:{},description:"Analogous to [sourceWidth](#exporting.sourceWidth)."},subtree:{}},sourceWidth:{meta:{types:{number:1},name:"sourceWidth",excludes:{},description:"The width of the original chart when exported, unless an explicit\n[chart.width](#chart.width) is set. The width exported raster image\nis then multiplied by [scale](#exporting.scale)."},subtree:{}},tableCaption:{meta:{types:{boolean:1,string:1},name:"tableCaption",excludes:{},default:"undefined",description:"Export-data module required. Caption for the data table. Same as\nchart title by default. Set to `false` to disable."},subtree:{}},type:{meta:{types:{string:1},name:"type",excludes:{},default:"image/png",description:"Default MIME type for exporting if `chart.exportChart()` is called\nwithout specifying a `type` option. Possible values are `image/png`,\n `image/jpeg`, `application/pdf` and `image/svg+xml`."},subtree:{}},url:{meta:{types:{string:1},name:"url",excludes:{},default:"https://export.highcharts.com/",description:"The URL for the server module converting the SVG string to an image\nformat. By default this points to Highchart's free web service."},subtree:{}},useMultiLevelHeaders:{meta:{types:{boolean:1},name:"useMultiLevelHeaders",excludes:{},default:!0,description:"Export-data module required. Use multi level headers in data table.\nIf [csv.columnHeaderFormatter](#exporting.csv.columnHeaderFormatter)\nis defined, it has to return objects in order for multi level headers\nto work."},subtree:{}},useRowspanHeaders:{meta:{types:{boolean:1},name:"useRowspanHeaders",excludes:{},default:!0,description:"Export-data module required. If using multi level table headers, use\nrowspans for headers that have only one level."},subtree:{}},width:{meta:{types:{number:1},name:"width",excludes:{},default:"undefined",description:"The pixel width of charts exported to PNG or JPG. As of Highcharts\n3.0, the default pixel width is a function of the [chart.width](\n#chart.width) or [exporting.sourceWidth](#exporting.sourceWidth) and the\n[exporting.scale](#exporting.scale)."},subtree:{}}}},global:{meta:{types:{object:1},name:"global",excludes:{}},subtree:{Date:{meta:{types:{function:1},name:"Date",excludes:{},products:{highcharts:1,highstock:1},description:"This option is deprecated since v6.0.5. Instead, use\n[time.Date](#time.Date) that supports individual time settings\nper chart."},subtree:{}},VMLRadialGradientURL:{meta:{types:{string:1},name:"VMLRadialGradientURL",excludes:{},description:"Path to the pattern image required by VML browsers in order to\ndraw radial gradients."},subtree:{}},canvasToolsURL:{meta:{types:{string:1},name:"canvasToolsURL",excludes:{},products:{highcharts:1,highmaps:1},description:"_Canvg rendering for Android 2.x is removed as of Highcharts 5.0\\.\nUse the [libURL](#exporting.libURL) option to configure exporting._\n\nThe URL to the additional file to lazy load for Android 2.x devices.\nThese devices don't support SVG, so we download a helper file that\ncontains [canvg](http://code.google.com/p/canvg/), its dependency\nrbcolor, and our own CanVG Renderer class. To avoid hotlinking to\nour site, you can install canvas-tools.js on your own server and\nchange this option accordingly."},subtree:{}},getTimezoneOffset:{meta:{types:{function:1},name:"getTimezoneOffset",excludes:{},products:{highcharts:1,highstock:1},description:"This option is deprecated since v6.0.5. Instead, use\n[time.getTimezoneOffset](#time.getTimezoneOffset) that supports\nindividual time settings per chart."},subtree:{}},timezone:{meta:{types:{string:1},name:"timezone",excludes:{},products:{highcharts:1,highstock:1},description:"This option is deprecated since v6.0.5. Instead, use\n[time.timezone](#time.timezone) that supports individual time\nsettings per chart."},subtree:{}},timezoneOffset:{meta:{types:{number:1},name:"timezoneOffset",excludes:{},products:{highcharts:1,highstock:1},description:"This option is deprecated since v6.0.5. Instead, use\n[time.timezoneOffset](#time.timezoneOffset) that supports individual\ntime settings per chart."},subtree:{}},useUTC:{meta:{types:{boolean:1},name:"useUTC",excludes:{},description:"This option is deprecated since v6.0.5. Instead, use\n[time.useUTC](#time.useUTC) that supports individual time settings\nper chart."},subtree:{}}}},labels:{meta:{types:{"*":1},name:"labels",excludes:{},description:"HTML labels that can be positioned anywhere in the chart area."},subtree:{items:{meta:{types:{array:"*"},name:"items",excludes:{},description:"An HTML label that can be positioned anywhere in the chart area."},subtree:{html:{meta:{types:{string:1},name:"html",excludes:{},description:"Inner HTML or text for the label."},subtree:{}},style:{meta:{types:{"highcharts.cssobject":1},name:"style",excludes:{},description:"CSS styles for each label. To position the label, use left and top\nlike this:\n\n<pre>style: {\n    left: '100px',\n    top: '100px'\n}</pre>"},subtree:{}}}},style:{meta:{types:{"highcharts.cssobject":1},name:"style",excludes:{},default:'{"color": "#333333"}',description:"Shared CSS styles for all labels."},subtree:{color:{meta:{types:{string:1},name:"color",excludes:{},default:"#333333"},subtree:{}},position:{meta:{types:{string:1},name:"position",excludes:{},default:"absolute"},subtree:{}}}}}},lang:{meta:{types:{"*":1},name:"lang",excludes:{},description:"Language object. The language object is global and it can't be set\non each chart initiation. Instead, use `Highcharts.setOptions` to\nset it before any chart is initialized.\n\n<pre>Highcharts.setOptions({\n    lang: {\n        months: [\n            'Janvier', 'Février', 'Mars', 'Avril',\n            'Mai', 'Juin', 'Juillet', 'Août',\n            'Septembre', 'Octobre', 'Novembre', 'Décembre'\n        ],\n        weekdays: [\n            'Dimanche', 'Lundi', 'Mardi', 'Mercredi',\n            'Jeudi', 'Vendredi', 'Samedi'\n        ]\n    }\n});</pre>"},subtree:{accessibility:{meta:{types:{object:1},name:"accessibility",excludes:{},description:"Configure the accessibility strings in the chart. Requires the\n[accessibility module](//code.highcharts.com/modules/accessibility.\njs) to be loaded. For a description of the module and information\non its features, see [Highcharts Accessibility](http://www.highcharts.\ncom/docs/chart-concepts/accessibility).\n\nFor more dynamic control over the accessibility functionality, see\n[accessibility.pointDescriptionFormatter](\naccessibility.pointDescriptionFormatter),\n[accessibility.seriesDescriptionFormatter](\naccessibility.seriesDescriptionFormatter), and\n[accessibility.screenReaderSectionFormatter](\naccessibility.screenReaderSectionFormatter)."},subtree:{axis:{meta:{types:{object:1},name:"axis",excludes:{},description:"Axis description format strings."},subtree:{xAxisDescriptionPlural:{meta:{types:{string:1},name:"xAxisDescriptionPlural",excludes:{},default:"The chart has {numAxes} X axes displaying {#each(names, -1), }and {names[-1]}"},subtree:{}},xAxisDescriptionSingular:{meta:{types:{string:1},name:"xAxisDescriptionSingular",excludes:{},default:"The chart has 1 X axis displaying {names[0]}."},subtree:{}},yAxisDescriptionPlural:{meta:{types:{string:1},name:"yAxisDescriptionPlural",excludes:{},default:"The chart has {numAxes} Y axes displaying {#each(names, -1), }and {names[-1]}"},subtree:{}},yAxisDescriptionSingular:{meta:{types:{string:1},name:"yAxisDescriptionSingular",excludes:{},default:"The chart has 1 Y axis displaying {names[0]}."},subtree:{}}}},chartContainerLabel:{meta:{types:{string:1},name:"chartContainerLabel",excludes:{},default:"Interactive chart. {title}. Use up and down arrows to navigate with most screen readers."},subtree:{}},chartHeading:{meta:{types:{string:1},name:"chartHeading",excludes:{},default:"Chart graphic."},subtree:{}},chartTypes:{meta:{types:{object:1},name:"chartTypes",excludes:{},description:"Chart type description strings. This is added to the chart\ninformation region.\n\nIf there is only a single series type used in the chart, we use\nthe format string for the series type, or default if missing.\nThere is one format string for cases where there is only a single\nseries in the chart, and one for multiple series of the same\ntype."},subtree:{barMultiple:{meta:{types:{string:1},name:"barMultiple",excludes:{},default:"Bar chart with {numSeries} data series."},subtree:{}},barSingle:{meta:{types:{string:1},name:"barSingle",excludes:{},default:"Bar chart with {numPoints} {#plural(numPoints, bars, bar)}."},subtree:{}},boxplotMultiple:{meta:{types:{string:1},name:"boxplotMultiple",excludes:{},default:"Boxplot with {numSeries} data series."},subtree:{}},boxplotSingle:{meta:{types:{string:1},name:"boxplotSingle",excludes:{},default:"Boxplot with {numPoints} {#plural(numPoints, boxes, box)}."},subtree:{}},bubbleMultiple:{meta:{types:{string:1},name:"bubbleMultiple",excludes:{},default:"Bubble chart with {numSeries} data series."},subtree:{}},bubbleSingle:{meta:{types:{string:1},name:"bubbleSingle",excludes:{},default:"Bubble chart with {numPoints} {#plural(numPoints, bubbles, bubble)}."},subtree:{}},columnMultiple:{meta:{types:{string:1},name:"columnMultiple",excludes:{},default:"Bar chart with {numSeries} data series."},subtree:{}},columnSingle:{meta:{types:{string:1},name:"columnSingle",excludes:{},default:"Bar chart with {numPoints} {#plural(numPoints, bars, bar)}."},subtree:{}},combinationChart:{meta:{types:{string:1},name:"combinationChart",excludes:{},default:"Combination chart with {numSeries} data series."},subtree:{}},defaultMultiple:{meta:{types:{string:1},name:"defaultMultiple",excludes:{},default:"Chart with {numSeries} data series."},subtree:{}},defaultSingle:{meta:{types:{string:1},name:"defaultSingle",excludes:{},default:"Chart with {numPoints} data {#plural(numPoints, points, point)}."},subtree:{}},emptyChart:{meta:{types:{string:1},name:"emptyChart",excludes:{},default:"Empty chart"},subtree:{}},lineMultiple:{meta:{types:{string:1},name:"lineMultiple",excludes:{},default:"Line chart with {numSeries} lines."},subtree:{}},lineSingle:{meta:{types:{string:1},name:"lineSingle",excludes:{},default:"Line chart with {numPoints} data {#plural(numPoints, points, point)}."},subtree:{}},mapTypeDescription:{meta:{types:{string:1},name:"mapTypeDescription",excludes:{},default:"Map of {mapTitle} with {numSeries} data series."},subtree:{}},pieMultiple:{meta:{types:{string:1},name:"pieMultiple",excludes:{},default:"Pie chart with {numSeries} pies."},subtree:{}},pieSingle:{meta:{types:{string:1},name:"pieSingle",excludes:{},default:"Pie chart with {numPoints} {#plural(numPoints, slices, slice)}."},subtree:{}},scatterMultiple:{meta:{types:{string:1},name:"scatterMultiple",excludes:{},default:"Scatter chart with {numSeries} data series."},subtree:{}},scatterSingle:{meta:{types:{string:1},name:"scatterSingle",excludes:{},default:"Scatter chart with {numPoints} {#plural(numPoints, points, point)}."},subtree:{}},splineMultiple:{meta:{types:{string:1},name:"splineMultiple",excludes:{},default:"Line chart with {numSeries} lines."},subtree:{}},splineSingle:{meta:{types:{string:1},name:"splineSingle",excludes:{},default:"Line chart with {numPoints} data {#plural(numPoints, points, point)}."},subtree:{}},unknownMap:{meta:{types:{string:1},name:"unknownMap",excludes:{},default:"Map of unspecified region with {numSeries} data series."},subtree:{}}}},defaultChartTitle:{meta:{types:{string:1},name:"defaultChartTitle",excludes:{},default:"Chart"},subtree:{}},exporting:{meta:{types:{object:1},name:"exporting",excludes:{},description:"Exporting menu format strings for accessibility module."},subtree:{chartMenuLabel:{meta:{types:{string:1},name:"chartMenuLabel",excludes:{},default:"Chart export"},subtree:{}},exportRegionLabel:{meta:{types:{string:1},name:"exportRegionLabel",excludes:{},default:"Chart export menu"},subtree:{}},menuButtonLabel:{meta:{types:{string:1},name:"menuButtonLabel",excludes:{},default:"View export menu"},subtree:{}}}},legendItem:{meta:{types:{string:1},name:"legendItem",excludes:{},default:"Toggle visibility of series {itemName}"},subtree:{}},longDescriptionHeading:{meta:{types:{string:1},name:"longDescriptionHeading",excludes:{},default:"Long description."},subtree:{}},mapZoomIn:{meta:{types:{string:1},name:"mapZoomIn",excludes:{},default:"Zoom chart"},subtree:{}},mapZoomOut:{meta:{types:{string:1},name:"mapZoomOut",excludes:{},default:"Zoom out chart"},subtree:{}},navigationHint:{meta:{types:{string:1},name:"navigationHint",excludes:{},default:"Use regions/landmarks to skip ahead to chart {#plural(numSeries, and navigate between data series,)}"},subtree:{}},noDescription:{meta:{types:{string:1},name:"noDescription",excludes:{},default:"No description available."},subtree:{}},rangeSelectorButton:{meta:{types:{string:1},name:"rangeSelectorButton",excludes:{},default:"Select range {buttonText}"},subtree:{}},rangeSelectorMaxInput:{meta:{types:{string:1},name:"rangeSelectorMaxInput",excludes:{},default:"Select end date."},subtree:{}},rangeSelectorMinInput:{meta:{types:{string:1},name:"rangeSelectorMinInput",excludes:{},default:"Select start date."},subtree:{}},screenReaderRegionLabel:{meta:{types:{string:1},name:"screenReaderRegionLabel",excludes:{},default:"Chart screen reader information."},subtree:{}},series:{meta:{types:{object:1},name:"series",excludes:{},description:"Lang configuration for different series types. For more dynamic\ncontrol over the series element descriptions, see\n[accessibility.seriesDescriptionFormatter](\naccessibility.seriesDescriptionFormatter)."},subtree:{description:{meta:{types:{string:1},name:"description",excludes:{},default:"{description}",description:"User supplied description text. This is added after the main\nsummary if present."},subtree:{}},summary:{meta:{types:{object:1},name:"summary",excludes:{},description:"Lang configuration for the series main summary. Each series\ntype has two modes:\n    1. This series type is the only series type used in the\n       chart\n   2. This is a combination chart with multiple series types\n\nIf a definition does not exist for the specific series type\nand mode, the 'default' lang definitions are used."},subtree:{bar:{meta:{types:{string:1},name:"bar",excludes:{},default:"{name}, bar series {ix} of {numSeries} with {numPoints} {#plural(numPoints, bars, bar)}."},subtree:{}},barCombination:{meta:{types:{string:1},name:"barCombination",excludes:{},default:"{name}, series {ix} of {numSeries}. Bar series with {numPoints} {#plural(numPoints, bars, bar)}."},subtree:{}},boxplot:{meta:{types:{string:1},name:"boxplot",excludes:{},default:"{name}, boxplot {ix} of {numSeries} with {numPoints} {#plural(numPoints, boxes, box)}."},subtree:{}},boxplotCombination:{meta:{types:{string:1},name:"boxplotCombination",excludes:{},default:"{name}, series {ix} of {numSeries}. Boxplot with {numPoints} {#plural(numPoints, boxes, box)}."},subtree:{}},bubble:{meta:{types:{string:1},name:"bubble",excludes:{},default:"{name}, bubble series {ix} of {numSeries} with {numPoints} {#plural(numPoints, bubbles, bubble)}."},subtree:{}},bubbleCombination:{meta:{types:{string:1},name:"bubbleCombination",excludes:{},default:"{name}, series {ix} of {numSeries}. Bubble series with {numPoints} {#plural(numPoints, bubbles, bubble)}."},subtree:{}},column:{meta:{types:{string:1},name:"column",excludes:{},default:"{name}, bar series {ix} of {numSeries} with {numPoints} {#plural(numPoints, bars, bar)}."},subtree:{}},columnCombination:{meta:{types:{string:1},name:"columnCombination",excludes:{},default:"{name}, series {ix} of {numSeries}. Bar series with {numPoints} {#plural(numPoints, bars, bar)}."},subtree:{}},default:{meta:{types:{string:1},name:"default",excludes:{},default:"{name}, series {ix} of {numSeries} with {numPoints} data {#plural(numPoints, points, point)}."},subtree:{}},defaultCombination:{meta:{types:{string:1},name:"defaultCombination",excludes:{},default:"{name}, series {ix} of {numSeries} with {numPoints} data {#plural(numPoints, points, point)}."},subtree:{}},line:{meta:{types:{string:1},name:"line",excludes:{},default:"{name}, line {ix} of {numSeries} with {numPoints} data {#plural(numPoints, points, point)}."},subtree:{}},lineCombination:{meta:{types:{string:1},name:"lineCombination",excludes:{},default:"{name}, series {ix} of {numSeries}. Line with {numPoints} data {#plural(numPoints, points, point)}."},subtree:{}},map:{meta:{types:{string:1},name:"map",excludes:{},default:"{name}, map {ix} of {numSeries} with {numPoints} {#plural(numPoints, areas, area)}."},subtree:{}},mapCombination:{meta:{types:{string:1},name:"mapCombination",excludes:{},default:"{name}, series {ix} of {numSeries}. Map with {numPoints} {#plural(numPoints, areas, area)}."},subtree:{}},mapbubble:{meta:{types:{string:1},name:"mapbubble",excludes:{},default:"{name}, bubble series {ix} of {numSeries} with {numPoints} {#plural(numPoints, bubbles, bubble)}."},subtree:{}},mapbubbleCombination:{meta:{types:{string:1},name:"mapbubbleCombination",excludes:{},default:"{name}, series {ix} of {numSeries}. Bubble series with {numPoints} {#plural(numPoints, bubbles, bubble)}."},subtree:{}},mapline:{meta:{types:{string:1},name:"mapline",excludes:{},default:"{name}, line {ix} of {numSeries} with {numPoints} data {#plural(numPoints, points, point)}."},subtree:{}},maplineCombination:{meta:{types:{string:1},name:"maplineCombination",excludes:{},default:"{name}, series {ix} of {numSeries}. Line with {numPoints} data {#plural(numPoints, points, point)}."},subtree:{}},pie:{meta:{types:{string:1},name:"pie",excludes:{},default:"{name}, pie {ix} of {numSeries} with {numPoints} {#plural(numPoints, slices, slice)}."},subtree:{}},pieCombination:{meta:{types:{string:1},name:"pieCombination",excludes:{},
default:"{name}, series {ix} of {numSeries}. Pie with {numPoints} {#plural(numPoints, slices, slice)}."},subtree:{}},scatter:{meta:{types:{string:1},name:"scatter",excludes:{},default:"{name}, scatter plot {ix} of {numSeries} with {numPoints} {#plural(numPoints, points, point)}."},subtree:{}},scatterCombination:{meta:{types:{string:1},name:"scatterCombination",excludes:{},default:"{name}, series {ix} of {numSeries}, scatter plot with {numPoints} {#plural(numPoints, points, point)}."},subtree:{}},spline:{meta:{types:{string:1},name:"spline",excludes:{},default:"{name}, line {ix} of {numSeries} with {numPoints} data {#plural(numPoints, points, point)}."},subtree:{}},splineCombination:{meta:{types:{string:1},name:"splineCombination",excludes:{},default:"{name}, series {ix} of {numSeries}. Line with {numPoints} data {#plural(numPoints, points, point)}."},subtree:{}}}},xAxisDescription:{meta:{types:{string:1},name:"xAxisDescription",excludes:{},default:"X axis, {name}",description:"xAxis description for series if there are multiple xAxes in\nthe chart."},subtree:{}},yAxisDescription:{meta:{types:{string:1},name:"yAxisDescription",excludes:{},default:"Y axis, {name}",description:"yAxis description for series if there are multiple yAxes in\nthe chart."},subtree:{}}}},seriesTypeDescriptions:{meta:{types:{object:1},name:"seriesTypeDescriptions",excludes:{},description:"Descriptions of lesser known series types. The relevant\ndescription is added to the screen reader information region\nwhen these series types are used."},subtree:{arearange:{meta:{types:{string:1},name:"arearange",excludes:{},default:"Arearange charts are line charts displaying a range between a lower and higher value for each point."},subtree:{}},areasplinerange:{meta:{types:{string:1},name:"areasplinerange",excludes:{},default:"These charts are line charts displaying a range between a lower and higher value for each point."},subtree:{}},boxplot:{meta:{types:{string:1},name:"boxplot",excludes:{},default:"Box plot charts are typically used to display groups of statistical data. Each data point in the chart can have up to 5 values: minimum, lower quartile, median, upper quartile, and maximum."},subtree:{}},bubble:{meta:{types:{string:1},name:"bubble",excludes:{},default:"Bubble charts are scatter charts where each data point also has a size value."},subtree:{}},columnrange:{meta:{types:{string:1},name:"columnrange",excludes:{},default:"Columnrange charts are column charts displaying a range between a lower and higher value for each point."},subtree:{}},errorbar:{meta:{types:{string:1},name:"errorbar",excludes:{},default:"Errorbar series are used to display the variability of the data."},subtree:{}},funnel:{meta:{types:{string:1},name:"funnel",excludes:{},default:"Funnel charts are used to display reduction of data in stages."},subtree:{}},pyramid:{meta:{types:{string:1},name:"pyramid",excludes:{},default:"Pyramid charts consist of a single pyramid with item heights corresponding to each point value."},subtree:{}},waterfall:{meta:{types:{string:1},name:"waterfall",excludes:{},default:"A waterfall chart is a column chart where each column contributes towards a total end value."},subtree:{}}}},structureHeading:{meta:{types:{string:1},name:"structureHeading",excludes:{},default:"Structure."},subtree:{}},svgContainerTitle:{meta:{types:{string:1},name:"svgContainerTitle",excludes:{},default:"{chartTitle}",description:"Title element text for the chart SVG element. Leave this\nempty to disable adding the title element. Browsers will display\nthis content when hovering over elements in the chart. Assistive\ntechnology may use this element to label the chart."},subtree:{}},tableSummary:{meta:{types:{string:1},name:"tableSummary",excludes:{},default:"Table representation of chart."},subtree:{}},viewAsDataTable:{meta:{types:{string:1},name:"viewAsDataTable",excludes:{},default:"View as data table."},subtree:{}}}},contextButtonTitle:{meta:{types:{string:1},name:"contextButtonTitle",excludes:{},default:"Chart context menu",description:"Exporting module menu. The tooltip title for the context menu holding\nprint and export menu items."},subtree:{}},decimalPoint:{meta:{types:{string:1},name:"decimalPoint",excludes:{},default:".",description:"The default decimal point used in the `Highcharts.numberFormat`\nmethod unless otherwise specified in the function arguments."},subtree:{}},downloadCSV:{meta:{types:{string:1},name:"downloadCSV",excludes:{},default:"Download CSV",description:"Export-data module only. The text for the menu item."},subtree:{}},downloadJPEG:{meta:{types:{string:1},name:"downloadJPEG",excludes:{},default:"Download JPEG image",description:"Exporting module only. The text for the JPEG download menu item."},subtree:{}},downloadPDF:{meta:{types:{string:1},name:"downloadPDF",excludes:{},default:"Download PDF document",description:"Exporting module only. The text for the PDF download menu item."},subtree:{}},downloadPNG:{meta:{types:{string:1},name:"downloadPNG",excludes:{},default:"Download PNG image",description:"Exporting module only. The text for the PNG download menu item."},subtree:{}},downloadSVG:{meta:{types:{string:1},name:"downloadSVG",excludes:{},default:"Download SVG vector image",description:"Exporting module only. The text for the SVG download menu item."},subtree:{}},downloadXLS:{meta:{types:{string:1},name:"downloadXLS",excludes:{},default:"Download XLS",description:"Export-data module only. The text for the menu item."},subtree:{}},drillUpText:{meta:{types:{string:1},name:"drillUpText",excludes:{},default:"Back to {series.name}",products:{highcharts:1,highmaps:1},description:"The text for the button that appears when drilling down, linking\nback to the parent series. The parent series' name is inserted for\n`{series.name}`."},subtree:{}},invalidDate:{meta:{types:{string:1},name:"invalidDate",excludes:{},products:{highcharts:1,highstock:1},description:"What to show in a date field for invalid dates. Defaults to an empty\nstring."},subtree:{}},loading:{meta:{types:{string:1},name:"loading",excludes:{},default:"Loading...",description:"The loading text that appears when the chart is set into the loading\nstate following a call to `chart.showLoading`."},subtree:{}},months:{meta:{types:{array:"string"},name:"months",excludes:{},default:'["January", "February", "March", "April", "May", "June",\n            "July", "August", "September", "October", "November",\n            "December"]',description:"An array containing the months names. Corresponds to the `%B` format\nin `Highcharts.dateFormat()`."},subtree:{}},noData:{meta:{types:{string:1},name:"noData",excludes:{},default:"No data to display",products:{highcharts:1,highstock:1},description:"The text to display when the chart contains no data. Requires the\nno-data module, see [noData](#noData)."},subtree:{}},numericSymbolMagnitude:{meta:{types:{number:1},name:"numericSymbolMagnitude",excludes:{},default:"1000",description:"The magnitude of [numericSymbols](#lang.numericSymbol) replacements.\nUse 10000 for Japanese, Korean and various Chinese locales, which\nuse symbols for 10^4, 10^8 and 10^12."},subtree:{}},numericSymbols:{meta:{types:{array:"string"},name:"numericSymbols",excludes:{},default:'["k", "M", "G", "T", "P", "E"]',description:"[Metric prefixes](http://en.wikipedia.org/wiki/Metric_prefix) used\nto shorten high numbers in axis labels. Replacing any of the\npositions with `null` causes the full number to be written. Setting\n`numericSymbols` to `null` disables shortening altogether."},subtree:{}},openInCloud:{meta:{types:{string:1},name:"openInCloud",excludes:{},default:"Open in Highcharts Cloud",description:"Export-data module only. The text for the menu item."},subtree:{}},printChart:{meta:{types:{string:1},name:"printChart",excludes:{},default:"Print chart",description:"Exporting module only. The text for the menu item to print the chart."},subtree:{}},rangeSelectorFrom:{meta:{types:{string:1},name:"rangeSelectorFrom",excludes:{},default:"From",products:{highstock:1},description:'The text for the label for the "from" input box in the range\nselector.'},subtree:{}},rangeSelectorTo:{meta:{types:{string:1},name:"rangeSelectorTo",excludes:{},default:"To",products:{highstock:1},description:'The text for the label for the "to" input box in the range selector.'},subtree:{}},rangeSelectorZoom:{meta:{types:{string:1},name:"rangeSelectorZoom",excludes:{},default:"Zoom",products:{highstock:1},description:"The text for the label for the range selector buttons."},subtree:{}},resetZoom:{meta:{types:{string:1},name:"resetZoom",excludes:{},default:"Reset zoom",description:"The text for the label appearing when a chart is zoomed."},subtree:{}},resetZoomTitle:{meta:{types:{string:1},name:"resetZoomTitle",excludes:{},default:"Reset zoom level 1:1",description:"The tooltip title for the label appearing when a chart is zoomed."},subtree:{}},shortMonths:{meta:{types:{array:"string"},name:"shortMonths",excludes:{},default:'["Jan", "Feb", "Mar", "Apr", "May", "Jun",\n            "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"]',description:"An array containing the months names in abbreviated form. Corresponds\nto the `%b` format in `Highcharts.dateFormat()`."},subtree:{}},shortWeekdays:{meta:{types:{array:"string"},name:"shortWeekdays",excludes:{},description:"Short week days, starting Sunday. If not specified, Highcharts uses\nthe first three letters of the `lang.weekdays` option."},subtree:{}},thousandsSep:{meta:{types:{string:1},name:"thousandsSep",excludes:{},default:"\\u0020",description:"The default thousands separator used in the `Highcharts.numberFormat`\nmethod unless otherwise specified in the function arguments. Since\nHighcharts 4.1 it defaults to a single space character, which is\ncompatible with ISO and works across Anglo-American and continental\nEuropean languages.\n\nThe default is a single space."},subtree:{}},viewData:{meta:{types:{string:1},name:"viewData",excludes:{},default:"View data table",description:"Export-data module only. The text for the menu item."},subtree:{}},weekdays:{meta:{types:{array:"string"},name:"weekdays",excludes:{},default:'["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday",\n            "Friday", "Saturday"]',description:"An array containing the weekday names."},subtree:{}},zoomIn:{meta:{types:{string:1},name:"zoomIn",excludes:{},default:"Zoom in",products:{highmaps:1},description:'The title appearing on hovering the zoom in button. The text itself\ndefaults to "+" and can be changed in the button options.'},subtree:{}},zoomOut:{meta:{types:{string:1},name:"zoomOut",excludes:{},default:"Zoom out",products:{highmaps:1},description:'The title appearing on hovering the zoom out button. The text itself\ndefaults to "-" and can be changed in the button options.'},subtree:{}}}},legend:{meta:{types:{"*":1},name:"legend",excludes:{},description:"Options for the tooltip that appears when the user hovers over a\nseries or point."},subtree:{align:{meta:{types:{string:1},name:"align",excludes:{},default:"center",description:"The horizontal alignment of the legend box within the chart area.\nValid values are `left`, `center` and `right`.\n\nIn the case that the legend is aligned in a corner position, the\n`layout` option will determine whether to place it above/below\nor on the side of the plot area."},subtree:{}},alignColumns:{meta:{types:{boolean:1},name:"alignColumns",excludes:{},default:!0,description:"If the [layout](legend.layout) is `horizontal` and the legend items\nspan over two lines or more, whether to align the items into vertical\ncolumns. Setting this to `false` makes room for more items, but will\nlook more messy."},subtree:{}},backgroundColor:{meta:{types:{"highcharts.colorstring":1},name:"backgroundColor",excludes:{},description:"The background color of the legend."},subtree:{}},borderColor:{meta:{types:{"highcharts.colorstring":1},name:"borderColor",excludes:{},default:"#999999",description:"The color of the drawn border around the legend."},subtree:{}},borderRadius:{meta:{types:{number:1},name:"borderRadius",excludes:{},default:0,description:"The border corner radius of the legend."},subtree:{}},borderWidth:{meta:{types:{number:1},name:"borderWidth",excludes:{},default:"0",description:"The width of the drawn border around the legend."},subtree:{}},enabled:{meta:{types:{boolean:1},name:"enabled",excludes:{},default:!0,description:"Enable or disable the legend."},subtree:{}},floating:{meta:{types:{string:1},name:"floating",excludes:{},default:"horizontal",description:"The layout of the legend items. Can be one of `horizontal` or\n`vertical` or `proximate`. When `proximate`, the legend items will be\nplaced as close as possible to the graphs they're representing,\nexcept in inverted charts or when the legend position doesn't allow\nit."},subtree:{}},itemCheckboxStyle:{meta:{types:{"highcharts.cssobject":1},name:"itemCheckboxStyle",excludes:{},description:"Default styling for the checkbox next to a legend item when\n`showCheckbox` is true."},subtree:{height:{meta:{types:{string:1},name:"height",excludes:{},default:"13px"},subtree:{}},position:{meta:{types:{string:1},name:"position",excludes:{},default:"absolute"},subtree:{}},width:{meta:{types:{string:1},name:"width",excludes:{},default:"13px"},subtree:{}}}},itemDistance:{meta:{types:{number:1},name:"itemDistance",excludes:{},description:"In a legend with horizontal layout, the itemDistance defines the\npixel distance between each item."},subtree:{}},itemHiddenStyle:{meta:{types:{"highcharts.cssobject":1},name:"itemHiddenStyle",excludes:{},default:'{"color": "#cccccc"}',description:"CSS styles for each legend item when the corresponding series or\npoint is hidden. Only a subset of CSS is supported, notably those\noptions related to text. Properties are inherited from `style`\nunless overridden here."},subtree:{color:{meta:{types:{string:1},name:"color",excludes:{},default:"#cccccc"},subtree:{}}}},itemHoverStyle:{meta:{types:{"highcharts.cssobject":1},name:"itemHoverStyle",excludes:{},default:'{"color": "#000000"}',description:"CSS styles for each legend item in hover mode. Only a subset of\nCSS is supported, notably those options related to text. Properties\nare inherited from `style` unless overridden here."},subtree:{color:{meta:{types:{string:1},name:"color",excludes:{},default:"#000000"},subtree:{}}}},itemMarginBottom:{meta:{types:{number:1},name:"itemMarginBottom",excludes:{},default:"0",description:"The pixel bottom margin for each legend item."},subtree:{}},itemMarginTop:{meta:{types:{number:1},name:"itemMarginTop",excludes:{},default:"0",description:"The pixel top margin for each legend item."},subtree:{}},itemStyle:{meta:{types:{"highcharts.cssobject":1},name:"itemStyle",excludes:{},default:'{"color": "#333333", "cursor": "pointer", "fontSize": "12px", "fontWeight": "bold", "textOverflow": "ellipsis"}',description:"CSS styles for each legend item. Only a subset of CSS is supported,\nnotably those options related to text. The default `textOverflow`\nproperty makes long texts truncate. Set it to `undefined` to wrap\ntext instead. A `width` property can be added to control the text\nwidth."},subtree:{color:{meta:{types:{string:1},name:"color",excludes:{},default:"#333333"},subtree:{}},fontSize:{meta:{types:{string:1},name:"fontSize",excludes:{},default:"12px"},subtree:{}},fontWeight:{meta:{types:{string:1},name:"fontWeight",excludes:{},default:"bold"},subtree:{}},textOverflow:{meta:{types:{string:1},name:"textOverflow",excludes:{},default:"ellipsis"},subtree:{}}}},itemWidth:{meta:{types:{number:1},name:"itemWidth",excludes:{},description:"The width for each legend item. By default the items are laid out\nsuccessively. In a [horizontal layout](legend.layout), if the items\nare laid out across two rows or more, they will be vertically aligned\ndepending on the [legend.alignColumns](legend.alignColumns) option."},subtree:{}},keyboardNavigation:{meta:{types:{object:1},name:"keyboardNavigation",excludes:{},description:"Keyboard navigation for the legend. Requires the Accessibility module."},subtree:{enabled:{meta:{types:{boolean:1},name:"enabled",excludes:{},default:"true",description:"Enable/disable keyboard navigation for the legend. Requires the Accessibility\nmodule."},subtree:{}}}},labelFormat:{meta:{types:{string:1},name:"labelFormat",excludes:{},default:"{name}",description:"A [format string](https://www.highcharts.com/docs/chart-concepts/\nlabels-and-string-formatting) for each legend label. Available\nvariables relates to properties on the series, or the point in case\nof pies."},subtree:{}},labelFormatter:{meta:{types:{function:1},name:"labelFormatter",excludes:{},description:"Callback function to format each of the series' labels. The `this`\nkeyword refers to the series object, or the point object in case\nof pie charts. By default the series or point name is printed."},subtree:{}},layout:{meta:{types:{string:1},name:"layout",excludes:{},default:"horizontal"},subtree:{}},lineHeight:{meta:{types:{number:1},name:"lineHeight",excludes:{},default:"16",products:{highcharts:1},description:"Line height for the legend items. Deprecated as of 2.1\\. Instead,\nthe line height for each item can be set using itemStyle.lineHeight,\nand the padding between items using `itemMarginTop` and\n`itemMarginBottom`."},subtree:{}},margin:{meta:{types:{number:1},name:"margin",excludes:{},default:"12",description:"If the plot area sized is calculated automatically and the legend\nis not floating, the legend margin is the space between the legend\nand the axis labels or plot area."},subtree:{}},maxHeight:{meta:{types:{number:1},name:"maxHeight",excludes:{},description:"Maximum pixel height for the legend. When the maximum height is\nextended, navigation will show."},subtree:{}},navigation:{meta:{types:{"*":1},name:"navigation",excludes:{},description:"Options for the paging or navigation appearing when the legend\nis overflown. Navigation works well on screen, but not in static\nexported images. One way of working around that is to\n[increase the chart height in\nexport](https://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/legend/navigation-enabled-false/)."},subtree:{activeColor:{meta:{types:{"highcharts.colorstring":1},name:"activeColor",excludes:{},default:"#003399",description:"The color for the active up or down arrow in the legend page\nnavigation."},subtree:{}},animation:{meta:{types:{"highcharts.animationobject":1,boolean:1},name:"animation",excludes:{},default:"true",description:"How to animate the pages when navigating up or down. A value of\n`true` applies the default navigation given in the\n`chart.animation` option. Additional options can be given as an\nobject containing values for easing and duration."},subtree:{}},arrowSize:{meta:{types:{number:1},name:"arrowSize",excludes:{},default:"12",description:"The pixel size of the up and down arrows in the legend paging\nnavigation."},subtree:{}},enabled:{meta:{types:{boolean:1},name:"enabled",excludes:{},default:"true",description:"Whether to enable the legend navigation. In most cases, disabling\nthe navigation results in an unwanted overflow.\n\nSee also the [adapt chart to legend](\nhttps://www.highcharts.com/products/plugin-registry/single/8/Adapt-Chart-To-Legend)\nplugin for a solution to extend the chart height to make room for\nthe legend, optionally in exported charts only."},subtree:{}},inactiveColor:{meta:{types:{"highcharts.colorstring":1},name:"inactiveColor",excludes:{},default:"#cccccc",description:"The color of the inactive up or down arrow in the legend page\nnavigation. ."},subtree:{}},style:{meta:{types:{"highcharts.cssobject":1},name:"style",excludes:{},description:"Text styles for the legend page navigation."},subtree:{}}}},padding:{meta:{types:{number:1},name:"padding",excludes:{},default:"8",description:"The inner padding of the legend box."},subtree:{}},reversed:{meta:{types:{boolean:1},name:"reversed",excludes:{},default:"false",description:"Whether to reverse the order of the legend items compared to the\norder of the series or points as defined in the configuration object."},subtree:{}},rtl:{meta:{types:{boolean:1},name:"rtl",excludes:{},default:"false",description:"Whether to show the symbol on the right side of the text rather than\nthe left side. This is common in Arabic and Hebraic."},subtree:{}},shadow:{meta:{types:{"highcharts.cssobject":1,boolean:1},name:"shadow",excludes:{},default:"false",description:"Whether to apply a drop shadow to the legend. A `backgroundColor`\nalso needs to be applied for this to take effect. The shadow can be\nan object configuration containing `color`, `offsetX`, `offsetY`,\n`opacity` and `width`."},subtree:{}},squareSymbol:{meta:{types:{boolean:1},name:"squareSymbol",excludes:{},default:"true",description:"When this is true, the legend symbol width will be the same as\nthe symbol height, which in turn defaults to the font size of the\nlegend items."},subtree:{}},style:{meta:{types:{"highcharts.cssobject":1},name:"style",excludes:{},products:{highcharts:1,highstock:1},description:"CSS styles for the legend area. In the 1.x versions the position\nof the legend area was determined by CSS. In 2.x, the position is\ndetermined by properties like `align`, `verticalAlign`, `x` and `y`,\nbut the styles are still parsed for backwards compatibility."},subtree:{}},symbolHeight:{meta:{types:{number:1},name:"symbolHeight",excludes:{},description:"The pixel height of the symbol for series types that use a rectangle\nin the legend. Defaults to the font size of legend items."},subtree:{}},symbolPadding:{meta:{types:{number:1},name:"symbolPadding",excludes:{},default:"5",description:"The pixel padding between the legend item symbol and the legend\nitem text."},subtree:{}},symbolRadius:{meta:{types:{number:1},name:"symbolRadius",excludes:{},description:"The border radius of the symbol for series types that use a rectangle\nin the legend. Defaults to half the `symbolHeight`."},subtree:{}},symbolWidth:{meta:{types:{number:1},name:"symbolWidth",excludes:{},description:"The pixel width of the legend item symbol. When the `squareSymbol`\noption is set, this defaults to the `symbolHeight`, otherwise 16."},subtree:{}},title:{meta:{types:{"*":1},name:"title",excludes:{},description:"A title to be added on top of the legend."},subtree:{style:{meta:{types:{"highcharts.cssobject":1},name:"style",excludes:{},default:'{"fontWeight":"bold"}',description:"Generic CSS styles for the legend title."},subtree:{fontWeight:{meta:{types:{string:1},name:"fontWeight",excludes:{},default:"bold"},subtree:{}}}},text:{meta:{types:{string:1},name:"text",excludes:{},description:"A text or HTML string for the title."},subtree:{}}}},useHTML:{meta:{types:{boolean:1},name:"useHTML",excludes:{},default:"false",description:"Whether to [use HTML](https://www.highcharts.com/docs/chart-concepts/\nlabels-and-string-formatting#html) to render the legend item texts.\n\nPrior to 4.1.7, when using HTML, [legend.navigation](\n#legend.navigation) was disabled."},subtree:{}},verticalAlign:{meta:{types:{string:1},name:"verticalAlign",excludes:{},default:"bottom",description:"The vertical alignment of the legend box. Can be one of `top`,\n`middle` or `bottom`. Vertical position can be further determined\nby the `y` option.\n\nIn the case that the legend is aligned in a corner position, the\n`layout` option will determine whether to place it above/below\nor on the side of the plot area.\n\nWhen the [layout](#legend.layout) option is `proximate`, the\n`verticalAlign` option doesn't apply."},subtree:{}},width:{meta:{types:{number:1},name:"width",excludes:{},description:"The width of the legend box."},subtree:{}},x:{meta:{types:{number:1},name:"x",excludes:{},default:"0",description:"The x offset of the legend relative to its horizontal alignment\n`align` within chart.spacingLeft and chart.spacingRight. Negative\nx moves it to the left, positive x moves it to the right."},subtree:{}},y:{meta:{types:{number:1},name:"y",excludes:{},default:"0",description:"The vertical offset of the legend relative to it's vertical alignment\n`verticalAlign` within chart.spacingTop and chart.spacingBottom.\n Negative y moves it up, positive y moves it down."},subtree:{}}}},loading:{meta:{types:{"*":1},name:"loading",excludes:{},description:'The loading options control the appearance of the loading screen\nthat covers the plot area on chart operations. This screen only\nappears after an explicit call to `chart.showLoading()`. It is a\nutility for developers to communicate to the end user that something\nis going on, for example while retrieving new data via an XHR connection.\nThe "Loading..." text itself is not part of this configuration\nobject, but part of the `lang` object.'},subtree:{hideDuration:{meta:{types:{number:1},name:"hideDuration",excludes:{},default:"100",description:"The duration in milliseconds of the fade out effect."},subtree:{}},labelStyle:{meta:{types:{"highcharts.cssobject":1},name:"labelStyle",excludes:{},default:'{"fontWeight": "bold", "position": "relative", "top": "45%"}',description:"CSS styles for the loading label `span`."},subtree:{fontWeight:{meta:{types:{string:1},name:"fontWeight",excludes:{},default:"bold"},subtree:{}},position:{meta:{types:{string:1},name:"position",excludes:{},default:"relative"},subtree:{}},top:{meta:{types:{string:1},name:"top",excludes:{},default:"45%"},subtree:{}}}},showDuration:{meta:{types:{number:1},name:"showDuration",excludes:{},default:"100",description:"The duration in milliseconds of the fade in effect."},subtree:{}},style:{meta:{types:{"highcharts.cssobject":1},name:"style",excludes:{},default:'{"position": "absolute", "backgroundColor": "#ffffff", "opacity": 0.5, "textAlign": "center"}',description:"CSS styles for the loading screen that covers the plot area.\n\nIn styled mode, the loading label is styled with the\n`.highcharts-loading` class."},subtree:{backgroundColor:{meta:{types:{string:1},name:"backgroundColor",excludes:{},default:"#ffffff"},subtree:{}},opacity:{meta:{types:{number:1},name:"opacity",excludes:{},default:.5},subtree:{}},position:{meta:{types:{string:1},name:"position",excludes:{},default:"absolute"},subtree:{}},textAlign:{meta:{types:{string:1},name:"textAlign",excludes:{},default:"center"},subtree:{}}}}}},mapNavigation:{meta:{types:{object:1},name:"mapNavigation",excludes:{},products:{highmaps:1}},subtree:{buttonOptions:{meta:{types:{"*":1},name:"buttonOptions",excludes:{},products:{highmaps:1},description:"General options for the map navigation buttons. Individual options\ncan be given from the [mapNavigation.buttons](#mapNavigation.buttons)\noption set."},subtree:{align:{meta:{types:{string:1},name:"align",excludes:{},default:"left",products:{highmaps:1},description:"The alignment of the navigation buttons."},subtree:{}},alignTo:{meta:{types:{string:1},name:"alignTo",excludes:{},default:"plotBox",products:{highmaps:1},description:"What box to align the buttons to. Possible values are `plotBox`\nand `spacingBox`."},subtree:{}},height:{meta:{types:{number:1},name:"height",excludes:{},default:"18",products:{highmaps:1},description:"The pixel height of the map navigation buttons."},subtree:{}},padding:{meta:{types:{number:1},name:"padding",excludes:{},default:"5",products:{highmaps:1},description:"Padding for the navigation buttons."},subtree:{}},style:{meta:{types:{"highcharts.cssobject":1},name:"style",excludes:{},products:{highmaps:1},description:"Text styles for the map navigation buttons. Defaults to\n\n<pre>{\n    fontSize: '15px',\n    fontWeight: 'bold',\n    textAlign: 'center'\n}</pre>"},subtree:{fontSize:{meta:{types:{string:1},name:"fontSize",excludes:{},default:"15px"},subtree:{}},fontWeight:{meta:{types:{string:1},name:"fontWeight",excludes:{},default:"bold"},subtree:{}}}},theme:{meta:{types:{"*":1},name:"theme",excludes:{},products:{highmaps:1},description:"A configuration object for the button theme. The object accepts\nSVG properties like `stroke-width`, `stroke` and `fill`. Tri-state\nbutton styles are supported by the `states.hover` and `states.select`\nobjects."},subtree:{}},verticalAlign:{meta:{types:{string:1},name:"verticalAlign",excludes:{},default:"bottom",products:{highmaps:1},description:"The vertical alignment of the buttons. Individual alignment can\nbe adjusted by each button's `y` offset."},subtree:{}},width:{meta:{types:{number:1},name:"width",excludes:{},default:"18",products:{highmaps:1},description:"The width of the map navigation buttons."},subtree:{}},x:{meta:{types:{number:1},name:"x",excludes:{},default:"0",products:{highmaps:1},description:"The X offset of the buttons relative to its `align` setting."},subtree:{}}}},buttons:{meta:{types:{object:1},name:"buttons",excludes:{}},subtree:{zoomIn:{meta:{types:{object:1},name:"zoomIn",excludes:{}},subtree:{onclick:{meta:{types:{function:1},name:"onclick",excludes:{},products:{highmaps:1},description:"Click handler for the button. Defaults to:\n\n<pre>function () {\nthis.mapZoom(0.5);\n}</pre>"},subtree:{}},text:{meta:{types:{string:1},name:"text",excludes:{},default:"+",products:{highmaps:1},description:"The text for the button. The tooltip (title) is a language option\ngiven by [lang.zoomIn](#lang.zoomIn)."},subtree:{}},y:{meta:{types:{number:1},name:"y",excludes:{},default:"0",products:{highmaps:1},description:"The position of the zoomIn button relative to the vertical\nalignment."},subtree:{}}}},zoomOut:{meta:{types:{object:1},name:"zoomOut",excludes:{}},subtree:{onclick:{meta:{types:{function:1},name:"onclick",excludes:{},products:{highmaps:1},description:"Click handler for the button. Defaults to:\n\n<pre>function () {\n    this.mapZoom(2);\n}</pre>"},subtree:{}},text:{meta:{types:{string:1},name:"text",excludes:{},default:"-",products:{highmaps:1},description:"The text for the button. The tooltip (title) is a language option\ngiven by [lang.zoomOut](#lang.zoomIn)."},subtree:{}},y:{meta:{types:{number:1},name:"y",excludes:{},default:"28",products:{highmaps:1},description:"The position of the zoomOut button relative to the vertical\nalignment."},subtree:{}}}}}},enableButtons:{meta:{types:{boolean:1},name:"enableButtons",excludes:{},products:{highmaps:1},description:"Whether to enable navigation buttons. By default it inherits the\n[enabled](#mapNavigation.enabled) setting."},subtree:{}},enableDoubleClickZoom:{meta:{types:{boolean:1},name:"enableDoubleClickZoom",excludes:{},products:{highmaps:1},description:"Enables zooming in on an area on double clicking in the map. By default\nit inherits the [enabled](#mapNavigation.enabled) setting."},subtree:{}},enableDoubleClickZoomTo:{meta:{types:{boolean:1},name:"enableDoubleClickZoomTo",excludes:{},default:"false",products:{highmaps:1},description:"Whether to zoom in on an area when that area is double clicked."},subtree:{}},enableMouseWheelZoom:{meta:{types:{boolean:1},name:"enableMouseWheelZoom",excludes:{},products:{highmaps:1},description:"Enables zooming by mouse wheel. By default it inherits the [enabled](\n#mapNavigation.enabled) setting."},subtree:{}},enableTouchZoom:{meta:{types:{boolean:1},name:"enableTouchZoom",excludes:{},products:{highmaps:1},description:"Whether to enable multitouch zooming. Note that if the chart covers the\nviewport, this prevents the user from using multitouch and touchdrag on\nthe web page, so you should make sure the user is not trapped inside the\nchart. By default it inherits the [enabled](#mapNavigation.enabled)\nsetting."},subtree:{}},enabled:{meta:{types:{boolean:1},name:"enabled",excludes:{},default:"false",products:{highmaps:1},description:"Whether to enable map navigation. The default is not to enable\nnavigation, as many choropleth maps are simple and don't need it.\nAdditionally, when touch zoom and mousewheel zoom is enabled, it breaks\nthe default behaviour of these interactions in the website, and the\nimplementer should be aware of this.\n\nIndividual interactions can be enabled separately, namely buttons,\nmultitouch zoom, double click zoom, double click zoom to element and\nmousewheel zoom."
},subtree:{}},mouseWheelSensitivity:{meta:{types:{number:1},name:"mouseWheelSensitivity",excludes:{},default:"1.1",products:{highmaps:1},description:"Sensitivity of mouse wheel or trackpad scrolling. 1 is no sensitivity,\nwhile with 2, one mousewheel delta will zoom in 50%."},subtree:{}}}},navigation:{meta:{types:{object:1},name:"navigation",excludes:{},description:"A collection of options for buttons and menus appearing in the exporting\nmodule."},subtree:{buttonOptions:{meta:{types:{object:1},name:"buttonOptions",excludes:{},description:"A collection of options for buttons appearing in the exporting module.\n\n\nIn styled mode, the buttons are styled with the\n`.highcharts-contextbutton` and `.highcharts-button-symbol` classes."},subtree:{align:{meta:{types:{string:1},name:"align",excludes:{},default:"right",description:"Alignment for the buttons."},subtree:{}},buttonSpacing:{meta:{types:{number:1},name:"buttonSpacing",excludes:{},default:"3",description:"The pixel spacing between buttons."},subtree:{}},enabled:{meta:{types:{boolean:1},name:"enabled",excludes:{},default:"true",description:"Whether to enable buttons."},subtree:{}},height:{meta:{types:{number:1},name:"height",excludes:{},default:"22",description:"Pixel height of the buttons."},subtree:{}},symbolFill:{meta:{types:{color:1},name:"symbolFill",excludes:{},default:"#666666",description:"Fill color for the symbol within the button."},subtree:{}},symbolSize:{meta:{types:{number:1},name:"symbolSize",excludes:{},default:"14",description:"The pixel size of the symbol on the button."},subtree:{}},symbolStroke:{meta:{types:{color:1},name:"symbolStroke",excludes:{},default:"#666666",description:"The color of the symbol's stroke or line."},subtree:{}},symbolStrokeWidth:{meta:{types:{number:1},name:"symbolStrokeWidth",excludes:{},default:"1",description:"The pixel stroke width of the symbol on the button."},subtree:{}},symbolX:{meta:{types:{number:1},name:"symbolX",excludes:{},default:"12.5",description:"The x position of the center of the symbol inside the button."},subtree:{}},symbolY:{meta:{types:{number:1},name:"symbolY",excludes:{},default:"10.5",description:"The y position of the center of the symbol inside the button."},subtree:{}},text:{meta:{types:{string:1},name:"text",excludes:{},default:"null",description:"A text string to add to the individual button."},subtree:{}},theme:{meta:{types:{object:1},name:"theme",excludes:{},description:"A configuration object for the button theme. The object accepts\nSVG properties like `stroke-width`, `stroke` and `fill`. Tri-state\nbutton styles are supported by the `states.hover` and `states.select`\nobjects."},subtree:{fill:{meta:{types:{string:1},name:"fill",excludes:{},default:"#ffffff",description:"The default fill exists only to capture hover events."},subtree:{}},padding:{meta:{types:{number:1},name:"padding",excludes:{},default:"5"},subtree:{}},stroke:{meta:{types:{string:1},name:"stroke",excludes:{},default:"none"},subtree:{}}}},verticalAlign:{meta:{types:{string:1},name:"verticalAlign",excludes:{},default:"top",description:'The vertical alignment of the buttons. Can be one of "top", "middle"\nor "bottom".'},subtree:{}},width:{meta:{types:{number:1},name:"width",excludes:{},default:"24",description:"The pixel width of the button."},subtree:{}},y:{meta:{types:{number:1},name:"y",excludes:{},default:"0",description:"The vertical offset of the button's position relative to its\n`verticalAlign`."},subtree:{}}}},menuItemHoverStyle:{meta:{types:{cssobject:1},name:"menuItemHoverStyle",excludes:{},default:'{ "background": "#335cad", "color": "#ffffff" }',description:"CSS styles for the hover state of the individual items within the\npopup menu appearing by default when the export icon is clicked.\n The menu items are rendered in HTML."},subtree:{background:{meta:{types:{string:1},name:"background",excludes:{},default:"#335cad"},subtree:{}},color:{meta:{types:{string:1},name:"color",excludes:{},default:"#ffffff"},subtree:{}}}},menuItemStyle:{meta:{types:{cssobject:1},name:"menuItemStyle",excludes:{},default:'{ "padding": "0.5em 1em", "color": "#333333", "background": "none" }',description:"CSS styles for the individual items within the popup menu appearing\nby default when the export icon is clicked. The menu items are rendered\nin HTML."},subtree:{background:{meta:{types:{string:1},name:"background",excludes:{},default:"none"},subtree:{}},color:{meta:{types:{string:1},name:"color",excludes:{},default:"#333333"},subtree:{}},fontSize:{meta:{types:{string:1},name:"fontSize",excludes:{},description:"Defaults to `14px` on touch devices and `11px` on desktop."},subtree:{}},padding:{meta:{types:{string:1},name:"padding",excludes:{},default:"0.5em 1em"},subtree:{}},transition:{meta:{types:{string:1},name:"transition",excludes:{},default:"background 250ms, color 250ms"},subtree:{}}}},menuStyle:{meta:{types:{cssobject:1},name:"menuStyle",excludes:{},default:'{ "border": "1px solid #999999", "background": "#ffffff", "padding": "5px 0" }',description:"CSS styles for the popup menu appearing by default when the export\nicon is clicked. This menu is rendered in HTML."},subtree:{background:{meta:{types:{string:1},name:"background",excludes:{},default:"#ffffff"},subtree:{}},border:{meta:{types:{string:1},name:"border",excludes:{},default:"1px solid #999999"},subtree:{}},padding:{meta:{types:{string:1},name:"padding",excludes:{},default:"5px 0"},subtree:{}}}}}},navigator:{meta:{types:{object:1},name:"navigator",excludes:{},products:{highstock:1},description:"The navigator is a small series below the main series, displaying\na view of the entire data set. It provides tools to zoom in and\nout on parts of the data as well as panning across the dataset."},subtree:{adaptToUpdatedData:{meta:{types:{boolean:1},name:"adaptToUpdatedData",excludes:{},default:"true",products:{highstock:1},description:"Whether the navigator and scrollbar should adapt to updated data\nin the base X axis. When loading data async, as in the demo below,\nthis should be `false`. Otherwise new data will trigger navigator\nredraw, which will cause unwanted looping. In the demo below, the\ndata in the navigator is set only once. On navigating, only the main\nchart content is updated."},subtree:{}},baseSeries:{meta:{types:{"*":1},name:"baseSeries",excludes:{},default:"0",products:{highstock:1},description:"An integer identifying the index to use for the base series, or a\nstring representing the id of the series.\n\n**Note**: As of Highcharts 5.0, this is now a deprecated option.\nPrefer [series.showInNavigator](#plotOptions.series.showInNavigator)."},subtree:{}},enabled:{meta:{types:{boolean:1},name:"enabled",excludes:{},default:"true",products:{highstock:1},description:"Enable or disable the navigator."},subtree:{}},handles:{meta:{types:{"*":1},name:"handles",excludes:{},products:{highstock:1},description:"Options for the handles for dragging the zoomed area."},subtree:{backgroundColor:{meta:{types:{"highcharts.colorstring":1},name:"backgroundColor",excludes:{},default:"#f2f2f2",products:{highstock:1},description:"The fill for the handle."},subtree:{}},borderColor:{meta:{types:{"highcharts.colorstring":1},name:"borderColor",excludes:{},default:"#999999",products:{highstock:1},description:"The stroke for the handle border and the stripes inside."},subtree:{}},enabled:{meta:{types:{boolean:1},name:"enabled",excludes:{},default:"true",products:{highstock:1},description:"Allows to enable/disable handles."},subtree:{}},height:{meta:{types:{number:1},name:"height",excludes:{},default:"15",products:{highstock:1},description:"Height for handles."},subtree:{}},lineWidth:{meta:{types:{number:1},name:"lineWidth",excludes:{},default:"7",products:{highstock:1},description:"The width for the handle border and the stripes inside."},subtree:{}},symbols:{meta:{types:{array:"string"},name:"symbols",excludes:{},default:"['navigator-handle', 'navigator-handle']",products:{highstock:1},description:"Array to define shapes of handles. 0-index for left, 1-index for\nright.\n\nAdditionally, the URL to a graphic can be given on this form:\n`url(graphic.png)`. Note that for the image to be applied to\nexported charts, its URL needs to be accessible by the export\nserver.\n\nCustom callbacks for symbol path generation can also be added to\n`Highcharts.SVGRenderer.prototype.symbols`. The callback is then\nused by its method name, as shown in the demo."},subtree:{}},width:{meta:{types:{number:1},name:"width",excludes:{},default:"7",products:{highstock:1},description:"Width for handles."},subtree:{}}}},height:{meta:{types:{number:1},name:"height",excludes:{},default:"40",products:{highstock:1},description:"The height of the navigator."},subtree:{}},margin:{meta:{types:{number:1},name:"margin",excludes:{},default:"25",products:{highstock:1},description:"The distance from the nearest element, the X axis or X axis labels."},subtree:{}},maskFill:{meta:{types:{"highcharts.colorstring":1},name:"maskFill",excludes:{},default:"rgba(102,133,194,0.3)",products:{highstock:1},description:"The color of the mask covering the areas of the navigator series\nthat are currently not visible in the main series. The default\ncolor is bluish with an opacity of 0.3 to see the series below."},subtree:{}},maskInside:{meta:{types:{boolean:1},name:"maskInside",excludes:{},default:"true",products:{highstock:1},description:"Whether the mask should be inside the range marking the zoomed\nrange, or outside. In Highstock 1.x it was always `false`."},subtree:{}},opposite:{meta:{types:{boolean:1},name:"opposite",excludes:{},default:"false",products:{highstock:1},description:"When the chart is inverted, whether to draw the navigator on the\nopposite side."},subtree:{}},outlineColor:{meta:{types:{"highcharts.colorstring":1},name:"outlineColor",excludes:{},default:"#cccccc",products:{highstock:1},description:"The color of the line marking the currently zoomed area in the\nnavigator."},subtree:{}},outlineWidth:{meta:{types:{number:1},name:"outlineWidth",excludes:{},default:"2",products:{highstock:1},description:"The width of the line marking the currently zoomed area in the\nnavigator."},subtree:{}},series:{meta:{types:{"*":1},name:"series",excludes:{},products:{highstock:1},description:"Options for the navigator series. Available options are the same\nas any series, documented at [plotOptions](#plotOptions.series)\nand [series](#series).\n\nUnless data is explicitly defined on navigator.series, the data\nis borrowed from the first series in the chart.\n\nDefault series options for the navigator series are:\n\n<pre>series: {\n    type: 'areaspline',\n    fillOpacity: 0.05,\n    dataGrouping: {\n        smoothed: true\n    },\n    lineWidth: 1,\n    marker: {\n        enabled: false\n    }\n}</pre>"},subtree:{className:{meta:{types:{string:1},name:"className",excludes:{},default:"highcharts-navigator-series"},subtree:{}},dataGrouping:{meta:{types:{"*":1},name:"dataGrouping",excludes:{},description:"Data grouping options for the navigator series.",extends:"plotOptions.series.dataGrouping"},subtree:{approximation:{meta:{types:{string:1},name:"approximation",excludes:{},default:"average"},subtree:{}},enabled:{meta:{types:{boolean:1},name:"enabled",excludes:{},default:!0},subtree:{}},groupPixelWidth:{meta:{types:{number:1},name:"groupPixelWidth",excludes:{},default:2},subtree:{}},smoothed:{meta:{types:{boolean:1},name:"smoothed",excludes:{},default:!0},subtree:{}},units:{meta:{types:{},name:"units",excludes:{}},subtree:{}}}},dataLabels:{meta:{types:{object:1,"*":1},name:"dataLabels",excludes:{},description:"Data label options for the navigator series. Data labels are\ndisabled by default on the navigator series.",extends:"plotOptions.series.dataLabels"},subtree:{enabled:{meta:{types:{boolean:1},name:"enabled",excludes:{},default:!1},subtree:{}},zIndex:{meta:{types:{number:1},name:"zIndex",excludes:{},default:2},subtree:{}}}},fillOpacity:{meta:{types:{number:1},name:"fillOpacity",excludes:{},default:"0.05",description:"The fill opacity of the navigator series."},subtree:{}},id:{meta:{types:{string:1},name:"id",excludes:{},default:"highcharts-navigator-series"},subtree:{}},lineColor:{meta:{types:{"highcharts.colorstring":1,null:1},name:"lineColor",excludes:{},default:"null",description:"Line color for the navigator series. Allows setting the color\nwhile disallowing the default candlestick setting."},subtree:{}},lineWidth:{meta:{types:{number:1},name:"lineWidth",excludes:{},default:"1",description:"The pixel line width of the navigator series."},subtree:{}},marker:{meta:{types:{object:1},name:"marker",excludes:{}},subtree:{enabled:{meta:{types:{boolean:1},name:"enabled",excludes:{},default:!1},subtree:{}}}},pointRange:{meta:{types:{number:1},name:"pointRange",excludes:{},default:0},subtree:{}},threshold:{meta:{types:{null:1,number:1},name:"threshold",excludes:{},default:"null",description:"The threshold option. Setting it to 0 will make the default\nnavigator area series draw its area from the 0 value and up."},subtree:{}},type:{meta:{types:{string:1},name:"type",excludes:{},default:"areaspline",description:"The type of the navigator series. Defaults to `areaspline` if\ndefined, otherwise `line`."},subtree:{}}}},xAxis:{meta:{types:{"*":1},name:"xAxis",excludes:{},products:{highstock:1},description:"Options for the navigator X axis. Default series options\nfor the navigator xAxis are:\n\n<pre>xAxis: {\n    tickWidth: 0,\n    lineWidth: 0,\n    gridLineWidth: 1,\n    tickPixelInterval: 200,\n    labels: {\n           align: 'left',\n        style: {\n            color: '#888'\n        },\n        x: 3,\n        y: -4\n    }\n}</pre>",extends:"xAxis"},subtree:{className:{meta:{types:{string:1},name:"className",excludes:{},default:"highcharts-navigator-xaxis"},subtree:{}},crosshair:{meta:{types:{boolean:1},name:"crosshair",excludes:{},default:!1},subtree:{}},gridLineColor:{meta:{types:{string:1},name:"gridLineColor",excludes:{},default:"#e6e6e6"},subtree:{}},gridLineWidth:{meta:{types:{number:1},name:"gridLineWidth",excludes:{},default:1},subtree:{}},labels:{meta:{types:{object:1},name:"labels",excludes:{}},subtree:{align:{meta:{types:{string:1},name:"align",excludes:{},default:"left"},subtree:{}},style:{meta:{types:{object:1},name:"style",excludes:{}},subtree:{color:{meta:{types:{string:1},name:"color",excludes:{},default:"#999999"},subtree:{}}}},x:{meta:{types:{number:1},name:"x",excludes:{},default:3},subtree:{}},y:{meta:{types:{number:1},name:"y",excludes:{},default:-4},subtree:{}}}},lineWidth:{meta:{types:{number:1},name:"lineWidth",excludes:{},default:0},subtree:{}},overscroll:{meta:{types:{number:1},name:"overscroll",excludes:{},default:"0",products:{highstock:1},description:"Additional range on the right side of the xAxis. Works similar to\nxAxis.maxPadding, but value is set in milliseconds.\nCan be set for both, main xAxis and navigator's xAxis."},subtree:{}},tickLength:{meta:{types:{number:1},name:"tickLength",excludes:{},default:0},subtree:{}},tickPixelInterval:{meta:{types:{number:1},name:"tickPixelInterval",excludes:{},default:200},subtree:{}}}},yAxis:{meta:{types:{"*":1},name:"yAxis",excludes:{},products:{highstock:1},description:"Options for the navigator Y axis. Default series options\nfor the navigator yAxis are:\n\n<pre>yAxis: {\n    gridLineWidth: 0,\n    startOnTick: false,\n    endOnTick: false,\n    minPadding: 0.1,\n    maxPadding: 0.1,\n    labels: {\n        enabled: false\n    },\n    title: {\n        text: null\n    },\n    tickWidth: 0\n}</pre>",extends:"yAxis"},subtree:{className:{meta:{types:{string:1},name:"className",excludes:{},default:"highcharts-navigator-yaxis"},subtree:{}},crosshair:{meta:{types:{boolean:1},name:"crosshair",excludes:{},default:!1},subtree:{}},endOnTick:{meta:{types:{boolean:1},name:"endOnTick",excludes:{},default:!1},subtree:{}},gridLineWidth:{meta:{types:{number:1},name:"gridLineWidth",excludes:{},default:0},subtree:{}},labels:{meta:{types:{object:1},name:"labels",excludes:{}},subtree:{enabled:{meta:{types:{boolean:1},name:"enabled",excludes:{},default:!1},subtree:{}}}},maxPadding:{meta:{types:{number:1},name:"maxPadding",excludes:{},default:.1},subtree:{}},minPadding:{meta:{types:{number:1},name:"minPadding",excludes:{},default:.1},subtree:{}},startOnTick:{meta:{types:{boolean:1},name:"startOnTick",excludes:{},default:!1},subtree:{}},tickLength:{meta:{types:{number:1},name:"tickLength",excludes:{},default:0},subtree:{}},tickWidth:{meta:{types:{number:1},name:"tickWidth",excludes:{},default:0},subtree:{}},title:{meta:{types:{object:1},name:"title",excludes:{}},subtree:{text:{meta:{types:{object:1},name:"text",excludes:{},default:null},subtree:{}}}}}}}},noData:{meta:{types:{object:1},name:"noData",excludes:{},description:'Options for displaying a message like "No data to display".\nThis feature requires the file no-data-to-display.js to be loaded in the\npage. The actual text to display is set in the lang.noData option.'},subtree:{attr:{meta:{types:{object:1},name:"attr",excludes:{},products:{highcharts:1,highstock:1},description:"An object of additional SVG attributes for the no-data label."},subtree:{}},position:{meta:{types:{object:1},name:"position",excludes:{},default:'{ "x": 0, "y": 0, "align": "center", "verticalAlign": "middle" }',description:"The position of the no-data label, relative to the plot area."},subtree:{align:{meta:{types:{string:1},name:"align",excludes:{},default:"center",description:"Horizontal alignment of the label."},subtree:{}},verticalAlign:{meta:{types:{string:1},name:"verticalAlign",excludes:{},default:"middle",products:{highcharts:1,highstock:1},description:"Vertical alignment of the label."},subtree:{}},x:{meta:{types:{number:1},name:"x",excludes:{},default:"0",products:{highcharts:1,highstock:1},description:"Horizontal offset of the label, in pixels."},subtree:{}},y:{meta:{types:{number:1},name:"y",excludes:{},default:"0",products:{highcharts:1,highstock:1},description:"Vertical offset of the label, in pixels."},subtree:{}}}},style:{meta:{types:{object:1},name:"style",excludes:{},description:"CSS styles for the no-data label."},subtree:{color:{meta:{types:{string:1},name:"color",excludes:{},default:"#666666"},subtree:{}},fontSize:{meta:{types:{string:1},name:"fontSize",excludes:{},default:"12px"},subtree:{}},fontWeight:{meta:{types:{string:1},name:"fontWeight",excludes:{},default:"bold"},subtree:{}}}},useHTML:{meta:{types:{boolean:1},name:"useHTML",excludes:{},default:"false",products:{highcharts:1,highstock:1},description:"Whether to insert the label as HTML, or as pseudo-HTML rendered with\nSVG."},subtree:{}}}},pane:{meta:{types:{object:1},name:"pane",excludes:{},description:"The pane serves as a container for axes and backgrounds for circular\ngauges and polar charts."},subtree:{background:{meta:{types:{array:"Object"},name:"background",excludes:{},description:"An array of background items for the pane."},subtree:{backgroundColor:{meta:{types:{color:1},name:"backgroundColor",excludes:{},products:{highcharts:1},description:"The background color or gradient for the pane."},subtree:{linearGradient:{meta:{types:{object:1},name:"linearGradient",excludes:{},description:"Definition of the gradient, similar to SVG: object literal holds\nstart position (x1, y1) and the end position (x2, y2) relative\nto the shape, where 0 means top/left and 1 is bottom/right.\nAll positions are floats between 0 and 1."},subtree:{x1:{meta:{types:{number:1},name:"x1",excludes:{},default:0},subtree:{}},x2:{meta:{types:{number:1},name:"x2",excludes:{},default:0},subtree:{}},y1:{meta:{types:{number:1},name:"y1",excludes:{},default:0},subtree:{}},y2:{meta:{types:{number:1},name:"y2",excludes:{},default:1},subtree:{}}}},stops:{meta:{types:{array:"Array"},name:"stops",excludes:{},default:"[[0, #ffffff], [1, #e6e6e6]]",description:"The stops is an array of tuples, where the first item is a float\nbetween 0 and 1 assigning the relative position in the gradient,\nand the second item is the color."},subtree:{}}}},borderColor:{meta:{types:{color:1},name:"borderColor",excludes:{},default:"#cccccc",products:{highcharts:1},description:"The pane background border color."},subtree:{}},borderWidth:{meta:{types:{number:1},name:"borderWidth",excludes:{},default:"1",products:{highcharts:1},description:"The pixel border width of the pane background."},subtree:{}},className:{meta:{types:{string:1},name:"className",excludes:{},description:"The class name for this background."},subtree:{}},innerRadius:{meta:{types:{number:1,string:1},name:"innerRadius",excludes:{},default:"0",products:{highcharts:1},description:"The inner radius of the pane background. Can be either numeric\n(pixels) or a percentage string."},subtree:{}},outerRadius:{meta:{types:{number:1,string:1},name:"outerRadius",excludes:{},default:"105%",products:{highcharts:1},description:"The outer radius of the circular pane background. Can be either\nnumeric (pixels) or a percentage string."},subtree:{}},shape:{meta:{types:{string:1},name:"shape",excludes:{},default:"solid",products:{highcharts:1},description:"The shape of the pane background. When `solid`, the background\nis circular. When `arc`, the background extends only from the min\nto the max of the value axis."},subtree:{}}}},center:{meta:{types:{array:"(String|Number)"},name:"center",excludes:{},default:'["50%", "50%"]',products:{highcharts:1},description:"The center of a polar chart or angular gauge, given as an array\nof [x, y] positions. Positions can be given as integers that\ntransform to pixels, or as percentages of the plot area size."},subtree:{}},endAngle:{meta:{types:{number:1},name:"endAngle",excludes:{},products:{highcharts:1},description:"The end angle of the polar X axis or gauge value axis, given in\ndegrees where 0 is north. Defaults to [startAngle](#pane.startAngle)\n+ 360."},subtree:{}},size:{meta:{types:{number:1,string:1},name:"size",excludes:{},default:"85%",products:{highcharts:1},description:"The size of the pane, either as a number defining pixels, or a\npercentage defining a percentage of the plot are."},subtree:{}},startAngle:{meta:{types:{number:1},name:"startAngle",excludes:{},default:0,products:{highcharts:1},description:"The start angle of the polar X axis or gauge axis, given in degrees\nwhere 0 is north. Defaults to 0."},subtree:{}}}},plotOptions:{meta:{types:{"*":1},name:"plotOptions",excludes:{},description:"The plotOptions is a wrapper object for config objects for each series\ntype. The config objects for each series can also be overridden for\neach series item as given in the series array.\n\nConfiguration options for the series are given in three levels. Options\nfor all series in a chart are given in the [plotOptions.series](\n#plotOptions.series) object. Then options for all series of a specific\ntype are given in the plotOptions of that type, for example\n`plotOptions.line`. Next, options for one single series are given in\n[the series array](#series)."},subtree:{ad:{meta:{types:{object:1},name:"ad",excludes:{},products:{highstock:1},description:"Accumulation Distribution (AD). This series requires `linkedTo` option to\nbe set.\n\nConfiguration options for the series are given in three levels:\n1. Options for all series in a chart are defined in the\n   [plotOptions.series](plotOptions.series) object.\n2. Options for all `ad` series are defined in\n   [plotOptions.ad](plotOptions.ad).\n3. Options for one single series are given in\n   [the series instance array](series.ad).\n\n<pre>\nHighcharts.chart('container', {\n    plotOptions: {\n        series: {\n            // general options for all series\n        },\n        ad: {\n            // shared options for all ad series\n        }\n    },\n    series: [{\n        // specific options for this series instance\n        type: 'ad'\n    }]\n});\n</pre>\n            ",extends:"plotOptions.sma"},subtree:{params:{meta:{types:{object:1},name:"params",excludes:{}},subtree:{volumeSeriesID:{meta:{types:{string:1},name:"volumeSeriesID",excludes:{},default:"volume",products:{highstock:1},description:"The id of volume series which is mandatory.\nFor example using OHLC data, volumeSeriesID='volume' means\nthe indicator will be calculated using OHLC and volume values."},subtree:{}}}}}},area:{meta:{types:{"*":1},name:"area",excludes:{},products:{highcharts:1,highstock:1},description:"The area series type.\n\nConfiguration options for the series are given in three levels:\n1. Options for all series in a chart are defined in the\n   [plotOptions.series](plotOptions.series) object.\n2. Options for all `area` series are defined in\n   [plotOptions.area](plotOptions.area).\n3. Options for one single series are given in\n   [the series instance array](series.area).\n\n<pre>\nHighcharts.chart('container', {\n    plotOptions: {\n        series: {\n            // general options for all series\n        },\n        area: {\n            // shared options for all area series\n        }\n    },\n    series: [{\n        // specific options for this series instance\n        type: 'area'\n    }]\n});\n</pre>\n            ",extends:"plotOptions.line"},subtree:{fillColor:{meta:{types:{"highcharts.colorstring":1},name:"fillColor",excludes:{},products:{highcharts:1,highstock:1},description:"Fill color or gradient for the area. When `null`, the series' `color`\nis used with the series' `fillOpacity`.\n\nIn styled mode, the fill color can be set with the `.highcharts-area`\nclass name."},subtree:{}},fillOpacity:{meta:{types:{number:1},name:"fillOpacity",excludes:{},products:{highcharts:1,highstock:1},description:"Fill opacity for the area. When you set an explicit `fillColor`,\nthe `fillOpacity` is not applied. Instead, you should define the\nopacity in the `fillColor` with an rgba color definition. The\n`fillOpacity` setting, also the default setting, overrides the alpha\ncomponent of the `color` setting.\n\nIn styled mode, the fill opacity can be set with the `.highcharts-area`\nclass name."},subtree:{}},lineColor:{meta:{types:{"highcharts.colorstring":1},name:"lineColor",excludes:{},products:{highcharts:1,highstock:1},description:"A separate color for the graph line. By default the line takes the\n`color` of the series, but the lineColor setting allows setting a\nseparate color for the line without altering the `fillColor`.\n\nIn styled mode, the line stroke can be set with the `.highcharts-graph`\nclass name."},subtree:{}},negativeFillColor:{meta:{types:{"highcharts.colorstring":1},name:"negativeFillColor",excludes:{},products:{highcharts:1},description:"A separate color for the negative part of the area.\n\nIn styled mode, a negative color is set with the `.highcharts-negative`\nclass name."},subtree:{}},softThreshold:{meta:{types:{boolean:1},name:"softThreshold",excludes:{},products:{highcharts:1,highstock:1},description:"When this is true, the series will not cause the Y axis to cross\nthe zero plane (or [threshold](#plotOptions.series.threshold) option)\nunless the data actually crosses the plane.\n\nFor example, if `softThreshold` is `false`, a series of 0, 1, 2,\n3 will make the Y axis show negative values according to the `minPadding`\noption. If `softThreshold` is `true`, the Y axis starts at 0."},subtree:{}},threshold:{meta:{types:{number:1},name:"threshold",excludes:{},products:{highcharts:1,highstock:1},description:"The Y axis value to serve as the base for the area, for distinguishing\nbetween values above and below a threshold. The area between the graph\nand the threshold is filled.\n\n* If a number is given, the Y axis will scale to the threshold.\n* If `null`, the scaling behaves like a line series with fill between the\n  graph and the Y axis minimum.\n* If `Infinity` or `-Infinity`, the area between the graph and the\n  corresponing Y axis extreme is filled (since v6.1.0)."},subtree:{}},trackByArea:{meta:{types:{boolean:1},name:"trackByArea",excludes:{},default:"false",products:{highcharts:1,highstock:1},description:"Whether the whole area or just the line should respond to mouseover\ntooltips and other mouse or touch events."},subtree:{}}}},arearange:{meta:{types:{object:1},name:"arearange",excludes:{},products:{highcharts:1,highstock:1},description:"The area range series is a carteseian series with higher and lower values\nfor each point along an X axis, where the area between the values is shaded.\nRequires `highcharts-more.js`.\n\nConfiguration options for the series are given in three levels:\n1. Options for all series in a chart are defined in the\n   [plotOptions.series](plotOptions.series) object.\n2. Options for all `arearange` series are defined in\n   [plotOptions.arearange](plotOptions.arearange).\n3. Options for one single series are given in\n   [the series instance array](series.arearange).\n\n<pre>\nHighcharts.chart('container', {\n    plotOptions: {\n        series: {\n            // general options for all series\n        },\n        arearange: {\n            // shared options for all arearange series\n        }\n    },\n    series: [{\n        // specific options for this series instance\n        type: 'arearange'\n    }]\n});\n</pre>\n            ",extends:"plotOptions.area"},subtree:{dataLabels:{meta:{types:{object:1},name:"dataLabels",excludes:{},products:{highcharts:1,highstock:1},description:"Extended data labels for range series types. Range series data labels\nhave no `x` and `y` options. Instead, they have `xLow`, `xHigh`,\n`yLow` and `yHigh` options to allow the higher and lower data label\nsets individually.",extends:"plotOptions.series.dataLabels"},subtree:{align:{meta:{types:{object:1},name:"align",excludes:{},default:null},subtree:{}},verticalAlign:{meta:{types:{object:1},name:"verticalAlign",excludes:{},default:null},subtree:{}},xHigh:{meta:{types:{number:1},name:"xHigh",excludes:{},default:0,products:{highcharts:1,highstock:1},description:"X offset of the higher data labels relative to the point value."},subtree:{}},xLow:{meta:{types:{number:1},name:"xLow",excludes:{},default:0,products:{highcharts:1,highstock:1},description:"X offset of the lower data labels relative to the point value."},subtree:{}},yHigh:{meta:{types:{number:1,string:1},name:"yHigh",excludes:{},default:"-6",products:{highcharts:1,highstock:1},description:"Y offset of the higher data labels relative to the point value."},subtree:{}},yLow:{meta:{types:{number:1,string:1},name:"yLow",excludes:{},default:"16",products:{highcharts:1,highstock:1},description:"Y offset of the lower data labels relative to the point value."},subtree:{}}}},lineWidth:{meta:{types:{number:1},name:"lineWidth",excludes:{},default:1,products:{highcharts:1,highstock:1},description:"Pixel width of the arearange graph line."},subtree:{}},shadow:{meta:{types:{boolean:1,object:1},name:"shadow",excludes:{},products:{highcharts:1},description:"Whether to apply a drop shadow to the graph line. Since 2.3 the shadow\ncan be an object configuration containing `color`, `offsetX`, `offsetY`,\n`opacity` and `width`."},subtree:{}},threshold:{meta:{types:{object:1},name:"threshold",excludes:{},default:null},subtree:{}},tooltip:{meta:{types:{object:1},name:"tooltip",excludes:{}},subtree:{pointFormat:{meta:{types:{string:1},name:"pointFormat",excludes:{},default:'<span style="color:{series.color}">●</span> {series.name}: <b>{point.low}</b> - <b>{point.high}</b><br/>'},subtree:{}}}},trackByArea:{meta:{types:{boolean:1},name:"trackByArea",excludes:{},default:!0,products:{highcharts:1,highstock:1},description:"Whether the whole area or just the line should respond to mouseover\ntooltips and other mouse or touch events."},subtree:{}}}},areaspline:{meta:{types:{},name:"areaspline",excludes:{},products:{highcharts:1,highstock:1},description:"The area spline series is an area series where the graph between the points\nis smoothed into a spline.\n\nConfiguration options for the series are given in three levels:\n1. Options for all series in a chart are defined in the\n   [plotOptions.series](plotOptions.series) object.\n2. Options for all `areaspline` series are defined in\n   [plotOptions.areaspline](plotOptions.areaspline).\n3. Options for one single series are given in\n   [the series instance array](series.areaspline).\n\n<pre>\nHighcharts.chart('container', {\n    plotOptions: {\n        series: {\n            // general options for all series\n        },\n        areaspline: {\n            // shared options for all areaspline series\n        }\n    },\n    series: [{\n        // specific options for this series instance\n        type: 'areaspline'\n    }]\n});\n</pre>\n            ",
extends:"plotOptions.area"},subtree:{}},areasplinerange:{meta:{types:{},name:"areasplinerange",excludes:{},products:{highcharts:1,highstock:1},description:"The area spline range is a cartesian series type with higher and\nlower Y values along an X axis. The area inside the range is colored, and\nthe graph outlining the area is a smoothed spline. Requires\n`highcharts-more.js`.\n\nConfiguration options for the series are given in three levels:\n1. Options for all series in a chart are defined in the\n   [plotOptions.series](plotOptions.series) object.\n2. Options for all `areasplinerange` series are defined in\n   [plotOptions.areasplinerange](plotOptions.areasplinerange).\n3. Options for one single series are given in\n   [the series instance array](series.areasplinerange).\n\n<pre>\nHighcharts.chart('container', {\n    plotOptions: {\n        series: {\n            // general options for all series\n        },\n        areasplinerange: {\n            // shared options for all areasplinerange series\n        }\n    },\n    series: [{\n        // specific options for this series instance\n        type: 'areasplinerange'\n    }]\n});\n</pre>\n            ",extends:"plotOptions.arearange"},subtree:{}},atr:{meta:{types:{object:1},name:"atr",excludes:{},products:{highstock:1},description:"Average true range indicator (ATR). This series requires `linkedTo`\noption to be set.\n\nConfiguration options for the series are given in three levels:\n1. Options for all series in a chart are defined in the\n   [plotOptions.series](plotOptions.series) object.\n2. Options for all `atr` series are defined in\n   [plotOptions.atr](plotOptions.atr).\n3. Options for one single series are given in\n   [the series instance array](series.atr).\n\n<pre>\nHighcharts.chart('container', {\n    plotOptions: {\n        series: {\n            // general options for all series\n        },\n        atr: {\n            // shared options for all atr series\n        }\n    },\n    series: [{\n        // specific options for this series instance\n        type: 'atr'\n    }]\n});\n</pre>\n            ",extends:"plotOptions.sma"},subtree:{params:{meta:{types:{object:1},name:"params",excludes:{}},subtree:{period:{meta:{types:{number:1},name:"period",excludes:{},default:14},subtree:{}}}}}},bar:{meta:{types:{object:1},name:"bar",excludes:{},products:{highcharts:1},description:"A bar series is a special type of column series where the columns are\nhorizontal.\n\nConfiguration options for the series are given in three levels:\n1. Options for all series in a chart are defined in the\n   [plotOptions.series](plotOptions.series) object.\n2. Options for all `bar` series are defined in\n   [plotOptions.bar](plotOptions.bar).\n3. Options for one single series are given in\n   [the series instance array](series.bar).\n\n<pre>\nHighcharts.chart('container', {\n    plotOptions: {\n        series: {\n            // general options for all series\n        },\n        bar: {\n            // shared options for all bar series\n        }\n    },\n    series: [{\n        // specific options for this series instance\n        type: 'bar'\n    }]\n});\n</pre>\n            ",extends:"{plotOptions.column}"},subtree:{dataLabels:{meta:{types:{object:1},name:"dataLabels",excludes:{}},subtree:{align:{meta:{types:{string:1},name:"align",excludes:{},default:"left",products:{highcharts:1},description:"Alignment of the data label relative to the data point."},subtree:{}},x:{meta:{types:{number:1},name:"x",excludes:{},default:"5",products:{highcharts:1},description:"The x position of the data label relative to the data point."},subtree:{}}}}}},bb:{meta:{types:{object:1},name:"bb",excludes:{},products:{highstock:1},description:"Bollinger bands (BB). This series requires the `linkedTo` option to be\nset and should be loaded after the `stock/indicators/indicators.js` file.\n\nConfiguration options for the series are given in three levels:\n1. Options for all series in a chart are defined in the\n   [plotOptions.series](plotOptions.series) object.\n2. Options for all `bb` series are defined in\n   [plotOptions.bb](plotOptions.bb).\n3. Options for one single series are given in\n   [the series instance array](series.bb).\n\n<pre>\nHighcharts.chart('container', {\n    plotOptions: {\n        series: {\n            // general options for all series\n        },\n        bb: {\n            // shared options for all bb series\n        }\n    },\n    series: [{\n        // specific options for this series instance\n        type: 'bb'\n    }]\n});\n</pre>\n            ",extends:"plotOptions.sma"},subtree:{bottomLine:{meta:{types:{object:1},name:"bottomLine",excludes:{},products:{highstock:1},description:"Bottom line options."},subtree:{styles:{meta:{types:{object:1},name:"styles",excludes:{},products:{highstock:1},description:"Styles for a bottom line."},subtree:{lineColor:{meta:{types:{string:1},name:"lineColor",excludes:{},products:{highstock:1},description:"Color of the line. If not set, it's inherited from\n[plotOptions.bb.color](#plotOptions.bb.color)."},subtree:{}},lineWidth:{meta:{types:{number:1},name:"lineWidth",excludes:{},default:1,products:{highstock:1},description:"Pixel width of the line."},subtree:{}}}}}},dataGrouping:{meta:{types:{object:1},name:"dataGrouping",excludes:{}},subtree:{approximation:{meta:{types:{string:1},name:"approximation",excludes:{},default:"averages"},subtree:{}}}},marker:{meta:{types:{object:1},name:"marker",excludes:{}},subtree:{enabled:{meta:{types:{boolean:1},name:"enabled",excludes:{},default:!1},subtree:{}}}},name:{meta:{types:{string:1},name:"name",excludes:{},default:"BB (20, 2)"},subtree:{}},params:{meta:{types:{object:1},name:"params",excludes:{}},subtree:{index:{meta:{types:{number:1},name:"index",excludes:{},default:3},subtree:{}},period:{meta:{types:{number:1},name:"period",excludes:{},default:20},subtree:{}},standardDeviation:{meta:{types:{number:1},name:"standardDeviation",excludes:{},default:2,products:{highstock:1},description:"Standard deviation for top and bottom bands."},subtree:{}}}},tooltip:{meta:{types:{object:1},name:"tooltip",excludes:{}},subtree:{pointFormat:{meta:{types:{string:1},name:"pointFormat",excludes:{},default:'<span style="color:{point.color}">●</span><b> {series.name}</b><br/>Top: {point.top}<br/>Middle: {point.middle}<br/>Bottom: {point.bottom}<br/>'},subtree:{}}}},topLine:{meta:{types:{object:1},name:"topLine",excludes:{},products:{highstock:1},description:"Top line options.",extends:"plotOptions.bb.bottomLine"},subtree:{styles:{meta:{types:{object:1},name:"styles",excludes:{}},subtree:{lineColor:{meta:{types:{},name:"lineColor",excludes:{}},subtree:{}},lineWidth:{meta:{types:{number:1},name:"lineWidth",excludes:{},default:1},subtree:{}}}}}}}},bellcurve:{meta:{types:{object:1},name:"bellcurve",excludes:{},products:{highcharts:1},description:"A bell curve is an areaspline series which represents the probability density\nfunction of the normal distribution. It calculates mean and standard\ndeviation of the base series data and plots the curve according to the\ncalculated parameters.\n\nConfiguration options for the series are given in three levels:\n1. Options for all series in a chart are defined in the\n   [plotOptions.series](plotOptions.series) object.\n2. Options for all `bellcurve` series are defined in\n   [plotOptions.bellcurve](plotOptions.bellcurve).\n3. Options for one single series are given in\n   [the series instance array](series.bellcurve).\n\n<pre>\nHighcharts.chart('container', {\n    plotOptions: {\n        series: {\n            // general options for all series\n        },\n        bellcurve: {\n            // shared options for all bellcurve series\n        }\n    },\n    series: [{\n        // specific options for this series instance\n        type: 'bellcurve'\n    }]\n});\n</pre>\n            ",extends:"plotOptions.areaspline"},subtree:{intervals:{meta:{types:{number:1},name:"intervals",excludes:{},default:3,description:"This option allows to define the length of the bell curve. A unit of the\nlength of the bell curve is standard deviation."},subtree:{}},marker:{meta:{types:{object:1},name:"marker",excludes:{}},subtree:{enabled:{meta:{types:{boolean:1},name:"enabled",excludes:{},default:!1},subtree:{}}}},pointsInInterval:{meta:{types:{number:1},name:"pointsInInterval",excludes:{},default:3,description:"Defines how many points should be plotted within 1 interval. See\n`plotOptions.bellcurve.intervals`."},subtree:{}}}},boxplot:{meta:{types:{object:1},name:"boxplot",excludes:{},products:{highcharts:1},description:"A box plot is a convenient way of depicting groups of data through their\nfive-number summaries: the smallest observation (sample minimum), lower\nquartile (Q1), median (Q2), upper quartile (Q3), and largest observation\n(sample maximum).\n\nConfiguration options for the series are given in three levels:\n1. Options for all series in a chart are defined in the\n   [plotOptions.series](plotOptions.series) object.\n2. Options for all `boxplot` series are defined in\n   [plotOptions.boxplot](plotOptions.boxplot).\n3. Options for one single series are given in\n   [the series instance array](series.boxplot).\n\n<pre>\nHighcharts.chart('container', {\n    plotOptions: {\n        series: {\n            // general options for all series\n        },\n        boxplot: {\n            // shared options for all boxplot series\n        }\n    },\n    series: [{\n        // specific options for this series instance\n        type: 'boxplot'\n    }]\n});\n</pre>\n            ",extends:"{plotOptions.column}"},subtree:{fillColor:{meta:{types:{color:1},name:"fillColor",excludes:{},default:"#ffffff",products:{highcharts:1},description:"The fill color of the box.\n\nIn styled mode, the fill color can be set with the\n`.highcharts-boxplot-box` class."},subtree:{}},lineWidth:{meta:{types:{number:1},name:"lineWidth",excludes:{},default:1,products:{highcharts:1},description:"The width of the line surrounding the box. If any of\n[stemWidth](#plotOptions.boxplot.stemWidth),\n[medianWidth](#plotOptions.boxplot.medianWidth)\nor [whiskerWidth](#plotOptions.boxplot.whiskerWidth) are `null`,\nthe lineWidth also applies to these lines."},subtree:{}},medianColor:{meta:{types:{color:1},name:"medianColor",excludes:{},default:"null",products:{highcharts:1},description:"The color of the median line. If `null`, the general series color\napplies.\n\nIn styled mode, the median stroke width can be set with the\n`.highcharts-boxplot-median` class."},subtree:{}},medianWidth:{meta:{types:{number:1},name:"medianWidth",excludes:{},default:2,products:{highcharts:1},description:"The pixel width of the median line. If `null`, the\n[lineWidth](#plotOptions.boxplot.lineWidth) is used.\n\nIn styled mode, the median stroke width can be set with the\n`.highcharts-boxplot-median` class."},subtree:{}},stemColor:{meta:{types:{color:1},name:"stemColor",excludes:{},default:"null",products:{highcharts:1},description:"The color of the stem, the vertical line extending from the box to\nthe whiskers. If `null`, the series color is used.\n\nIn styled mode, the stem stroke can be set with the\n`.highcharts-boxplot-stem` class."},subtree:{}},stemDashStyle:{meta:{types:{string:1},name:"stemDashStyle",excludes:{},default:"Solid",products:{highcharts:1},description:"The dash style of the stem, the vertical line extending from the\nbox to the whiskers."},subtree:{}},stemWidth:{meta:{types:{number:1},name:"stemWidth",excludes:{},default:"null",products:{highcharts:1},description:"The width of the stem, the vertical line extending from the box to\nthe whiskers. If `null`, the width is inherited from the\n[lineWidth](#plotOptions.boxplot.lineWidth) option.\n\nIn styled mode, the stem stroke width can be set with the\n`.highcharts-boxplot-stem` class."},subtree:{}},threshold:{meta:{types:{object:1},name:"threshold",excludes:{},default:null},subtree:{}},tooltip:{meta:{types:{object:1},name:"tooltip",excludes:{}},subtree:{pointFormat:{meta:{types:{string:1},name:"pointFormat",excludes:{},default:'<span style="color:{point.color}">●</span> <b> {series.name}</b><br/>Maximum: {point.high}<br/>Upper quartile: {point.q3}<br/>Median: {point.median}<br/>Lower quartile: {point.q1}<br/>Minimum: {point.low}<br/>'},subtree:{}}}},whiskerColor:{meta:{types:{color:1},name:"whiskerColor",excludes:{},default:"null",products:{highcharts:1},description:"The color of the whiskers, the horizontal lines marking low and high\nvalues. When `null`, the general series color is used.\n\nIn styled mode, the whisker stroke can be set with the\n`.highcharts-boxplot-whisker` class ."},subtree:{}},whiskerLength:{meta:{types:{number:1,string:1},name:"whiskerLength",excludes:{},default:"50%",products:{highcharts:1},description:"The length of the whiskers, the horizontal lines marking low and\nhigh values. It can be a numerical pixel value, or a percentage\nvalue of the box width. Set `0` to disable whiskers."},subtree:{}},whiskerWidth:{meta:{types:{number:1},name:"whiskerWidth",excludes:{},default:2,products:{highcharts:1},description:"The line width of the whiskers, the horizontal lines marking low and\nhigh values. When `null`, the general\n[lineWidth](#plotOptions.boxplot.lineWidth) applies.\n\nIn styled mode, the whisker stroke width can be set with the\n`.highcharts-boxplot-whisker` class."},subtree:{}}}},bubble:{meta:{types:{object:1},name:"bubble",excludes:{},products:{highcharts:1,highstock:1},description:"A bubble series is a three dimensional series type where each point renders\nan X, Y and Z value. Each points is drawn as a bubble where the position\nalong the X and Y axes mark the X and Y values, and the size of the bubble\nrelates to the Z value. Requires `highcharts-more.js`.\n\nConfiguration options for the series are given in three levels:\n1. Options for all series in a chart are defined in the\n   [plotOptions.series](plotOptions.series) object.\n2. Options for all `bubble` series are defined in\n   [plotOptions.bubble](plotOptions.bubble).\n3. Options for one single series are given in\n   [the series instance array](series.bubble).\n\n<pre>\nHighcharts.chart('container', {\n    plotOptions: {\n        series: {\n            // general options for all series\n        },\n        bubble: {\n            // shared options for all bubble series\n        }\n    },\n    series: [{\n        // specific options for this series instance\n        type: 'bubble'\n    }]\n});\n</pre>\n            ",extends:"plotOptions.scatter"},subtree:{animationLimit:{meta:{types:{number:1},name:"animationLimit",excludes:{},default:250,description:"If there are more points in the series than the `animationLimit`, the\nanimation won't run. Animation affects overall performance and doesn't\nwork well with heavy data series."},subtree:{}},dataLabels:{meta:{types:{object:1},name:"dataLabels",excludes:{}},subtree:{formatter:{meta:{types:{},name:"formatter",excludes:{}},subtree:{}},inside:{meta:{types:{boolean:1},name:"inside",excludes:{},default:!0},subtree:{}},verticalAlign:{meta:{types:{string:1},name:"verticalAlign",excludes:{},default:"middle"},subtree:{}}}},displayNegative:{meta:{types:{boolean:1},name:"displayNegative",excludes:{},default:"true",description:"Whether to display negative sized bubbles. The threshold is given\nby the [zThreshold](#plotOptions.bubble.zThreshold) option, and negative\nbubbles can be visualized by setting\n[negativeColor](#plotOptions.bubble.negativeColor)."},subtree:{}},marker:{meta:{types:{object:1},name:"marker",excludes:{},extends:"plotOptions.series.marker"},subtree:{fillOpacity:{meta:{types:{number:1},name:"fillOpacity",excludes:{},default:.5,description:"The fill opacity of the bubble markers."},subtree:{}},lineColor:{meta:{types:{object:1},name:"lineColor",excludes:{},default:null},subtree:{}},lineWidth:{meta:{types:{number:1},name:"lineWidth",excludes:{},default:1},subtree:{}},states:{meta:{types:{object:1},name:"states",excludes:{}},subtree:{hover:{meta:{types:{object:1},name:"hover",excludes:{}},subtree:{radiusPlus:{meta:{types:{number:1},name:"radiusPlus",excludes:{},default:0},subtree:{}}}}}},symbol:{meta:{types:{string:1},name:"symbol",excludes:{},default:"circle",description:'A predefined shape or symbol for the marker. Possible values are\n"circle", "square", "diamond", "triangle" and "triangle-down".\n\nAdditionally, the URL to a graphic can be given on the form\n`url(graphic.png)`. Note that for the image to be applied to exported\ncharts, its URL needs to be accessible by the export server.\n\nCustom callbacks for symbol path generation can also be added to\n`Highcharts.SVGRenderer.prototype.symbols`. The callback is then\nused by its method name, as shown in the demo.'},subtree:{}}}},maxSize:{meta:{types:{number:1,string:1},name:"maxSize",excludes:{},default:"20%",products:{highcharts:1,highstock:1},description:"Maximum bubble size. Bubbles will automatically size between the\n`minSize` and `maxSize` to reflect the `z` value of each bubble.\nCan be either pixels (when no unit is given), or a percentage of\nthe smallest one of the plot width and height."},subtree:{}},minSize:{meta:{types:{number:1,string:1},name:"minSize",excludes:{},default:8,products:{highcharts:1,highstock:1},description:"Minimum bubble size. Bubbles will automatically size between the\n`minSize` and `maxSize` to reflect the `z` value of each bubble.\nCan be either pixels (when no unit is given), or a percentage of\nthe smallest one of the plot width and height."},subtree:{}},negativeColor:{meta:{types:{color:1},name:"negativeColor",excludes:{},default:"null",products:{highcharts:1},description:"When a point's Z value is below the\n[zThreshold](#plotOptions.bubble.zThreshold) setting, this color is used."},subtree:{}},sizeBy:{meta:{types:{string:1},name:"sizeBy",excludes:{},default:"area",description:"Whether the bubble's value should be represented by the area or the\nwidth of the bubble. The default, `area`, corresponds best to the\nhuman perception of the size of each bubble."},subtree:{}},sizeByAbsoluteValue:{meta:{types:{boolean:1},name:"sizeByAbsoluteValue",excludes:{},default:"false",products:{highcharts:1},description:"When this is true, the absolute value of z determines the size of\nthe bubble. This means that with the default `zThreshold` of 0, a\nbubble of value -1 will have the same size as a bubble of value 1,\nwhile a bubble of value 0 will have a smaller size according to\n`minSize`."},subtree:{}},softThreshold:{meta:{types:{boolean:1},name:"softThreshold",excludes:{},default:!1,products:{highcharts:1},description:"When this is true, the series will not cause the Y axis to cross\nthe zero plane (or [threshold](#plotOptions.series.threshold) option)\nunless the data actually crosses the plane.\n\nFor example, if `softThreshold` is `false`, a series of 0, 1, 2,\n3 will make the Y axis show negative values according to the `minPadding`\noption. If `softThreshold` is `true`, the Y axis starts at 0."},subtree:{}},states:{meta:{types:{object:1},name:"states",excludes:{}},subtree:{hover:{meta:{types:{object:1},name:"hover",excludes:{}},subtree:{halo:{meta:{types:{object:1},name:"halo",excludes:{}},subtree:{size:{meta:{types:{number:1},name:"size",excludes:{},default:5},subtree:{}}}}}}}},tooltip:{meta:{types:{object:1},name:"tooltip",excludes:{}},subtree:{pointFormat:{meta:{types:{string:1},name:"pointFormat",excludes:{},default:"({point.x}, {point.y}), Size: {point.z}"},subtree:{}}}},turboThreshold:{meta:{types:{number:1},name:"turboThreshold",excludes:{},default:0},subtree:{}},zMax:{meta:{types:{number:1},name:"zMax",excludes:{},default:"null",products:{highcharts:1},description:"The minimum for the Z value range. Defaults to the highest Z value\nin the data."},subtree:{}},zMin:{meta:{types:{number:1},name:"zMin",excludes:{},default:"null",products:{highcharts:1},description:"The minimum for the Z value range. Defaults to the lowest Z value\nin the data."},subtree:{}},zThreshold:{meta:{types:{number:1},name:"zThreshold",excludes:{},default:"0",products:{highcharts:1},description:"When [displayNegative](#plotOptions.bubble.displayNegative) is `false`,\nbubbles with lower Z values are skipped. When `displayNegative`\nis `true` and a [negativeColor](#plotOptions.bubble.negativeColor)\nis given, points with lower Z is colored."},subtree:{}},zoneAxis:{meta:{types:{string:1},name:"zoneAxis",excludes:{},default:"z"},subtree:{}}}},bullet:{meta:{types:{object:1},name:"bullet",excludes:{},products:{highcharts:1},description:"A bullet graph is a variation of a bar graph. The bullet graph features\na single measure, compares it to a target, and displays it in the context\nof qualitative ranges of performance that could be set using\n[plotBands](#yAxis.plotBands) on [yAxis](#yAxis).\n\nConfiguration options for the series are given in three levels:\n1. Options for all series in a chart are defined in the\n   [plotOptions.series](plotOptions.series) object.\n2. Options for all `bullet` series are defined in\n   [plotOptions.bullet](plotOptions.bullet).\n3. Options for one single series are given in\n   [the series instance array](series.bullet).\n\n<pre>\nHighcharts.chart('container', {\n    plotOptions: {\n        series: {\n            // general options for all series\n        },\n        bullet: {\n            // shared options for all bullet series\n        }\n    },\n    series: [{\n        // specific options for this series instance\n        type: 'bullet'\n    }]\n});\n</pre>\n            ",extends:"{plotOptions.column}"},subtree:{targetOptions:{meta:{types:{object:1},name:"targetOptions",excludes:{},products:{highcharts:1},description:"All options related with look and positiong of targets."},subtree:{borderColor:{meta:{types:{color:1},name:"borderColor",excludes:{},products:{highcharts:1},description:"The border color of the rectangle representing the target. When\nnot set, the  point's border color is used.\n\nIn styled mode, use class `highcharts-bullet-target` instead."},subtree:{}},borderWidth:{meta:{types:{number:1},name:"borderWidth",excludes:{},default:0,products:{highcharts:1},description:"The border width of the rectangle representing the target.\n\nIn styled mode, use class `highcharts-bullet-target` instead."},subtree:{}},color:{meta:{types:{color:1},name:"color",excludes:{},products:{highcharts:1},description:"The color of the rectangle representing the target. When not set,\npoint's color (if set in point's options -\n[`color`](#series.bullet.data.color)) or zone of the target value\n(if [`zones`](#plotOptions.bullet.zones) or\n[`negativeColor`](#plotOptions.bullet.negativeColor) are set)\nor the same color as the point has is used.\n\nIn styled mode, use class `highcharts-bullet-target` instead."},subtree:{}},height:{meta:{types:{number:1},name:"height",excludes:{},default:3,products:{highcharts:1},description:"The height of the rectangle representing the target."},subtree:{}},width:{meta:{types:{number:1,string:1},name:"width",excludes:{},default:"140%",products:{highcharts:1},description:"The width of the rectangle representing the target. Could be set\nas a pixel value or as a percentage of a column width."},subtree:{}}}},tooltip:{meta:{types:{object:1},name:"tooltip",excludes:{}},subtree:{pointFormat:{meta:{types:{string:1},name:"pointFormat",excludes:{},default:'<span class="highcharts-color-{point.colorIndex}">●</span> {series.name}: <span class="highcharts-strong">{point.y}</span>. Target: <span class="highcharts-strong">{point.target}</span><br/>'},subtree:{}}}}}},candlestick:{meta:{types:{object:1},name:"candlestick",excludes:{},products:{highstock:1},description:"A candlestick chart is a style of financial chart used to describe price\nmovements over time.\n\nConfiguration options for the series are given in three levels:\n1. Options for all series in a chart are defined in the\n   [plotOptions.series](plotOptions.series) object.\n2. Options for all `candlestick` series are defined in\n   [plotOptions.candlestick](plotOptions.candlestick).\n3. Options for one single series are given in\n   [the series instance array](series.candlestick).\n\n<pre>\nHighcharts.chart('container', {\n    plotOptions: {\n        series: {\n            // general options for all series\n        },\n        candlestick: {\n            // shared options for all candlestick series\n        }\n    },\n    series: [{\n        // specific options for this series instance\n        type: 'candlestick'\n    }]\n});\n</pre>\n            ",extends:"plotOptions.ohlc"},subtree:{dataGrouping:{meta:{types:{object:1},name:"dataGrouping",excludes:{}},subtree:{approximation:{meta:{types:{string:1},name:"approximation",excludes:{},default:"ohlc"},subtree:{}}}},lineColor:{meta:{types:{color:1},name:"lineColor",excludes:{},default:"#000000",products:{highstock:1},description:"The color of the line/border of the candlestick.\n\nIn styled mode, the line stroke can be set with the\n`.highcharts-candlestick-series .highcahrts-point` rule."},subtree:{}},lineWidth:{meta:{types:{number:1},name:"lineWidth",excludes:{},default:"1",products:{highstock:1},description:"The pixel width of the candlestick line/border. Defaults to `1`.\n\n\nIn styled mode, the line stroke width can be set with the\n`.highcharts-candlestick-series .highcahrts-point` rule."},subtree:{}},states:{meta:{types:{object:1},name:"states",excludes:{}},subtree:{hover:{meta:{types:{object:1},name:"hover",excludes:{},products:{highstock:1},extends:"plotOptions.column.states.hover"},subtree:{lineWidth:{meta:{types:{number:1},name:"lineWidth",excludes:{},default:"2",products:{highstock:1},description:"The pixel width of the line/border around the candlestick."},subtree:{}}}}}},stickyTracking:{meta:{types:{boolean:1},name:"stickyTracking",excludes:{},default:!0},subtree:{}},threshold:{meta:{types:{object:1},name:"threshold",excludes:{},default:null},subtree:{}},tooltip:{meta:{types:{},name:"tooltip",excludes:{},extends:"plotOptions.ohlc.tooltip"},subtree:{}},upColor:{meta:{types:{color:1},name:"upColor",excludes:{},default:"#ffffff",products:{highstock:1},description:"The fill color of the candlestick when values are rising.\n\nIn styled mode, the up color can be set with the\n`.highcharts-candlestick-series .highcharts-point-up` rule."},subtree:{}},upLineColor:{meta:{types:{color:1},name:"upLineColor",excludes:{},default:"null",products:{highstock:1},description:"The specific line color for up candle sticks. The default is to inherit\nthe general `lineColor` setting."},subtree:{}}}},cci:{meta:{types:{object:1},name:"cci",excludes:{},products:{highstock:1},description:"Commodity Channel Index (CCI). This series requires `linkedTo` option to\nbe set.\n\nConfiguration options for the series are given in three levels:\n1. Options for all series in a chart are defined in the\n   [plotOptions.series](plotOptions.series) object.\n2. Options for all `cci` series are defined in\n   [plotOptions.cci](plotOptions.cci).\n3. Options for one single series are given in\n   [the series instance array](series.cci).\n\n<pre>\nHighcharts.chart('container', {\n    plotOptions: {\n        series: {\n            // general options for all series\n        },\n        cci: {\n            // shared options for all cci series\n        }\n    },\n    series: [{\n        // specific options for this series instance\n        type: 'cci'\n    }]\n});\n</pre>\n            ",extends:"plotOptions.sma"},subtree:{params:{meta:{types:{object:1},name:"params",excludes:{}},subtree:{period:{meta:{types:{number:1},name:"period",excludes:{},default:14},subtree:{}}}}}},cmf:{meta:{types:{object:1},name:"cmf",excludes:{},products:{highstock:1},description:"Chaikin Money Flow indicator (cmf).\n\nConfiguration options for the series are given in three levels:\n1. Options for all series in a chart are defined in the\n   [plotOptions.series](plotOptions.series) object.\n2. Options for all `cmf` series are defined in\n   [plotOptions.cmf](plotOptions.cmf).\n3. Options for one single series are given in\n   [the series instance array](series.cmf).\n\n<pre>\nHighcharts.chart('container', {\n    plotOptions: {\n        series: {\n            // general options for all series\n        },\n        cmf: {\n            // shared options for all cmf series\n        }\n    },\n    series: [{\n        // specific options for this series instance\n        type: 'cmf'\n    }]\n});\n</pre>\n            ",extends:"plotOptions.sma"},subtree:{params:{meta:{types:{object:1},name:"params",excludes:{}},subtree:{period:{meta:{types:{number:1},name:"period",excludes:{},default:14},subtree:{}},volumeSeriesID:{meta:{types:{string:1},name:"volumeSeriesID",excludes:{},default:"volume",description:"The id of another series to use its data as volume data for the\nindiator calculation."},subtree:{}}}}}},column:{meta:{types:{object:1},name:"column",excludes:{},products:{highcharts:1,highstock:1},description:"Column series display one column per value along an X axis.\n\nConfiguration options for the series are given in three levels:\n1. Options for all series in a chart are defined in the\n   [plotOptions.series](plotOptions.series) object.\n2. Options for all `column` series are defined in\n   [plotOptions.column](plotOptions.column).\n3. Options for one single series are given in\n   [the series instance array](series.column).\n\n<pre>\nHighcharts.chart('container', {\n    plotOptions: {\n        series: {\n            // general options for all series\n        },\n        column: {\n            // shared options for all column series\n        }\n    },\n    series: [{\n        // specific options for this series instance\n        type: 'column'\n    }]\n});\n</pre>\n            ",extends:"{plotOptions.line}"},subtree:{borderColor:{meta:{types:{color:1},name:"borderColor",excludes:{},default:"#ffffff",products:{highcharts:1,highstock:1},description:"The color of the border surrounding each column or bar.\n\nIn styled mode, the border stroke can be set with the `.highcharts-point`\nrule."},subtree:{}},borderRadius:{meta:{types:{number:1},name:"borderRadius",excludes:{},default:"0",products:{highcharts:1,highstock:1},description:"The corner radius of the border surrounding each column or bar."},subtree:{}},borderWidth:{meta:{types:{number:1},name:"borderWidth",excludes:{},default:"1",products:{highcharts:1,highstock:1},description:"The width of the border surrounding each column or bar.\n\nIn styled mode, the stroke width can be set with the `.highcharts-point`\nrule."},subtree:{}},colorByPoint:{meta:{types:{boolean:1},name:"colorByPoint",excludes:{},default:"false",products:{highcharts:1,highstock:1},description:"When using automatic point colors pulled from the `options.colors`\ncollection, this option determines whether the chart should receive\none color per series or one color per point."},subtree:{}},colors:{meta:{types:{array:"Color"},name:"colors",excludes:{},products:{highcharts:1,highstock:1},description:"A series specific or series type specific color set to apply instead\nof the global [colors](#colors) when [colorByPoint](\n#plotOptions.column.colorByPoint) is true."},subtree:{}},crisp:{meta:{types:{boolean:1},name:"crisp",excludes:{},default:!0,products:{highcharts:1,highstock:1},description:"When true, each column edge is rounded to its nearest pixel in order\nto render sharp on screen. In some cases, when there are a lot of\ndensely packed columns, this leads to visible difference in column\nwidths or distance between columns. In these cases, setting `crisp`\nto `false` may look better, even though each column is rendered\nblurry."},subtree:{}},cropThreshold:{meta:{types:{number:1},name:"cropThreshold",excludes:{},default:50,products:{highcharts:1,highstock:1},description:"When the series contains less points than the crop threshold, all\npoints are drawn, event if the points fall outside the visible plot\narea at the current zoom. The advantage of drawing all points (including\nmarkers and columns), is that animation is performed on updates.\nOn the other hand, when the series contains more points than the\ncrop threshold, the series data is cropped to only contain points\nthat fall within the plot area. The advantage of cropping away invisible\npoints is to increase performance on large series. ."
},subtree:{}},dataGrouping:{meta:{types:{object:1},name:"dataGrouping",excludes:{}},subtree:{groupPixelWidth:{meta:{types:{number:1},name:"groupPixelWidth",excludes:{},default:"10",products:{highstock:1},description:"The approximate pixel width of each group. If for example a series\nwith 30 points is displayed over a 600 pixel wide plot area, no grouping\nis performed. If however the series contains so many points that\nthe spacing is less than the groupPixelWidth, Highcharts will try\nto group it into appropriate groups so that each is more or less\ntwo pixels wide. Defaults to `10`."},subtree:{}}}},dataLabels:{meta:{types:{object:1},name:"dataLabels",excludes:{}},subtree:{align:{meta:{types:{object:1},name:"align",excludes:{},default:null},subtree:{}},verticalAlign:{meta:{types:{object:1},name:"verticalAlign",excludes:{},default:null},subtree:{}},y:{meta:{types:{object:1},name:"y",excludes:{},default:null},subtree:{}}}},depth:{meta:{types:{number:1},name:"depth",excludes:{},default:"25",products:{highcharts:1},description:"Depth of the columns in a 3D column chart. Requires `highcharts-3d.js`."},subtree:{}},edgeColor:{meta:{types:{color:1},name:"edgeColor",excludes:{},products:{highcharts:1},description:"3D columns only. The color of the edges. Similar to `borderColor`,\n except it defaults to the same color as the column."},subtree:{}},edgeWidth:{meta:{types:{number:1},name:"edgeWidth",excludes:{},default:"1",products:{highcharts:1},description:"3D columns only. The width of the colored edges."},subtree:{}},groupPadding:{meta:{types:{number:1},name:"groupPadding",excludes:{},default:.2,products:{highcharts:1,highstock:1},description:"Padding between each value groups, in x axis units."},subtree:{}},groupZPadding:{meta:{types:{number:1},name:"groupZPadding",excludes:{},default:"1",products:{highcharts:1},description:"The spacing between columns on the Z Axis in a 3D chart. Requires\n`highcharts-3d.js`."},subtree:{}},grouping:{meta:{types:{boolean:1},name:"grouping",excludes:{},default:"true",products:{highcharts:1,highstock:1},description:"Whether to group non-stacked columns or to let them render independent\nof each other. Non-grouped columns will be laid out individually\nand overlap each other."},subtree:{}},maxPointWidth:{meta:{types:{number:1},name:"maxPointWidth",excludes:{},default:"null",products:{highcharts:1,highstock:1},description:"The maximum allowed pixel width for a column, translated to the height\nof a bar in a bar chart. This prevents the columns from becoming\ntoo wide when there is a small number of points in the chart."},subtree:{}},minPointLength:{meta:{types:{number:1},name:"minPointLength",excludes:{},default:0,products:{highcharts:1,highstock:1},description:"The minimal height for a column or width for a bar. By default,\n0 values are not shown. To visualize a 0 (or close to zero) point,\nset the minimal point length to a pixel value like 3\\. In stacked\ncolumn charts, minPointLength might not be respected for tightly\npacked values."},subtree:{}},pointPadding:{meta:{types:{number:1},name:"pointPadding",excludes:{},default:.1,products:{highcharts:1,highstock:1},description:"Padding between each column or bar, in x axis units."},subtree:{}},pointRange:{meta:{types:{number:1},name:"pointRange",excludes:{},default:null,products:{highcharts:1,highstock:1},description:"The X axis range that each point is valid for. This determines the\nwidth of the column. On a categorized axis, the range will be 1\nby default (one category unit). On linear and datetime axes, the\nrange will be computed as the distance between the two closest data\npoints.\n\nThe default `null` means it is computed automatically, but this option\ncan be used to override the automatic value."},subtree:{}},pointWidth:{meta:{types:{number:1},name:"pointWidth",excludes:{},default:"null",products:{highcharts:1,highstock:1},description:"A pixel value specifying a fixed width for each column or bar. When\n`null`, the width is calculated from the `pointPadding` and\n`groupPadding`."},subtree:{}},softThreshold:{meta:{types:{boolean:1},name:"softThreshold",excludes:{},default:!1,products:{highcharts:1,highstock:1},description:"When this is true, the series will not cause the Y axis to cross\nthe zero plane (or [threshold](#plotOptions.series.threshold) option)\nunless the data actually crosses the plane.\n\nFor example, if `softThreshold` is `false`, a series of 0, 1, 2,\n3 will make the Y axis show negative values according to the `minPadding`\noption. If `softThreshold` is `true`, the Y axis starts at 0."},subtree:{}},states:{meta:{types:{object:1},name:"states",excludes:{}},subtree:{hover:{meta:{types:{object:1},name:"hover",excludes:{},products:{highcharts:1,highstock:1},description:"Options for the hovered point. These settings override the normal\nstate options when a point is moused over or touched.",extends:"plotOptions.series.states.hover"},subtree:{borderColor:{meta:{types:{color:1},name:"borderColor",excludes:{},products:{highcharts:1},description:"A specific border color for the hovered point. Defaults to\ninherit the normal state border color."},subtree:{}},brightness:{meta:{types:{number:1},name:"brightness",excludes:{},default:.1,products:{highcharts:1,highstock:1},description:"How much to brighten the point on interaction. Requires the main\ncolor to be defined in hex or rgb(a) format.\n\nIn styled mode, the hover brightening is by default replaced\nwith a fill-opacity set in the `.highcharts-point:hover` rule."},subtree:{}},color:{meta:{types:{color:1},name:"color",excludes:{},default:"undefined",products:{highcharts:1},description:"A specific color for the hovered point."},subtree:{}}}},select:{meta:{types:{object:1},name:"select",excludes:{},products:{highcharts:1,highstock:1},description:"Options for the selected point. These settings override the normal\nstate options when a point is selected."},subtree:{borderColor:{meta:{types:{color:1},name:"borderColor",excludes:{},default:"#000000",products:{highcharts:1,highstock:1},description:"A specific border color for the selected point."},subtree:{}},color:{meta:{types:{color:1},name:"color",excludes:{},default:"#cccccc",products:{highcharts:1,highstock:1},description:"A specific color for the selected point."},subtree:{}}}}}},stickyTracking:{meta:{types:{boolean:1},name:"stickyTracking",excludes:{},default:!1},subtree:{}},threshold:{meta:{types:{number:1},name:"threshold",excludes:{},default:0,products:{highcharts:1},description:"The Y axis value to serve as the base for the columns, for distinguishing\nbetween values above and below a threshold. If `null`, the columns\nextend from the padding Y axis minimum."},subtree:{}},tooltip:{meta:{types:{object:1},name:"tooltip",excludes:{}},subtree:{distance:{meta:{types:{number:1},name:"distance",excludes:{},default:6},subtree:{}}}}}},columnrange:{meta:{types:{object:1},name:"columnrange",excludes:{},products:{highcharts:1,highstock:1},description:"The column range is a cartesian series type with higher and lower\nY values along an X axis. Requires `highcharts-more.js`. To display\nhorizontal bars, set [chart.inverted](#chart.inverted) to `true`.\n\nConfiguration options for the series are given in three levels:\n1. Options for all series in a chart are defined in the\n   [plotOptions.series](plotOptions.series) object.\n2. Options for all `columnrange` series are defined in\n   [plotOptions.columnrange](plotOptions.columnrange).\n3. Options for one single series are given in\n   [the series instance array](series.columnrange).\n\n<pre>\nHighcharts.chart('container', {\n    plotOptions: {\n        series: {\n            // general options for all series\n        },\n        columnrange: {\n            // shared options for all columnrange series\n        }\n    },\n    series: [{\n        // specific options for this series instance\n        type: 'columnrange'\n    }]\n});\n</pre>\n            ",extends:"plotOptions.column"},subtree:{pointRange:{meta:{types:{object:1},name:"pointRange",excludes:{},default:null},subtree:{}},states:{meta:{types:{object:1},name:"states",excludes:{}},subtree:{hover:{meta:{types:{},name:"hover",excludes:{}},subtree:{}}}}}},ema:{meta:{types:{object:1},name:"ema",excludes:{},products:{highstock:1},description:"Exponential moving average indicator (EMA). This series requires the\n`linkedTo` option to be set.\n\nConfiguration options for the series are given in three levels:\n1. Options for all series in a chart are defined in the\n   [plotOptions.series](plotOptions.series) object.\n2. Options for all `ema` series are defined in\n   [plotOptions.ema](plotOptions.ema).\n3. Options for one single series are given in\n   [the series instance array](series.ema).\n\n<pre>\nHighcharts.chart('container', {\n    plotOptions: {\n        series: {\n            // general options for all series\n        },\n        ema: {\n            // shared options for all ema series\n        }\n    },\n    series: [{\n        // specific options for this series instance\n        type: 'ema'\n    }]\n});\n</pre>\n            ",extends:"plotOptions.sma"},subtree:{params:{meta:{types:{object:1},name:"params",excludes:{}},subtree:{index:{meta:{types:{number:1},name:"index",excludes:{},default:0},subtree:{}},period:{meta:{types:{number:1},name:"period",excludes:{},default:14},subtree:{}}}}}},errorbar:{meta:{types:{object:1},name:"errorbar",excludes:{},products:{highcharts:1,highstock:1},description:"Error bars are a graphical representation of the variability of data and are\nused on graphs to indicate the error, or uncertainty in a reported\nmeasurement.\n\nConfiguration options for the series are given in three levels:\n1. Options for all series in a chart are defined in the\n   [plotOptions.series](plotOptions.series) object.\n2. Options for all `errorbar` series are defined in\n   [plotOptions.errorbar](plotOptions.errorbar).\n3. Options for one single series are given in\n   [the series instance array](series.errorbar).\n\n<pre>\nHighcharts.chart('container', {\n    plotOptions: {\n        series: {\n            // general options for all series\n        },\n        errorbar: {\n            // shared options for all errorbar series\n        }\n    },\n    series: [{\n        // specific options for this series instance\n        type: 'errorbar'\n    }]\n});\n</pre>\n            ",extends:"{plotOptions.boxplot}"},subtree:{color:{meta:{types:{color:1},name:"color",excludes:{},default:"#000000",products:{highcharts:1},description:"The main color of the bars. This can be overridden by\n[stemColor](#plotOptions.errorbar.stemColor) and\n[whiskerColor](#plotOptions.errorbar.whiskerColor) individually."},subtree:{}},grouping:{meta:{types:{boolean:1},name:"grouping",excludes:{},default:!1},subtree:{}},linkedTo:{meta:{types:{string:1},name:"linkedTo",excludes:{},default:":previous",products:{highcharts:1},description:"The parent series of the error bar. The default value links it to\nthe previous series. Otherwise, use the id of the parent series."},subtree:{}},tooltip:{meta:{types:{object:1},name:"tooltip",excludes:{}},subtree:{pointFormat:{meta:{types:{string:1},name:"pointFormat",excludes:{},default:'<span style="color:{point.color}">●</span> {series.name}: <b>{point.low}</b> - <b>{point.high}</b><br/>'},subtree:{}}}},whiskerWidth:{meta:{types:{number:1},name:"whiskerWidth",excludes:{},default:null,products:{highcharts:1},description:"The line width of the whiskers, the horizontal lines marking low\nand high values. When `null`, the general\n[lineWidth](#plotOptions.errorbar.lineWidth) applies."},subtree:{}}}},flags:{meta:{types:{object:1},name:"flags",excludes:{},products:{highstock:1},description:"Flags are used to mark events in stock charts. They can be added on the\ntimeline, or attached to a specific series.\n\nConfiguration options for the series are given in three levels:\n1. Options for all series in a chart are defined in the\n   [plotOptions.series](plotOptions.series) object.\n2. Options for all `flags` series are defined in\n   [plotOptions.flags](plotOptions.flags).\n3. Options for one single series are given in\n   [the series instance array](series.flags).\n\n<pre>\nHighcharts.chart('container', {\n    plotOptions: {\n        series: {\n            // general options for all series\n        },\n        flags: {\n            // shared options for all flags series\n        }\n    },\n    series: [{\n        // specific options for this series instance\n        type: 'flags'\n    }]\n});\n</pre>\n            ",extends:"{plotOptions.column}"},subtree:{allowOverlapX:{meta:{types:{boolean:1},name:"allowOverlapX",excludes:{},default:!1,description:"Whether the flags are allowed to overlap sideways. If `false`, the flags\nare moved sideways using an algorithm that seeks to place every flag as\nclose as possible to its original position."},subtree:{}},fillColor:{meta:{types:{color:1},name:"fillColor",excludes:{},default:"#ffffff",products:{highstock:1},description:"The fill color for the flags."},subtree:{}},height:{meta:{types:{number:1},name:"height",excludes:{},default:"undefined",products:{highstock:1},description:"Fixed height of the flag's shape. By default, height is autocalculated\naccording to the flag's title."},subtree:{}},lineColor:{meta:{types:{color:1},name:"lineColor",excludes:{},default:"#000000",products:{highstock:1},description:"The color of the line/border of the flag.\n\nIn styled mode, the stroke is set in the\n`.highcharts-flag-series.highcharts-point` rule."},subtree:{}},lineWidth:{meta:{types:{number:1},name:"lineWidth",excludes:{},default:1,products:{highstock:1},description:"The pixel width of the flag's line/border."},subtree:{}},onKey:{meta:{types:{string:1},name:"onKey",excludes:{},default:"y",products:{highstock:1},description:"In case the flag is placed on a series, on what point key to place\nit. Line and columns have one key, `y`. In range or OHLC-type series,\nhowever, the flag can optionally be placed on the `open`, `high`,\n `low` or `close` key."},subtree:{}},onSeries:{meta:{types:{string:1},name:"onSeries",excludes:{},default:"undefined",products:{highstock:1},description:"The id of the series that the flags should be drawn on. If no id\nis given, the flags are drawn on the x axis."},subtree:{}},pointRange:{meta:{types:{number:1},name:"pointRange",excludes:{},default:0},subtree:{}},shape:{meta:{types:{string:1},name:"shape",excludes:{},default:"flag",products:{highstock:1},description:'The shape of the marker. Can be one of "flag", "circlepin", "squarepin",\nor an image of the format `url(/path-to-image.jpg)`. Individual\nshapes can also be set for each point.'},subtree:{}},stackDistance:{meta:{types:{number:1},name:"stackDistance",excludes:{},default:12,products:{highstock:1},description:"When multiple flags in the same series fall on the same value, this\nnumber determines the vertical offset between them."},subtree:{}},states:{meta:{types:{object:1},name:"states",excludes:{}},subtree:{hover:{meta:{types:{object:1},name:"hover",excludes:{},products:{highstock:1},extends:"plotOptions.column.states.hover"},subtree:{fillColor:{meta:{types:{color:1},name:"fillColor",excludes:{},default:"#ccd6eb",products:{highstock:1},description:"The fill or background color of the flag."},subtree:{}},lineColor:{meta:{types:{color:1},name:"lineColor",excludes:{},default:"#000000",products:{highstock:1},description:"The color of the line/border of the flag."},subtree:{}}}}}},style:{meta:{types:{cssobject:1},name:"style",excludes:{},default:'{ "fontSize": "11px", "fontWeight": "bold" }',products:{highstock:1},description:"The text styles of the flag.\n\nIn styled mode, the styles are set in the\n`.highcharts-flag-series .highcharts-point` rule."},subtree:{fontSize:{meta:{types:{string:1},name:"fontSize",excludes:{},default:"11px"},subtree:{}},fontWeight:{meta:{types:{string:1},name:"fontWeight",excludes:{},default:"bold"},subtree:{}}}},textAlign:{meta:{types:{string:1},name:"textAlign",excludes:{},default:"center",products:{highstock:1},description:"Text alignment for the text inside the flag."},subtree:{}},threshold:{meta:{types:{object:1},name:"threshold",excludes:{},default:null},subtree:{}},title:{meta:{types:{string:1},name:"title",excludes:{},default:"A",products:{highstock:1},description:'The text to display on each flag. This can be defined on series level,\n or individually for each point. Defaults to `"A"`.'},subtree:{}},tooltip:{meta:{types:{object:1},name:"tooltip",excludes:{},products:{highstock:1},description:"Specific tooltip options for flag series. Flag series tooltips are\ndifferent from most other types in that a flag doesn't have a data\nvalue, so the tooltip rather displays the `text` option for each\npoint.",extends:"plotOptions.series.tooltip"},subtree:{pointFormat:{meta:{types:{string:1},name:"pointFormat",excludes:{},default:"{point.text}<br/>"},subtree:{}}}},useHTML:{meta:{types:{boolean:1},name:"useHTML",excludes:{},default:"false",products:{highstock:1},description:"Whether to use HTML to render the flag texts. Using HTML allows for\nadvanced formatting, images and reliable bi-directional text rendering.\nNote that exported images won't respect the HTML, and that HTML\nwon't respect Z-index settings."},subtree:{}},width:{meta:{types:{number:1},name:"width",excludes:{},default:"undefined",products:{highstock:1},description:"Fixed width of the flag's shape. By default, width is autocalculated\naccording to the flag's title."},subtree:{}},y:{meta:{types:{number:1},name:"y",excludes:{},default:-30,products:{highstock:1},description:"The y position of the top left corner of the flag relative to either\nthe series (if onSeries is defined), or the x axis. Defaults to\n`-30`."},subtree:{}}}},funnel:{meta:{types:{object:1},name:"funnel",excludes:{},products:{highcharts:1},description:"Funnel charts are a type of chart often used to visualize stages in a sales\nproject, where the top are the initial stages with the most clients.\nIt requires that the modules/funnel.js file is loaded.\n\nConfiguration options for the series are given in three levels:\n1. Options for all series in a chart are defined in the\n   [plotOptions.series](plotOptions.series) object.\n2. Options for all `funnel` series are defined in\n   [plotOptions.funnel](plotOptions.funnel).\n3. Options for one single series are given in\n   [the series instance array](series.funnel).\n\n<pre>\nHighcharts.chart('container', {\n    plotOptions: {\n        series: {\n            // general options for all series\n        },\n        funnel: {\n            // shared options for all funnel series\n        }\n    },\n    series: [{\n        // specific options for this series instance\n        type: 'funnel'\n    }]\n});\n</pre>\n            ",extends:"{plotOptions.pie}"},subtree:{animation:{meta:{types:{boolean:1},name:"animation",excludes:{},default:!1,description:"Initial animation is by default disabled for the funnel chart."},subtree:{}},center:{meta:{types:{array:"(String|Number)"},name:"center",excludes:{},default:'["50%", "50%"]',products:{highcharts:1},description:"The center of the series. By default, it is centered in the middle\nof the plot area, so it fills the plot area height."},subtree:{}},dataLabels:{meta:{types:{object:1},name:"dataLabels",excludes:{}},subtree:{connectorWidth:{meta:{types:{number:1},name:"connectorWidth",excludes:{},default:1},subtree:{}}}},height:{meta:{types:{number:1,string:1},name:"height",excludes:{},default:"100%",products:{highcharts:1},description:"The height of the funnel or pyramid. If it is a number it defines\nthe pixel height, if it is a percentage string it is the percentage\nof the plot area height."},subtree:{}},neckHeight:{meta:{types:{number:1,string:1},name:"neckHeight",excludes:{},default:"25%",products:{highcharts:1},description:"The height of the neck, the lower part of the funnel. A number defines\npixel width, a percentage string defines a percentage of the plot\narea height."},subtree:{}},neckWidth:{meta:{types:{number:1,string:1},name:"neckWidth",excludes:{},default:"30%",products:{highcharts:1},description:"The width of the neck, the lower part of the funnel. A number defines\npixel width, a percentage string defines a percentage of the plot\narea width."},subtree:{}},reversed:{meta:{types:{boolean:1},name:"reversed",excludes:{},default:!1,products:{highcharts:1},description:"A reversed funnel has the widest area down. A reversed funnel with\nno neck width and neck height is a pyramid."},subtree:{}},states:{meta:{types:{object:1},name:"states",excludes:{},products:{highcharts:1},description:"Options for the series states."},subtree:{hover:{meta:{types:{},name:"hover",excludes:{}},subtree:{}},select:{meta:{types:{object:1},name:"select",excludes:{},products:{highcharts:1},description:"Options for a selected funnel item."},subtree:{borderColor:{meta:{types:{color:1},name:"borderColor",excludes:{},default:"#000000",products:{highcharts:1,highstock:1},description:"A specific border color for the selected point."},subtree:{}},color:{meta:{types:{color:1},name:"color",excludes:{},default:"#cccccc",products:{highcharts:1,highstock:1},description:"A specific color for the selected point."},subtree:{}}}}}},width:{meta:{types:{number:1,string:1},name:"width",excludes:{},default:"90%",products:{highcharts:1},description:"The width of the funnel compared to the width of the plot area,\nor the pixel width if it is a number."},subtree:{}}}},gauge:{meta:{types:{object:1},name:"gauge",excludes:{},products:{highcharts:1},description:"Gauges are circular plots displaying one or more values with a dial pointing\nto values along the perimeter.\n\nConfiguration options for the series are given in three levels:\n1. Options for all series in a chart are defined in the\n   [plotOptions.series](plotOptions.series) object.\n2. Options for all `gauge` series are defined in\n   [plotOptions.gauge](plotOptions.gauge).\n3. Options for one single series are given in\n   [the series instance array](series.gauge).\n\n<pre>\nHighcharts.chart('container', {\n    plotOptions: {\n        series: {\n            // general options for all series\n        },\n        gauge: {\n            // shared options for all gauge series\n        }\n    },\n    series: [{\n        // specific options for this series instance\n        type: 'gauge'\n    }]\n});\n</pre>\n            ",extends:"{plotOptions.line}"},subtree:{dataLabels:{meta:{types:{object:1},name:"dataLabels",excludes:{},products:{highcharts:1},description:"Data labels for the gauge. For gauges, the data labels are enabled\nby default and shown in a bordered box below the point.",extends:"plotOptions.series.dataLabels"},subtree:{borderColor:{meta:{types:{color:1},name:"borderColor",excludes:{},default:"#cccccc",products:{highcharts:1,highmaps:1},description:"The border color for the data label."},subtree:{}},borderRadius:{meta:{types:{number:1},name:"borderRadius",excludes:{},default:3,products:{highcharts:1,highmaps:1},description:"The border radius in pixels for the gauge's data label."},subtree:{}},borderWidth:{meta:{types:{number:1},name:"borderWidth",excludes:{},default:1,products:{highcharts:1,highmaps:1},description:"The border width in pixels for the gauge data label."},subtree:{}},crop:{meta:{types:{boolean:1},name:"crop",excludes:{},default:!1},subtree:{}},defer:{meta:{types:{boolean:1},name:"defer",excludes:{},default:!1},subtree:{}},enabled:{meta:{types:{boolean:1},name:"enabled",excludes:{},default:!0,products:{highcharts:1,highmaps:1},description:"Enable or disable the data labels."},subtree:{}},verticalAlign:{meta:{types:{string:1},name:"verticalAlign",excludes:{},default:"top",products:{highcharts:1,highmaps:1},description:"The vertical alignment of the data label."},subtree:{}},y:{meta:{types:{number:1},name:"y",excludes:{},default:15,products:{highcharts:1,highmaps:1},description:"The y position offset of the label relative to the center of the\ngauge."},subtree:{}},zIndex:{meta:{types:{number:1},name:"zIndex",excludes:{},default:2,products:{highcharts:1,highmaps:1},description:"The Z index of the data labels. A value of 2 display them behind\nthe dial."},subtree:{}}}},dial:{meta:{types:{object:1},name:"dial",excludes:{},products:{highcharts:1},description:"Options for the dial or arrow pointer of the gauge.\n\nIn styled mode, the dial is styled with the\n`.highcharts-gauge-series .highcharts-dial` rule."},subtree:{backgroundColor:{meta:{types:{color:1},name:"backgroundColor",excludes:{},default:"#000000",products:{highcharts:1},description:"The background or fill color of the gauge's dial."},subtree:{}},baseLength:{meta:{types:{string:1},name:"baseLength",excludes:{},default:"70%",products:{highcharts:1},description:"The length of the dial's base part, relative to the total radius\nor length of the dial."},subtree:{}},baseWidth:{meta:{types:{number:1},name:"baseWidth",excludes:{},default:"3",products:{highcharts:1},description:"The pixel width of the base of the gauge dial. The base is the part\nclosest to the pivot, defined by baseLength."},subtree:{}},borderColor:{meta:{types:{color:1},name:"borderColor",excludes:{},default:"#cccccc",products:{highcharts:1},description:"The border color or stroke of the gauge's dial. By default, the\nborderWidth is 0, so this must be set in addition to a custom border\ncolor."},subtree:{}},borderWidth:{meta:{types:{number:1},name:"borderWidth",excludes:{},default:"0",products:{highcharts:1},description:"The width of the gauge dial border in pixels."},subtree:{}},radius:{meta:{types:{string:1},name:"radius",excludes:{},default:"80%",products:{highcharts:1},description:"The radius or length of the dial, in percentages relative to the\nradius of the gauge itself."},subtree:{}},rearLength:{meta:{types:{string:1},name:"rearLength",excludes:{},default:"10%",products:{highcharts:1},description:"The length of the dial's rear end, the part that extends out on the\nother side of the pivot. Relative to the dial's length."},subtree:{}},topWidth:{meta:{types:{number:1},name:"topWidth",excludes:{},default:"1",products:{highcharts:1},description:"The width of the top of the dial, closest to the perimeter. The pivot\nnarrows in from the base to the top."},subtree:{}}}},overshoot:{meta:{types:{number:1},name:"overshoot",excludes:{},default:"0",products:{highcharts:1},description:"Allow the dial to overshoot the end of the perimeter axis by this\nmany degrees. Say if the gauge axis goes from 0 to 60, a value of\n100, or 1000, will show 5 degrees beyond the end of the axis when this\noption is set to 5."},subtree:{}},pivot:{meta:{types:{object:1},name:"pivot",excludes:{},products:{highcharts:1},description:"Options for the pivot or the center point of the gauge.\n\nIn styled mode, the pivot is styled with the\n`.highcharts-gauge-series .highcharts-pivot` rule."},subtree:{backgroundColor:{meta:{types:{color:1},name:"backgroundColor",excludes:{},default:"#000000",products:{highcharts:1},description:"The background color or fill of the pivot."},subtree:{}},borderColor:{meta:{types:{color:1},name:"borderColor",excludes:{},default:"#cccccc",products:{highcharts:1},description:"The border or stroke color of the pivot. In able to change this,\nthe borderWidth must also be set to something other than the default\n0."},subtree:{}},borderWidth:{meta:{types:{number:1},name:"borderWidth",excludes:{},default:"0",products:{highcharts:1},description:"The border or stroke width of the pivot."},subtree:{}},radius:{meta:{types:{number:1},name:"radius",excludes:{},default:"5",products:{highcharts:1},description:"The pixel radius of the pivot."},subtree:{}}}},showInLegend:{meta:{types:{boolean:1},name:"showInLegend",excludes:{},default:!1,products:{highcharts:1},description:"Whether to display this particular series or series type in the\nlegend. Defaults to false for gauge series."},subtree:{}},tooltip:{meta:{types:{object:1},name:"tooltip",excludes:{}},subtree:{headerFormat:{meta:{types:{string:1},name:"headerFormat",excludes:{},default:""},subtree:{}}}},wrap:{meta:{types:{boolean:1},name:"wrap",excludes:{},default:"true",products:{highcharts:1},description:"When this option is `true`, the dial will wrap around the axes. For\ninstance, in a full-range gauge going from 0 to 360, a value of 400\nwill point to 40\\. When `wrap` is `false`, the dial stops at 360."},subtree:{}}}},heatmap:{meta:{types:{object:1},name:"heatmap",excludes:{},products:{highcharts:1,highmaps:1},description:"A heatmap is a graphical representation of data where the individual values\ncontained in a matrix are represented as colors.\n\nConfiguration options for the series are given in three levels:\n1. Options for all series in a chart are defined in the\n   [plotOptions.series](plotOptions.series) object.\n2. Options for all `heatmap` series are defined in\n   [plotOptions.heatmap](plotOptions.heatmap).\n3. Options for one single series are given in\n   [the series instance array](series.heatmap).\n\n<pre>\nHighcharts.chart('container', {\n    plotOptions: {\n        series: {\n            // general options for all series\n        },\n        heatmap: {\n            // shared options for all heatmap series\n        }\n    },\n    series: [{\n        // specific options for this series instance\n        type: 'heatmap'\n    }]\n});\n</pre>\n            ",extends:"{plotOptions.scatter}"},subtree:{animation:{meta:{types:{boolean:1,object:1},name:"animation",excludes:{},default:!1,description:"Animation is disabled by default on the heatmap series."},subtree:{}},borderWidth:{meta:{types:{number:1},name:"borderWidth",excludes:{},default:0,description:"The border width for each heat map item."},subtree:{}},color:{meta:{types:{color:1},name:"color",excludes:{},default:"null",products:{highcharts:1},description:"The main color of the series. In heat maps this color is rarely used,\nas we mostly use the color to denote the value of each point. Unless\noptions are set in the [colorAxis](#colorAxis), the default value\nis pulled from the [options.colors](#colors) array."},subtree:{}},colsize:{meta:{types:{number:1},name:"colsize",excludes:{},default:"1",products:{highcharts:1,highmaps:1},description:"The column size - how many X axis units each column in the heatmap\nshould span."},subtree:{}},dataLabels:{meta:{types:{object:1},name:"dataLabels",excludes:{}},subtree:{crop:{meta:{types:{boolean:1},name:"crop",excludes:{},default:!1},subtree:{}},formatter:{meta:{types:{},name:"formatter",excludes:{}},subtree:{}},inside:{meta:{types:{boolean:1},name:"inside",excludes:{},default:!0},subtree:{}},overflow:{meta:{types:{boolean:1},name:"overflow",excludes:{},default:!1},subtree:{}},padding:{meta:{types:{number:1},name:"padding",excludes:{},default:0},subtree:{}},verticalAlign:{meta:{types:{string:1},name:"verticalAlign",excludes:{},default:"middle"},subtree:{}}}},nullColor:{meta:{types:{color:1},name:"nullColor",excludes:{},default:"#f7f7f7",description:"The color applied to null points. In styled mode, a general CSS class is\napplied instead."},subtree:{}},pointPadding:{meta:{types:{number:1},name:"pointPadding",excludes:{},default:"0",description:"Padding between the points in the heatmap."},subtree:{}},rowsize:{meta:{types:{number:1},name:"rowsize",excludes:{},default:"1",products:{highcharts:1,highmaps:1},description:"The row size - how many Y axis units each heatmap row should span."},subtree:{}},states:{meta:{types:{object:1},name:"states",excludes:{}},subtree:{hover:{meta:{types:{object:1},name:"hover",excludes:{}},subtree:{brightness:{meta:{types:{number:1},name:"brightness",excludes:{},default:.2,products:{highcharts:1,highmaps:1},description:"How much to brighten the point on interaction. Requires the main\ncolor to be defined in hex or rgb(a) format.\n\nIn styled mode, the hover brightening is by default replaced\nwith a fill-opacity set in the `.highcharts-point:hover` rule."},subtree:{}}}}}},tooltip:{meta:{types:{object:1},name:"tooltip",
excludes:{}},subtree:{pointFormat:{meta:{types:{string:1},name:"pointFormat",excludes:{},default:"{point.x}, {point.y}: {point.value}<br/>"},subtree:{}}}}}},histogram:{meta:{types:{object:1},name:"histogram",excludes:{},products:{highcharts:1},description:"A histogram is a column series which represents the distribution of the data\nset in the base series. Histogram splits data into bins and shows their\nfrequencies.\n\nConfiguration options for the series are given in three levels:\n1. Options for all series in a chart are defined in the\n   [plotOptions.series](plotOptions.series) object.\n2. Options for all `histogram` series are defined in\n   [plotOptions.histogram](plotOptions.histogram).\n3. Options for one single series are given in\n   [the series instance array](series.histogram).\n\n<pre>\nHighcharts.chart('container', {\n    plotOptions: {\n        series: {\n            // general options for all series\n        },\n        histogram: {\n            // shared options for all histogram series\n        }\n    },\n    series: [{\n        // specific options for this series instance\n        type: 'histogram'\n    }]\n});\n</pre>\n            ",extends:"plotOptions.column"},subtree:{binWidth:{meta:{types:{number:1},name:"binWidth",excludes:{},description:"Width of each bin. By default the bin's width is calculated as\n`(max - min) / number of bins`. This option takes precedence over\n[binsNumber](#plotOptions.histogram.binsNumber)."},subtree:{}},binsNumber:{meta:{types:{number:1,string:1,function:1},name:"binsNumber",excludes:{},default:"square-root",description:"A preferable number of bins. It is a suggestion, so a histogram may have\na different number of bins. By default it is set to the square root\nof the base series' data length. Available options are: `square-root`,\n`sturges`, `rice`. You can also define a function which takes a\n`baseSeries` as a parameter and should return a positive integer."},subtree:{}},groupPadding:{meta:{types:{number:1},name:"groupPadding",excludes:{},default:0},subtree:{}},grouping:{meta:{types:{boolean:1},name:"grouping",excludes:{},default:!1},subtree:{}},pointPadding:{meta:{types:{number:1},name:"pointPadding",excludes:{},default:0},subtree:{}},pointPlacement:{meta:{types:{string:1},name:"pointPlacement",excludes:{},default:"between"},subtree:{}},tooltip:{meta:{types:{object:1},name:"tooltip",excludes:{}},subtree:{headerFormat:{meta:{types:{string:1},name:"headerFormat",excludes:{},default:""},subtree:{}},pointFormat:{meta:{types:{string:1},name:"pointFormat",excludes:{},default:'<span style="font-size:10px">{point.x} - {point.x2}</span><br/><span style="color:{point.color}">●</span> {series.name} <b>{point.y}</b><br/>'},subtree:{}}}}}},ikh:{meta:{types:{object:1},name:"ikh",excludes:{},products:{highstock:1},description:"Ichimoku Kinko Hyo (IKH). This series requires `linkedTo` option to be\nset.\n\nConfiguration options for the series are given in three levels:\n1. Options for all series in a chart are defined in the\n   [plotOptions.series](plotOptions.series) object.\n2. Options for all `ikh` series are defined in\n   [plotOptions.ikh](plotOptions.ikh).\n3. Options for one single series are given in\n   [the series instance array](series.ikh).\n\n<pre>\nHighcharts.chart('container', {\n    plotOptions: {\n        series: {\n            // general options for all series\n        },\n        ikh: {\n            // shared options for all ikh series\n        }\n    },\n    series: [{\n        // specific options for this series instance\n        type: 'ikh'\n    }]\n});\n</pre>\n            ",extends:"plotOptions.sma"},subtree:{chikouLine:{meta:{types:{object:1},name:"chikouLine",excludes:{},products:{highstock:1},description:"The styles for Chikou line"},subtree:{styles:{meta:{types:{object:1},name:"styles",excludes:{}},subtree:{lineColor:{meta:{types:{number:1},name:"lineColor",excludes:{},products:{highstock:1},description:"Color of the line."},subtree:{}},lineWidth:{meta:{types:{number:1},name:"lineWidth",excludes:{},default:1,products:{highstock:1},description:"Pixel width of the line."},subtree:{}}}}}},dataGrouping:{meta:{types:{object:1},name:"dataGrouping",excludes:{}},subtree:{approximation:{meta:{types:{string:1},name:"approximation",excludes:{},default:"ichimoku-averages"},subtree:{}}}},kijunLine:{meta:{types:{object:1},name:"kijunLine",excludes:{},products:{highstock:1},description:"The styles for Kijun line"},subtree:{styles:{meta:{types:{object:1},name:"styles",excludes:{}},subtree:{lineColor:{meta:{types:{number:1},name:"lineColor",excludes:{},products:{highstock:1},description:"Color of the line."},subtree:{}},lineWidth:{meta:{types:{number:1},name:"lineWidth",excludes:{},default:1,products:{highstock:1},description:"Pixel width of the line."},subtree:{}}}}}},marker:{meta:{types:{object:1},name:"marker",excludes:{}},subtree:{enabled:{meta:{types:{boolean:1},name:"enabled",excludes:{},default:!1},subtree:{}}}},params:{meta:{types:{object:1},name:"params",excludes:{}},subtree:{period:{meta:{types:{number:1},name:"period",excludes:{},default:26},subtree:{}},periodSenkouSpanB:{meta:{types:{number:1},name:"periodSenkouSpanB",excludes:{},default:52,products:{highstock:1},description:"The base period for Senkou Span B calculations"},subtree:{}},periodTenkan:{meta:{types:{number:1},name:"periodTenkan",excludes:{},default:9,products:{highstock:1},description:"The base period for Tenkan calculations."},subtree:{}}}},senkouSpan:{meta:{types:{object:1},name:"senkouSpan",excludes:{},products:{highstock:1},description:"The styles for fill between Senkou Span A and B"},subtree:{styles:{meta:{types:{object:1},name:"styles",excludes:{}},subtree:{fill:{meta:{types:{number:1},name:"fill",excludes:{},default:"rgba(255, 0, 0, 0.5)",products:{highstock:1},description:"Color of the area between Senkou Span A and B."},subtree:{}}}}}},senkouSpanA:{meta:{types:{object:1},name:"senkouSpanA",excludes:{},products:{highstock:1},description:"The styles for Senkou Span A line"},subtree:{styles:{meta:{types:{object:1},name:"styles",excludes:{}},subtree:{lineColor:{meta:{types:{number:1},name:"lineColor",excludes:{},products:{highstock:1},description:"Color of the line."},subtree:{}},lineWidth:{meta:{types:{number:1},name:"lineWidth",excludes:{},default:1,products:{highstock:1},description:"Pixel width of the line."},subtree:{}}}}}},senkouSpanB:{meta:{types:{object:1},name:"senkouSpanB",excludes:{},products:{highstock:1},description:"The styles for Senkou Span B line"},subtree:{styles:{meta:{types:{object:1},name:"styles",excludes:{}},subtree:{lineColor:{meta:{types:{number:1},name:"lineColor",excludes:{},products:{highstock:1},description:"Color of the line."},subtree:{}},lineWidth:{meta:{types:{number:1},name:"lineWidth",excludes:{},default:1,products:{highstock:1},description:"Pixel width of the line."},subtree:{}}}}}},tenkanLine:{meta:{types:{object:1},name:"tenkanLine",excludes:{},products:{highstock:1},description:"The styles for Tenkan line"},subtree:{styles:{meta:{types:{object:1},name:"styles",excludes:{}},subtree:{lineColor:{meta:{types:{number:1},name:"lineColor",excludes:{},products:{highstock:1},description:"Color of the line."},subtree:{}},lineWidth:{meta:{types:{number:1},name:"lineWidth",excludes:{},default:1,products:{highstock:1},description:"Pixel width of the line."},subtree:{}}}}}},tooltip:{meta:{types:{object:1},name:"tooltip",excludes:{}},subtree:{pointFormat:{meta:{types:{string:1},name:"pointFormat",excludes:{},default:'<span style="color:{point.color}">●</span> <b> {series.name}</b><br/>TENKAN SEN: {point.tenkanSen:.3f}<br/>KIJUN SEN: {point.kijunSen:.3f}<br/>CHIKOU SPAN: {point.chikouSpan:.3f}<br/>SENKOU SPAN A: {point.senkouSpanA:.3f}<br/>SENKOU SPAN B: {point.senkouSpanB:.3f}<br/>'},subtree:{}}}}}},line:{meta:{types:{object:1},name:"line",excludes:{},products:{highcharts:1,highstock:1},description:"A line series displays information as a series of data points connected by\nstraight line segments.\n\nConfiguration options for the series are given in three levels:\n1. Options for all series in a chart are defined in the\n   [plotOptions.series](plotOptions.series) object.\n2. Options for all `line` series are defined in\n   [plotOptions.line](plotOptions.line).\n3. Options for one single series are given in\n   [the series instance array](series.line).\n\n<pre>\nHighcharts.chart('container', {\n    plotOptions: {\n        series: {\n            // general options for all series\n        },\n        line: {\n            // shared options for all line series\n        }\n    },\n    series: [{\n        // specific options for this series instance\n        type: 'line'\n    }]\n});\n</pre>\n            ",extends:"plotOptions.series"},subtree:{linecap:{meta:{types:{string:1},name:"linecap",excludes:{},default:"round",description:"The SVG value used for the `stroke-linecap` and `stroke-linejoin`\nof a line graph. Round means that lines are rounded in the ends and\nbends."},subtree:{}}}},macd:{meta:{types:{object:1},name:"macd",excludes:{},products:{highstock:1},description:"Moving Average Convergence Divergence (MACD). This series requires\n`linkedTo` option to be set.\n\nConfiguration options for the series are given in three levels:\n1. Options for all series in a chart are defined in the\n   [plotOptions.series](plotOptions.series) object.\n2. Options for all `macd` series are defined in\n   [plotOptions.macd](plotOptions.macd).\n3. Options for one single series are given in\n   [the series instance array](series.macd).\n\n<pre>\nHighcharts.chart('container', {\n    plotOptions: {\n        series: {\n            // general options for all series\n        },\n        macd: {\n            // shared options for all macd series\n        }\n    },\n    series: [{\n        // specific options for this series instance\n        type: 'macd'\n    }]\n});\n</pre>\n            ",extends:"plotOptions.sma"},subtree:{dataGrouping:{meta:{types:{object:1},name:"dataGrouping",excludes:{}},subtree:{approximation:{meta:{types:{string:1},name:"approximation",excludes:{},default:"averages"},subtree:{}}}},groupPadding:{meta:{types:{number:1},name:"groupPadding",excludes:{},default:.1},subtree:{}},macdLine:{meta:{types:{object:1},name:"macdLine",excludes:{},products:{highstock:1},description:"The styles for macd line"},subtree:{styles:{meta:{types:{object:1},name:"styles",excludes:{}},subtree:{lineColor:{meta:{types:{number:1},name:"lineColor",excludes:{},products:{highstock:1},description:"Color of the line."},subtree:{}},lineWidth:{meta:{types:{number:1},name:"lineWidth",excludes:{},default:1,products:{highstock:1},description:"Pixel width of the line."},subtree:{}}}},zones:{meta:{types:{},name:"zones",excludes:{},extends:"plotOptions.macd.zones"},subtree:{}}}},minPointLength:{meta:{types:{number:1},name:"minPointLength",excludes:{},default:0},subtree:{}},params:{meta:{types:{object:1},name:"params",excludes:{}},subtree:{longPeriod:{meta:{types:{number:1},name:"longPeriod",excludes:{},default:26,products:{highstock:1},description:"The long period for indicator calculations."},subtree:{}},period:{meta:{types:{number:1},name:"period",excludes:{},default:26},subtree:{}},shortPeriod:{meta:{types:{number:1},name:"shortPeriod",excludes:{},default:12,products:{highstock:1},description:"The short period for indicator calculations."},subtree:{}},signalPeriod:{meta:{types:{number:1},name:"signalPeriod",excludes:{},default:9,products:{highstock:1},description:"The base period for signal calculations."},subtree:{}}}},pointPadding:{meta:{types:{number:1},name:"pointPadding",excludes:{},default:.1},subtree:{}},signalLine:{meta:{types:{object:1},name:"signalLine",excludes:{},products:{highstock:1},description:"The styles for signal line"},subtree:{styles:{meta:{types:{object:1},name:"styles",excludes:{}},subtree:{lineColor:{meta:{types:{number:1},name:"lineColor",excludes:{},products:{highstock:1},description:"Color of the line."},subtree:{}},lineWidth:{meta:{types:{number:1},name:"lineWidth",excludes:{},default:1,products:{highstock:1},description:"Pixel width of the line."},subtree:{}}}},zones:{meta:{types:{},name:"zones",excludes:{},extends:"plotOptions.macd.zones"},subtree:{}}}},states:{meta:{types:{object:1},name:"states",excludes:{}},subtree:{hover:{meta:{types:{object:1},name:"hover",excludes:{}},subtree:{halo:{meta:{types:{object:1},name:"halo",excludes:{}},subtree:{size:{meta:{types:{number:1},name:"size",excludes:{},default:0},subtree:{}}}}}}}},threshold:{meta:{types:{number:1},name:"threshold",excludes:{},default:0},subtree:{}},tooltip:{meta:{types:{object:1},name:"tooltip",excludes:{}},subtree:{pointFormat:{meta:{types:{string:1},name:"pointFormat",excludes:{},default:'<span style="color:{point.color}">●</span> <b> {series.name}</b><br/>Value: {point.MACD}<br/>Signal: {point.signal}<br/>Histogram: {point.y}<br/>'},subtree:{}}}}}},map:{meta:{types:{object:1},name:"map",excludes:{},products:{highmaps:1},description:"The map series is used for basic choropleth maps, where each map area has a\ncolor based on its value.\n\nConfiguration options for the series are given in three levels:\n1. Options for all series in a chart are defined in the\n   [plotOptions.series](plotOptions.series) object.\n2. Options for all `map` series are defined in\n   [plotOptions.map](plotOptions.map).\n3. Options for one single series are given in\n   [the series instance array](series.map).\n\n<pre>\nHighcharts.chart('container', {\n    plotOptions: {\n        series: {\n            // general options for all series\n        },\n        map: {\n            // shared options for all map series\n        }\n    },\n    series: [{\n        // specific options for this series instance\n        type: 'map'\n    }]\n});\n</pre>\n            ",extends:"plotOptions.scatter"},subtree:{allAreas:{meta:{types:{boolean:1},name:"allAreas",excludes:{},default:!0},subtree:{}},animation:{meta:{types:{boolean:1},name:"animation",excludes:{},default:!1},subtree:{}},borderColor:{meta:{types:{string:1},name:"borderColor",excludes:{},default:"#cccccc"},subtree:{}},borderWidth:{meta:{types:{number:1},name:"borderWidth",excludes:{},default:1},subtree:{}},dataLabels:{meta:{types:{object:1},name:"dataLabels",excludes:{}},subtree:{crop:{meta:{types:{boolean:1},name:"crop",excludes:{},default:!1},subtree:{}},formatter:{meta:{types:{},name:"formatter",excludes:{}},subtree:{}},inside:{meta:{types:{boolean:1},name:"inside",excludes:{},default:!0},subtree:{}},overflow:{meta:{types:{boolean:1},name:"overflow",excludes:{},default:!1},subtree:{}},padding:{meta:{types:{number:1},name:"padding",excludes:{},default:0},subtree:{}},verticalAlign:{meta:{types:{string:1},name:"verticalAlign",excludes:{},default:"middle"},subtree:{}}}},joinBy:{meta:{types:{string:1},name:"joinBy",excludes:{},default:"hc-key"},subtree:{}},nullColor:{meta:{types:{color:1},name:"nullColor",excludes:{},default:"#f7f7f7",products:{highmaps:1},description:"The color to apply to null points.\n\nIn styled mode, the null point fill is set in the\n`.highcharts-null-point` class."},subtree:{}},nullInteraction:{meta:{types:{boolean:1},name:"nullInteraction",excludes:{},default:"false",products:{highmaps:1},description:"Whether to allow pointer interaction like tooltips and mouse events\non null points."},subtree:{}},states:{meta:{types:{object:1},name:"states",excludes:{}},subtree:{hover:{meta:{types:{object:1},name:"hover",excludes:{}},subtree:{brightness:{meta:{types:{number:1},name:"brightness",excludes:{},default:.2},subtree:{}},halo:{meta:{types:{object:1},name:"halo",excludes:{},default:null},subtree:{}}}},normal:{meta:{types:{object:1},name:"normal",excludes:{}},subtree:{animation:{meta:{types:{boolean:1},name:"animation",excludes:{},default:!0},subtree:{}}}},select:{meta:{types:{object:1},name:"select",excludes:{}},subtree:{color:{meta:{types:{string:1},name:"color",excludes:{},default:"#cccccc"},subtree:{}}}}}},stickyTracking:{meta:{types:{boolean:1},name:"stickyTracking",excludes:{},default:!1},subtree:{}},tooltip:{meta:{types:{object:1},name:"tooltip",excludes:{}},subtree:{followPointer:{meta:{types:{boolean:1},name:"followPointer",excludes:{},default:!0},subtree:{}},pointFormat:{meta:{types:{string:1},name:"pointFormat",excludes:{},default:"{point.name}: {point.value}<br/>"},subtree:{}}}}}},mapbubble:{meta:{types:{object:1},name:"mapbubble",excludes:{},products:{highmaps:1},description:"A map bubble series is a bubble series laid out on top of a map series,\nwhere each bubble is tied to a specific map area.\n\nConfiguration options for the series are given in three levels:\n1. Options for all series in a chart are defined in the\n   [plotOptions.series](plotOptions.series) object.\n2. Options for all `mapbubble` series are defined in\n   [plotOptions.mapbubble](plotOptions.mapbubble).\n3. Options for one single series are given in\n   [the series instance array](series.mapbubble).\n\n<pre>\nHighcharts.chart('container', {\n    plotOptions: {\n        series: {\n            // general options for all series\n        },\n        mapbubble: {\n            // shared options for all mapbubble series\n        }\n    },\n    series: [{\n        // specific options for this series instance\n        type: 'mapbubble'\n    }]\n});\n</pre>\n            ",extends:"plotOptions.bubble"},subtree:{animationLimit:{meta:{types:{number:1},name:"animationLimit",excludes:{},default:500},subtree:{}},color:{meta:{types:{color:1},name:"color",excludes:{},products:{highmaps:1},description:"The main color of the series. This color affects both the fill and\nthe stroke of the bubble. For enhanced control, use `marker` options."},subtree:{}},displayNegative:{meta:{types:{boolean:1},name:"displayNegative",excludes:{},default:"true",products:{highmaps:1},description:"Whether to display negative sized bubbles. The threshold is given\nby the [zThreshold](#plotOptions.mapbubble.zThreshold) option, and\nnegative bubbles can be visualized by setting [negativeColor](\n#plotOptions.bubble.negativeColor)."},subtree:{}},maxSize:{meta:{types:{},name:"maxSize",excludes:{},products:{highmaps:1}},subtree:{}},minSize:{meta:{types:{},name:"minSize",excludes:{},products:{highmaps:1}},subtree:{}},negativeColor:{meta:{types:{color:1},name:"negativeColor",excludes:{},default:"null",products:{highmaps:1},description:"When a point's Z value is below the [zThreshold](\n#plotOptions.mapbubble.zThreshold) setting, this color is used."},subtree:{}},sizeBy:{meta:{types:{string:1},name:"sizeBy",excludes:{},default:"area",products:{highmaps:1},description:"Whether the bubble's value should be represented by the area or the\nwidth of the bubble. The default, `area`, corresponds best to the\nhuman perception of the size of each bubble."},subtree:{}},sizeByAbsoluteValue:{meta:{types:{boolean:1},name:"sizeByAbsoluteValue",excludes:{},default:"false",products:{highmaps:1},description:"When this is true, the absolute value of z determines the size of\nthe bubble. This means that with the default `zThreshold` of 0, a\nbubble of value -1 will have the same size as a bubble of value 1,\nwhile a bubble of value 0 will have a smaller size according to\n`minSize`."},subtree:{}},tooltip:{meta:{types:{object:1},name:"tooltip",excludes:{}},subtree:{pointFormat:{meta:{types:{string:1},name:"pointFormat",excludes:{},default:"{point.name}: {point.z}"},subtree:{}}}},zMax:{meta:{types:{number:1},name:"zMax",excludes:{},default:"null",products:{highmaps:1},description:"The minimum for the Z value range. Defaults to the highest Z value\nin the data."},subtree:{}},zMin:{meta:{types:{number:1},name:"zMin",excludes:{},default:"null",products:{highmaps:1},description:"The minimum for the Z value range. Defaults to the lowest Z value\nin the data."},subtree:{}},zThreshold:{meta:{types:{number:1},name:"zThreshold",excludes:{},default:"0",products:{highmaps:1},description:"When [displayNegative](#plotOptions.mapbubble.displayNegative) is\n`false`, bubbles with lower Z values are skipped. When\n`displayNegative` is `true` and a [negativeColor](\n#plotOptions.mapbubble.negativeColor) is given, points with lower Z\nis colored."},subtree:{}}}},mapline:{meta:{types:{object:1},name:"mapline",excludes:{},products:{highmaps:1},description:"A mapline series is a special case of the map series where the value colors\nare applied to the strokes rather than the fills. It can also be used for\nfreeform drawing, like dividers, in the map.\n\nConfiguration options for the series are given in three levels:\n1. Options for all series in a chart are defined in the\n   [plotOptions.series](plotOptions.series) object.\n2. Options for all `mapline` series are defined in\n   [plotOptions.mapline](plotOptions.mapline).\n3. Options for one single series are given in\n   [the series instance array](series.mapline).\n\n<pre>\nHighcharts.chart('container', {\n    plotOptions: {\n        series: {\n            // general options for all series\n        },\n        mapline: {\n            // shared options for all mapline series\n        }\n    },\n    series: [{\n        // specific options for this series instance\n        type: 'mapline'\n    }]\n});\n</pre>\n            ",extends:"plotOptions.map"},subtree:{fillColor:{meta:{types:{color:1},name:"fillColor",excludes:{},default:"none",products:{highmaps:1},description:"Fill color for the map line shapes"},subtree:{}},lineWidth:{meta:{types:{number:1},name:"lineWidth",excludes:{},default:"1",products:{highmaps:1},description:"The width of the map line."},subtree:{}}}},mappoint:{meta:{types:{object:1},name:"mappoint",excludes:{},products:{highmaps:1},description:"A mappoint series is a special form of scatter series where the points can\nbe laid out in map coordinates on top of a map.\n\nConfiguration options for the series are given in three levels:\n1. Options for all series in a chart are defined in the\n   [plotOptions.series](plotOptions.series) object.\n2. Options for all `mappoint` series are defined in\n   [plotOptions.mappoint](plotOptions.mappoint).\n3. Options for one single series are given in\n   [the series instance array](series.mappoint).\n\n<pre>\nHighcharts.chart('container', {\n    plotOptions: {\n        series: {\n            // general options for all series\n        },\n        mappoint: {\n            // shared options for all mappoint series\n        }\n    },\n    series: [{\n        // specific options for this series instance\n        type: 'mappoint'\n    }]\n});\n</pre>\n            ",extends:"plotOptions.scatter"},subtree:{dataLabels:{meta:{types:{object:1},name:"dataLabels",excludes:{}},subtree:{crop:{meta:{types:{boolean:1},name:"crop",excludes:{},default:!1},subtree:{}},defer:{meta:{types:{boolean:1},name:"defer",excludes:{},default:!1},subtree:{}},enabled:{meta:{types:{boolean:1},name:"enabled",excludes:{},default:!0},subtree:{}},format:{meta:{types:{string:1},name:"format",excludes:{},default:"{point.name}"},subtree:{}},formatter:{meta:{types:{},name:"formatter",excludes:{}},subtree:{}},overflow:{meta:{types:{boolean:1},name:"overflow",excludes:{},default:!1},subtree:{}},style:{meta:{types:{object:1},name:"style",excludes:{}},subtree:{color:{meta:{types:{string:1},name:"color",excludes:{},default:"#000000"},subtree:{}}}}}}}},mfi:{meta:{types:{object:1},name:"mfi",excludes:{},products:{highstock:1},description:"Money Flow Index. This series requires `linkedTo` option to be set and\nshould be loaded after the `stock/indicators/indicators.js` file.\n\nConfiguration options for the series are given in three levels:\n1. Options for all series in a chart are defined in the\n   [plotOptions.series](plotOptions.series) object.\n2. Options for all `mfi` series are defined in\n   [plotOptions.mfi](plotOptions.mfi).\n3. Options for one single series are given in\n   [the series instance array](series.mfi).\n\n<pre>\nHighcharts.chart('container', {\n    plotOptions: {\n        series: {\n            // general options for all series\n        },\n        mfi: {\n            // shared options for all mfi series\n        }\n    },\n    series: [{\n        // specific options for this series instance\n        type: 'mfi'\n    }]\n});\n</pre>\n            ",extends:"plotOptions.sma"},subtree:{params:{meta:{types:{object:1},name:"params",excludes:{}},subtree:{decimals:{meta:{types:{number:1},name:"decimals",excludes:{},default:4,products:{highstock:1},description:"Number of maximum decimals that are used in MFI calculations."},subtree:{}},period:{meta:{types:{number:1},name:"period",excludes:{},default:14},subtree:{}},volumeSeriesID:{meta:{types:{string:1},name:"volumeSeriesID",excludes:{},default:"volume",products:{highstock:1},description:"The id of volume series which is mandatory.\nFor example using OHLC data, volumeSeriesID='volume' means\nthe indicator will be calculated using OHLC and volume values."},subtree:{}}}}}},momentum:{meta:{types:{object:1},name:"momentum",excludes:{},products:{highstock:1},description:"Momentum. This series requires `linkedTo` option to be set.\n\nConfiguration options for the series are given in three levels:\n1. Options for all series in a chart are defined in the\n   [plotOptions.series](plotOptions.series) object.\n2. Options for all `momentum` series are defined in\n   [plotOptions.momentum](plotOptions.momentum).\n3. Options for one single series are given in\n   [the series instance array](series.momentum).\n\n<pre>\nHighcharts.chart('container', {\n    plotOptions: {\n        series: {\n            // general options for all series\n        },\n        momentum: {\n            // shared options for all momentum series\n        }\n    },\n    series: [{\n        // specific options for this series instance\n        type: 'momentum'\n    }]\n});\n</pre>\n            ",extends:"plotOptions.sma"},subtree:{params:{meta:{types:{object:1},name:"params",excludes:{}},subtree:{period:{meta:{types:{number:1},name:"period",excludes:{},default:14},subtree:{}}}}}},ohlc:{meta:{types:{object:1},name:"ohlc",excludes:{},products:{highstock:1},description:"An OHLC chart is a style of financial chart used to describe price\nmovements over time. It displays open, high, low and close values per data\npoint.\n\nConfiguration options for the series are given in three levels:\n1. Options for all series in a chart are defined in the\n   [plotOptions.series](plotOptions.series) object.\n2. Options for all `ohlc` series are defined in\n   [plotOptions.ohlc](plotOptions.ohlc).\n3. Options for one single series are given in\n   [the series instance array](series.ohlc).\n\n<pre>\nHighcharts.chart('container', {\n    plotOptions: {\n        series: {\n            // general options for all series\n        },\n        ohlc: {\n            // shared options for all ohlc series\n        }\n    },\n    series: [{\n        // specific options for this series instance\n        type: 'ohlc'\n    }]\n});\n</pre>\n            ",extends:"plotOptions.column"},subtree:{dataGrouping:{meta:{types:{object:1},name:"dataGrouping",excludes:{}},subtree:{groupPixelWidth:{meta:{types:{number:1},name:"groupPixelWidth",excludes:{},default:"5",products:{highstock:1},description:"The approximate pixel width of each group. If for example a series\nwith 30 points is displayed over a 600 pixel wide plot area, no grouping\nis performed. If however the series contains so many points that\nthe spacing is less than the groupPixelWidth, Highcharts will try\nto group it into appropriate groups so that each is more or less\ntwo pixels wide. Defaults to `5`."},subtree:{}}}},lineWidth:{meta:{types:{number:1},name:"lineWidth",excludes:{},default:"1",products:{highstock:1},description:"The pixel width of the line/border. Defaults to `1`."},subtree:{}},pointValKey:{meta:{types:{string:1},name:"pointValKey",excludes:{},default:"close",products:{highstock:1},description:"Determines which one of `open`, `high`, `low`, `close` values should be\nrepresented as `point.y`, which is later used to set dataLabel position."},subtree:{}},states:{meta:{types:{object:1},name:"states",excludes:{}},subtree:{hover:{meta:{types:{object:1},name:"hover",excludes:{},products:{highstock:1},extends:"plotOptions.column.states.hover"},subtree:{lineWidth:{meta:{types:{number:1},name:"lineWidth",excludes:{},default:"3",products:{highstock:1},description:"The pixel width of the line representing the OHLC point."},subtree:{}}}}}},stickyTracking:{meta:{types:{boolean:1},name:"stickyTracking",excludes:{},default:!0},subtree:{}},threshold:{meta:{types:{object:1},name:"threshold",excludes:{},default:null},subtree:{}},tooltip:{meta:{types:{object:1},name:"tooltip",excludes:{}},subtree:{pointFormat:{meta:{types:{string:1},name:"pointFormat",excludes:{},default:'<span style="color:{point.color}">●</span> <b> {series.name}</b><br/>Open: {point.open}<br/>High: {point.high}<br/>Low: {point.low}<br/>Close: {point.close}<br/>'},subtree:{}}}},upColor:{meta:{types:{color:1},name:"upColor",excludes:{},products:{highstock:1},description:"Line color for up points."},subtree:{}}}},pareto:{meta:{types:{object:1},name:"pareto",excludes:{},products:{highcharts:1},description:"A pareto diagram is a type of chart that contains both bars and a line graph,\nwhere individual values are represented in descending order by bars,\nand the cumulative total is represented by the line.\n\nConfiguration options for the series are given in three levels:\n1. Options for all series in a chart are defined in the\n   [plotOptions.series](plotOptions.series) object.\n2. Options for all `pareto` series are defined in\n   [plotOptions.pareto](plotOptions.pareto).\n3. Options for one single series are given in\n   [the series instance array](series.pareto).\n\n<pre>\nHighcharts.chart('container', {\n    plotOptions: {\n        series: {\n            // general options for all series\n        },\n        pareto: {\n            // shared options for all pareto series\n        }\n    },\n    series: [{\n        // specific options for this series instance\n        type: 'pareto'\n    }]\n});\n</pre>\n            ",extends:"plotOptions.line"},subtree:{zIndex:{meta:{types:{number:1},name:"zIndex",excludes:{},default:3,description:"Higher zIndex than column series to draw line above shapes."},subtree:{}}}},pie:{meta:{types:{object:1},name:"pie",excludes:{},products:{highcharts:1},description:"A pie chart is a circular graphic which is divided into slices to illustrate\nnumerical proportion.\n\nConfiguration options for the series are given in three levels:\n1. Options for all series in a chart are defined in the\n   [plotOptions.series](plotOptions.series) object.\n2. Options for all `pie` series are defined in\n   [plotOptions.pie](plotOptions.pie).\n3. Options for one single series are given in\n   [the series instance array](series.pie).\n\n<pre>\nHighcharts.chart('container', {\n    plotOptions: {\n        series: {\n            // general options for all series\n        },\n        pie: {\n            // shared options for all pie series\n        }\n    },\n    series: [{\n        // specific options for this series instance\n        type: 'pie'\n    }]\n});\n</pre>\n            ",extends:"plotOptions.line"},subtree:{borderColor:{meta:{types:{color:1},name:"borderColor",excludes:{},default:"#ffffff",products:{highcharts:1},description:"The color of the border surrounding each slice. When `null`, the\nborder takes the same color as the slice fill. This can be used\ntogether with a `borderWidth` to fill drawing gaps created by\nantialiazing artefacts in borderless pies.\n\nIn styled mode, the border stroke is given in the `.highcharts-point`\nclass."},subtree:{}},borderWidth:{meta:{types:{number:1},name:"borderWidth",excludes:{},default:"1",products:{highcharts:1},description:"The width of the border surrounding each slice.\n\nWhen setting the border width to 0, there may be small gaps between\nthe slices due to SVG antialiasing artefacts. To work around this,\nkeep the border width at 0.5 or 1, but set the `borderColor` to\n`null` instead.\n\nIn styled mode, the border stroke width is given in the\n`.highcharts-point` class."
},subtree:{}},center:{meta:{types:{array:"(String|Number)"},name:"center",excludes:{},default:"[null, null]",products:{highcharts:1},description:'The center of the pie chart relative to the plot area. Can be percentages\nor pixel values. The default behaviour (as of 3.0) is to center\nthe pie so that all slices and data labels are within the plot area.\nAs a consequence, the pie may actually jump around in a chart with\ndynamic values, as the data labels move. In that case, the center\nshould be explicitly set, for example to `["50%", "50%"]`.'},subtree:{}},clip:{meta:{types:{boolean:1},name:"clip",excludes:{},default:!1},subtree:{}},colors:{meta:{types:{array:"Color"},name:"colors",excludes:{},products:{highcharts:1},description:"A series specific or series type specific color set to use instead\nof the global [colors](#colors)."},subtree:{}},dataLabels:{meta:{types:{object:1},name:"dataLabels",excludes:{},products:{highcharts:1},extends:"plotOptions.series.dataLabels"},subtree:{allowOverlap:{meta:{types:{boolean:1},name:"allowOverlap",excludes:{},default:!0},subtree:{}},connectorColor:{meta:{types:{string:1},name:"connectorColor",excludes:{},default:"{point.color}",products:{highcharts:1},description:"The color of the line connecting the data label to the pie slice.\nThe default color is the same as the point's color.\n\nIn styled mode, the connector stroke is given in the\n`.highcharts-data-label-connector` class."},subtree:{}},connectorPadding:{meta:{types:{number:1},name:"connectorPadding",excludes:{},default:"5",products:{highcharts:1},description:"The distance from the data label to the connector."},subtree:{}},connectorWidth:{meta:{types:{number:1},name:"connectorWidth",excludes:{},default:"1",products:{highcharts:1},description:"The width of the line connecting the data label to the pie slice.\n\n\nIn styled mode, the connector stroke width is given in the\n`.highcharts-data-label-connector` class."},subtree:{}},distance:{meta:{types:{number:1},name:"distance",excludes:{},default:"30",products:{highcharts:1},description:"The distance of the data label from the pie's edge. Negative numbers\nput the data label on top of the pie slices. Connectors are only\nshown for data labels outside the pie."},subtree:{}},enabled:{meta:{types:{boolean:1},name:"enabled",excludes:{},default:!0,products:{highcharts:1},description:"Enable or disable the data labels."},subtree:{}},formatter:{meta:{types:{},name:"formatter",excludes:{}},subtree:{}},softConnector:{meta:{types:{number:1},name:"softConnector",excludes:{},products:{highcharts:1},description:"Whether to render the connector as a soft arc or a line with sharp\nbreak."},subtree:{}},style:{meta:{types:{},name:"style",excludes:{}},subtree:{}},x:{meta:{types:{number:1},name:"x",excludes:{},default:0},subtree:{}}}},depth:{meta:{types:{number:1},name:"depth",excludes:{},default:"0",products:{highcharts:1},description:"The thickness of a 3D pie. Requires `highcharts-3d.js`"},subtree:{}},endAngle:{meta:{types:{number:1},name:"endAngle",excludes:{},default:"null",products:{highcharts:1},description:"The end angle of the pie in degrees where 0 is top and 90 is right.\nDefaults to `startAngle` plus 360."},subtree:{}},events:{meta:{types:{object:1},name:"events",excludes:{}},subtree:{checkboxClick:{meta:{types:{function:1},name:"checkboxClick",excludes:{},products:{highcharts:1},description:"Fires when the checkbox next to the point name in the legend is clicked.\nOne parameter, event, is passed to the function. The state of the\ncheckbox is found by event.checked. The checked item is found by\nevent.item. Return false to prevent the default action which is to\ntoggle the select state of the series."},subtree:{}},legendItemClick:{meta:{types:{function:1},name:"legendItemClick",excludes:{},products:{highcharts:1},description:"Not applicable to pies, as the legend item is per point. See point.\nevents."},subtree:{}}}},ignoreHiddenPoint:{meta:{types:{boolean:1},name:"ignoreHiddenPoint",excludes:{},default:"true",products:{highcharts:1},description:"Equivalent to [chart.ignoreHiddenSeries](#chart.ignoreHiddenSeries),\nthis option tells whether the series shall be redrawn as if the\nhidden point were `null`.\n\nThe default value changed from `false` to `true` with Highcharts\n3.0."},subtree:{}},innerSize:{meta:{types:{number:1,string:1},name:"innerSize",excludes:{},default:"0",products:{highcharts:1},description:"The size of the inner diameter for the pie. A size greater than 0\nrenders a donut chart. Can be a percentage or pixel value. Percentages\nare relative to the pie size. Pixel values are given as integers.\n\n\nNote: in Highcharts < 4.1.2, the percentage was relative to the plot\narea, not the pie size."},subtree:{}},minSize:{meta:{types:{number:1},name:"minSize",excludes:{},default:"80",products:{highcharts:1},description:"The minimum size for a pie in response to auto margins. The pie will\ntry to shrink to make room for data labels in side the plot area,\n but only to this size."},subtree:{}},point:{meta:{types:{object:1},name:"point",excludes:{}},subtree:{events:{meta:{types:{object:1},name:"events",excludes:{}},subtree:{legendItemClick:{meta:{types:{function:1},name:"legendItemClick",excludes:{},products:{highcharts:1},description:"Fires when the legend item belonging to the pie point (slice) is\nclicked. The `this` keyword refers to the point itself. One parameter,\n`event`, is passed to the function, containing common event information. The\ndefault action is to toggle the visibility of the point. This can be\nprevented by calling `event.preventDefault()`."},subtree:{}}}}}},showInLegend:{meta:{types:{boolean:1},name:"showInLegend",excludes:{},default:!1,products:{highcharts:1},description:"Whether to display this particular series or series type in the\nlegend. Since 2.1, pies are not shown in the legend by default."},subtree:{}},size:{meta:{types:{number:1,string:1},name:"size",excludes:{},default:null,products:{highcharts:1},description:'The diameter of the pie relative to the plot area. Can be a percentage\nor pixel value. Pixel values are given as integers. The default\nbehaviour (as of 3.0) is to scale to the plot area and give room\nfor data labels within the plot area.\n[slicedOffset](#plotOptions.pie.slicedOffset) is also included\nin the default size calculation. As a consequence, the size\nof the pie may vary when points are updated and data labels more\naround. In that case it is best to set a fixed value, for example\n`"75%"`.'},subtree:{}},slicedOffset:{meta:{types:{number:1},name:"slicedOffset",excludes:{},default:"10",products:{highcharts:1},description:"If a point is sliced, moved out from the center, how many pixels\nshould it be moved?."},subtree:{}},startAngle:{meta:{types:{number:1},name:"startAngle",excludes:{},default:"0",products:{highcharts:1},description:"The start angle of the pie slices in degrees where 0 is top and 90\nright."},subtree:{}},states:{meta:{types:{object:1},name:"states",excludes:{}},subtree:{hover:{meta:{types:{object:1},name:"hover",excludes:{},products:{highcharts:1},extends:"plotOptions.series.states.hover"},subtree:{brightness:{meta:{types:{number:1},name:"brightness",excludes:{},default:.1,products:{highcharts:1},description:"How much to brighten the point on interaction. Requires the main\ncolor to be defined in hex or rgb(a) format.\n\nIn styled mode, the hover brightness is by default replaced\nby a fill-opacity given in the `.highcharts-point-hover` class."},subtree:{}}}}}},stickyTracking:{meta:{types:{boolean:1},name:"stickyTracking",excludes:{},default:!1,products:{highcharts:1},description:"Sticky tracking of mouse events. When true, the `mouseOut` event\non a series isn't triggered until the mouse moves over another series,\nor out of the plot area. When false, the `mouseOut` event on a\nseries is triggered when the mouse leaves the area around the series'\ngraph or markers. This also implies the tooltip. When `stickyTracking`\nis false and `tooltip.shared` is false, the tooltip will be hidden\nwhen moving the mouse between series."},subtree:{}},tooltip:{meta:{types:{object:1},name:"tooltip",excludes:{}},subtree:{followPointer:{meta:{types:{boolean:1},name:"followPointer",excludes:{},default:!0},subtree:{}}}}}},pivotpoints:{meta:{types:{object:1},name:"pivotpoints",excludes:{},products:{highstock:1},description:"Pivot points indicator. This series requires the `linkedTo` option to be\rset and should be loaded after `stock/indicators/indicators.js` file.\n\nConfiguration options for the series are given in three levels:\n1. Options for all series in a chart are defined in the\n   [plotOptions.series](plotOptions.series) object.\n2. Options for all `pivotpoints` series are defined in\n   [plotOptions.pivotpoints](plotOptions.pivotpoints).\n3. Options for one single series are given in\n   [the series instance array](series.pivotpoints).\n\n<pre>\nHighcharts.chart('container', {\n    plotOptions: {\n        series: {\n            // general options for all series\n        },\n        pivotpoints: {\n            // shared options for all pivotpoints series\n        }\n    },\n    series: [{\n        // specific options for this series instance\n        type: 'pivotpoints'\n    }]\n});\n</pre>\n            ",extends:"plotOptions.sma"},subtree:{dataGrouping:{meta:{types:{object:1},name:"dataGrouping",excludes:{}},subtree:{approximation:{meta:{types:{string:1},name:"approximation",excludes:{},default:"averages"},subtree:{}}}},dataLabels:{meta:{types:{object:1},name:"dataLabels",excludes:{}},subtree:{enabled:{meta:{types:{boolean:1},name:"enabled",excludes:{},default:!0},subtree:{}},format:{meta:{types:{string:1},name:"format",excludes:{},default:"{point.pivotLine}"},subtree:{}}}},enableMouseTracking:{meta:{types:{boolean:1},name:"enableMouseTracking",excludes:{},default:!1},subtree:{}},marker:{meta:{types:{object:1},name:"marker",excludes:{}},subtree:{enabled:{meta:{types:{boolean:1},name:"enabled",excludes:{},default:!1},subtree:{}}}},params:{meta:{types:{object:1},name:"params",excludes:{}},subtree:{algorithm:{meta:{types:{string:1},name:"algorithm",excludes:{},default:"standard",products:{highstock:1},description:"Algorithm used to calculate ressistance and support lines based\ron pivot points. Implemented algorithms: `'standard'`,\r`'fibonacci'` and `'camarilla'`"},subtree:{}},period:{meta:{types:{number:1},name:"period",excludes:{},default:28},subtree:{}}}}}},polygon:{meta:{types:{object:1},name:"polygon",excludes:{},products:{highcharts:1,highstock:1},description:"A polygon series can be used to draw any freeform shape in the cartesian\ncoordinate system. A fill is applied with the `color` option, and\nstroke is applied through `lineWidth` and `lineColor` options. Requires\nthe `highcharts-more.js` file.\n\nConfiguration options for the series are given in three levels:\n1. Options for all series in a chart are defined in the\n   [plotOptions.series](plotOptions.series) object.\n2. Options for all `polygon` series are defined in\n   [plotOptions.polygon](plotOptions.polygon).\n3. Options for one single series are given in\n   [the series instance array](series.polygon).\n\n<pre>\nHighcharts.chart('container', {\n    plotOptions: {\n        series: {\n            // general options for all series\n        },\n        polygon: {\n            // shared options for all polygon series\n        }\n    },\n    series: [{\n        // specific options for this series instance\n        type: 'polygon'\n    }]\n});\n</pre>\n            ",extends:"plotOptions.scatter"},subtree:{marker:{meta:{types:{object:1},name:"marker",excludes:{}},subtree:{enabled:{meta:{types:{boolean:1},name:"enabled",excludes:{},default:!1},subtree:{}},states:{meta:{types:{object:1},name:"states",excludes:{}},subtree:{hover:{meta:{types:{object:1},name:"hover",excludes:{}},subtree:{enabled:{meta:{types:{boolean:1},name:"enabled",excludes:{},default:!1},subtree:{}}}}}}}},stickyTracking:{meta:{types:{boolean:1},name:"stickyTracking",excludes:{},default:!1},subtree:{}},tooltip:{meta:{types:{object:1},name:"tooltip",excludes:{}},subtree:{followPointer:{meta:{types:{boolean:1},name:"followPointer",excludes:{},default:!0},subtree:{}},pointFormat:{meta:{types:{string:1},name:"pointFormat",excludes:{},default:""},subtree:{}}}},trackByArea:{meta:{types:{boolean:1},name:"trackByArea",excludes:{},default:!0},subtree:{}}}},priceenvelopes:{meta:{types:{object:1},name:"priceenvelopes",excludes:{},products:{highstock:1},description:"Price envelopes indicator based on [SMA](#plotOptions.sma) calculations.\rThis series requires the `linkedTo` option to be set and should be loaded\rafter the `stock/indicators/indicators.js` file.\n\nConfiguration options for the series are given in three levels:\n1. Options for all series in a chart are defined in the\n   [plotOptions.series](plotOptions.series) object.\n2. Options for all `priceenvelopes` series are defined in\n   [plotOptions.priceenvelopes](plotOptions.priceenvelopes).\n3. Options for one single series are given in\n   [the series instance array](series.priceenvelopes).\n\n<pre>\nHighcharts.chart('container', {\n    plotOptions: {\n        series: {\n            // general options for all series\n        },\n        priceenvelopes: {\n            // shared options for all priceenvelopes series\n        }\n    },\n    series: [{\n        // specific options for this series instance\n        type: 'priceenvelopes'\n    }]\n});\n</pre>\n            ",extends:"plotOptions.sma"},subtree:{bottomLine:{meta:{types:{object:1},name:"bottomLine",excludes:{},products:{highstock:1},description:"Bottom line options."},subtree:{styles:{meta:{types:{object:1},name:"styles",excludes:{}},subtree:{lineColor:{meta:{types:{string:1},name:"lineColor",excludes:{},products:{highstock:1},description:"Color of the line. If not set, it's inherited from\r[plotOptions.priceenvelopes.color](\r#plotOptions.priceenvelopes.color)."},subtree:{}},lineWidth:{meta:{types:{number:1},name:"lineWidth",excludes:{},default:1,products:{highstock:1},description:"Pixel width of the line."},subtree:{}}}}}},dataGrouping:{meta:{types:{object:1},name:"dataGrouping",excludes:{}},subtree:{approximation:{meta:{types:{string:1},name:"approximation",excludes:{},default:"averages"},subtree:{}}}},marker:{meta:{types:{object:1},name:"marker",excludes:{}},subtree:{enabled:{meta:{types:{boolean:1},name:"enabled",excludes:{},default:!1},subtree:{}}}},params:{meta:{types:{object:1},name:"params",excludes:{}},subtree:{bottomBand:{meta:{types:{number:1},name:"bottomBand",excludes:{},default:.1,products:{highstock:1},description:"Percentage below the moving average that should be displayed.\r0.1 means 90%. Relative to the calculated value."},subtree:{}},period:{meta:{types:{number:1},name:"period",excludes:{},default:20},subtree:{}},topBand:{meta:{types:{number:1},name:"topBand",excludes:{},default:.1,products:{highstock:1},description:"Percentage above the moving average that should be displayed.\r0.1 means 110%. Relative to the calculated value."},subtree:{}}}},tooltip:{meta:{types:{object:1},name:"tooltip",excludes:{}},subtree:{pointFormat:{meta:{types:{string:1},name:"pointFormat",excludes:{},default:'<span style="color:{point.color}">●</span><b> {series.name}</b><br/>Top: {point.top}<br/>Middle: {point.middle}<br/>Bottom: {point.bottom}<br/>'},subtree:{}}}},topLine:{meta:{types:{object:1},name:"topLine",excludes:{},products:{highstock:1},description:"Top line options.",extends:"plotOptions.priceenvelopes.bottomLine"},subtree:{styles:{meta:{types:{object:1},name:"styles",excludes:{}},subtree:{lineWidth:{meta:{types:{number:1},name:"lineWidth",excludes:{},default:1},subtree:{}}}}}}}},psar:{meta:{types:{object:1},name:"psar",excludes:{},products:{highstock:1},description:"Parabolic SAR. This series requires `linkedTo`\roption to be set and should be loaded\rafter `stock/indicators/indicators.js` file.\n\nConfiguration options for the series are given in three levels:\n1. Options for all series in a chart are defined in the\n   [plotOptions.series](plotOptions.series) object.\n2. Options for all `psar` series are defined in\n   [plotOptions.psar](plotOptions.psar).\n3. Options for one single series are given in\n   [the series instance array](series.psar).\n\n<pre>\nHighcharts.chart('container', {\n    plotOptions: {\n        series: {\n            // general options for all series\n        },\n        psar: {\n            // shared options for all psar series\n        }\n    },\n    series: [{\n        // specific options for this series instance\n        type: 'psar'\n    }]\n});\n</pre>\n            ",extends:"plotOptions.sma"},subtree:{lineWidth:{meta:{types:{number:1},name:"lineWidth",excludes:{},default:0},subtree:{}},marker:{meta:{types:{object:1},name:"marker",excludes:{}},subtree:{enabled:{meta:{types:{boolean:1},name:"enabled",excludes:{},default:!0},subtree:{}}}},params:{meta:{types:{object:1},name:"params",excludes:{}},subtree:{decimals:{meta:{types:{number:1},name:"decimals",excludes:{},default:4,products:{highstock:1},description:"Number of maximum decimals that are used in PSAR calculations."},subtree:{}},increment:{meta:{types:{number:1},name:"increment",excludes:{},default:.02,products:{highstock:1},description:"Acceleration factor increases by increment each time\rthe extreme point makes a new high."},subtree:{}},index:{meta:{types:{number:1},name:"index",excludes:{},default:2,products:{highstock:1},description:"Index from which PSAR is starting calculation"},subtree:{}},initialAccelerationFactor:{meta:{types:{number:1},name:"initialAccelerationFactor",excludes:{},default:.02,products:{highstock:1},description:"The initial value for acceleration factor.\rAcceleration factor is starting with this value\rand increases by specified increment each time\rthe extreme point makes a new high.\rAF can reach a maximum of maxAccelerationFactor,\rno matter how long the uptrend extends."},subtree:{}},maxAccelerationFactor:{meta:{types:{number:1},name:"maxAccelerationFactor",excludes:{},default:.2,products:{highstock:1},description:"The Maximum value for acceleration factor.\rAF can reach a maximum of maxAccelerationFactor,\rno matter how long the uptrend extends."},subtree:{}}}},states:{meta:{types:{object:1},name:"states",excludes:{}},subtree:{hover:{meta:{types:{object:1},name:"hover",excludes:{}},subtree:{lineWidthPlus:{meta:{types:{number:1},name:"lineWidthPlus",excludes:{},default:0},subtree:{}}}}}}}},pyramid:{meta:{types:{object:1},name:"pyramid",excludes:{},products:{highcharts:1},description:"A pyramid series is a special type of funnel, without neck and reversed by\ndefault.\n\nConfiguration options for the series are given in three levels:\n1. Options for all series in a chart are defined in the\n   [plotOptions.series](plotOptions.series) object.\n2. Options for all `pyramid` series are defined in\n   [plotOptions.pyramid](plotOptions.pyramid).\n3. Options for one single series are given in\n   [the series instance array](series.pyramid).\n\n<pre>\nHighcharts.chart('container', {\n    plotOptions: {\n        series: {\n            // general options for all series\n        },\n        pyramid: {\n            // shared options for all pyramid series\n        }\n    },\n    series: [{\n        // specific options for this series instance\n        type: 'pyramid'\n    }]\n});\n</pre>\n            ",extends:"plotOptions.funnel"},subtree:{neckHeight:{meta:{types:{string:1},name:"neckHeight",excludes:{},default:"0%",products:{highcharts:1},description:"The pyramid neck width is zero by default, as opposed to the funnel,\nwhich shares the same layout logic."},subtree:{}},neckWidth:{meta:{types:{string:1},name:"neckWidth",excludes:{},default:"0%",products:{highcharts:1},description:"The pyramid neck width is zero by default, as opposed to the funnel,\nwhich shares the same layout logic."},subtree:{}},reversed:{meta:{types:{boolean:1},name:"reversed",excludes:{},default:!0,products:{highcharts:1},description:"The pyramid is reversed by default, as opposed to the funnel, which\nshares the layout engine, and is not reversed."},subtree:{}}}},roc:{meta:{types:{object:1},name:"roc",excludes:{},products:{highstock:1},description:"Rate of change indicator (ROC). The indicator value for each point\nis defined as:\n\n`(C - Cn) / Cn * 100`\n\nwhere: `C` is the close value of the point of the same x in the\nlinked series and `Cn` is the close value of the point `n` periods\nago. `n` is set through [period](#plotOptions.roc.params.period).\n\nThis series requires `linkedTo` option to be set.\n\nConfiguration options for the series are given in three levels:\n1. Options for all series in a chart are defined in the\n   [plotOptions.series](plotOptions.series) object.\n2. Options for all `roc` series are defined in\n   [plotOptions.roc](plotOptions.roc).\n3. Options for one single series are given in\n   [the series instance array](series.roc).\n\n<pre>\nHighcharts.chart('container', {\n    plotOptions: {\n        series: {\n            // general options for all series\n        },\n        roc: {\n            // shared options for all roc series\n        }\n    },\n    series: [{\n        // specific options for this series instance\n        type: 'roc'\n    }]\n});\n</pre>\n            ",extends:"plotOptions.sma"},subtree:{params:{meta:{types:{object:1},name:"params",excludes:{}},subtree:{index:{meta:{types:{number:1},name:"index",excludes:{},default:3},subtree:{}},period:{meta:{types:{number:1},name:"period",excludes:{},default:9},subtree:{}}}}}},rsi:{meta:{types:{object:1},name:"rsi",excludes:{},products:{highstock:1},description:"Relative strength index (RSI) technical indicator. This series\nrequires the `linkedTo` option to be set and should be loaded after\nthe `stock/indicators/indicators.js` file.\n\nConfiguration options for the series are given in three levels:\n1. Options for all series in a chart are defined in the\n   [plotOptions.series](plotOptions.series) object.\n2. Options for all `rsi` series are defined in\n   [plotOptions.rsi](plotOptions.rsi).\n3. Options for one single series are given in\n   [the series instance array](series.rsi).\n\n<pre>\nHighcharts.chart('container', {\n    plotOptions: {\n        series: {\n            // general options for all series\n        },\n        rsi: {\n            // shared options for all rsi series\n        }\n    },\n    series: [{\n        // specific options for this series instance\n        type: 'rsi'\n    }]\n});\n</pre>\n            ",extends:"plotOptions.sma"},subtree:{params:{meta:{types:{object:1},name:"params",excludes:{}},subtree:{decimals:{meta:{types:{number:1},name:"decimals",excludes:{},default:4,products:{highstock:1},description:"Number of maximum decimals that are used in RSI calculations."},subtree:{}},period:{meta:{types:{number:1},name:"period",excludes:{},default:14},subtree:{}}}}}},sankey:{meta:{types:{object:1},name:"sankey",excludes:{},products:{highcharts:1},description:"A sankey diagram is a type of flow diagram, in which the width of the\nlink between two nodes is shown proportionally to the flow quantity.\n\nConfiguration options for the series are given in three levels:\n1. Options for all series in a chart are defined in the\n   [plotOptions.series](plotOptions.series) object.\n2. Options for all `sankey` series are defined in\n   [plotOptions.sankey](plotOptions.sankey).\n3. Options for one single series are given in\n   [the series instance array](series.sankey).\n\n<pre>\nHighcharts.chart('container', {\n    plotOptions: {\n        series: {\n            // general options for all series\n        },\n        sankey: {\n            // shared options for all sankey series\n        }\n    },\n    series: [{\n        // specific options for this series instance\n        type: 'sankey'\n    }]\n});\n</pre>\n            ",extends:"{plotOptions.column}"},subtree:{colorByPoint:{meta:{types:{boolean:1},name:"colorByPoint",excludes:{},default:!0},subtree:{}},curveFactor:{meta:{types:{number:1},name:"curveFactor",excludes:{},default:.33,description:"Higher numbers makes the links in a sankey diagram render more curved.\nA `curveFactor` of 0 makes the lines straight."},subtree:{}},dataLabels:{meta:{types:{object:1},name:"dataLabels",excludes:{},description:"Options for the data labels appearing on top of the nodes and links. For\nsankey charts, data labels are visible for the nodes by default, but\nhidden for links. This is controlled by modifying the `nodeFormat`, and\nthe `format` that applies to links and is an empty string by default."},subtree:{backgroundColor:{meta:{types:{string:1},name:"backgroundColor",excludes:{},default:"none"},subtree:{}},crop:{meta:{types:{boolean:1},name:"crop",excludes:{},default:!1},subtree:{}},enabled:{meta:{types:{boolean:1},name:"enabled",excludes:{},default:!0},subtree:{}},format:{meta:{types:{},name:"format",excludes:{},description:"The [format string](https://www.highcharts.com/docs/chart-\nconcepts/labels-and-string-formatting) specifying what to show for\n_links_ in the sankey diagram. Defaults to an empty string returned\nfrom the `formatter`, in effect disabling the labels."},subtree:{}},formatter:{meta:{types:{},name:"formatter",excludes:{},description:"Callback to format data labels for _links_ in the sankey diagram.\nThe `format` option takes precedence over the `formatter`."},subtree:{}},inside:{meta:{types:{boolean:1},name:"inside",excludes:{},default:!0},subtree:{}},nodeFormat:{meta:{types:{string:1},name:"nodeFormat",excludes:{},description:"The [format string](https://www.highcharts.com/docs/chart-\nconcepts/labels-and-string-formatting) specifying what to show\nfor _nodes_ in the sankey diagram. By default the\n`nodeFormatter` returns `{point.name}`."},subtree:{}},nodeFormatter:{meta:{types:{function:1},name:"nodeFormatter",excludes:{},description:"Callback to format data labels for _nodes_ in the sankey diagram.\nThe `nodeFormat` option takes precedence over the `nodeFormatter`."},subtree:{}}}},linkOpacity:{meta:{types:{number:1},name:"linkOpacity",excludes:{},default:.5,description:"Opacity for the links between nodes in the sankey diagram."},subtree:{}},nodePadding:{meta:{types:{number:1},name:"nodePadding",excludes:{},default:10,description:"The padding between nodes in a sankey diagram, in pixels."},subtree:{}},nodeWidth:{meta:{types:{number:1},name:"nodeWidth",excludes:{},default:20,description:"The pixel width of each node in a sankey diagram, or the height in case\nthe chart is inverted."},subtree:{}},showInLegend:{meta:{types:{boolean:1},name:"showInLegend",excludes:{},default:!1},subtree:{}},states:{meta:{types:{object:1},name:"states",excludes:{}},subtree:{hover:{meta:{types:{object:1},name:"hover",excludes:{}},subtree:{linkOpacity:{meta:{types:{number:1},name:"linkOpacity",excludes:{},default:1,description:"Opacity for the links between nodes in the sankey diagram in\nhover mode."},subtree:{}}}}}},tooltip:{meta:{types:{object:1},name:"tooltip",excludes:{}},subtree:{followPointer:{meta:{types:{boolean:1},name:"followPointer",excludes:{},default:!0,description:"Whether the tooltip should follow the pointer or stay fixed on the\nitem."},subtree:{}},headerFormat:{meta:{types:{string:1},name:"headerFormat",excludes:{},default:'<span class="highcharts-header">{series.name}</span><br/>'},subtree:{}},nodeFormat:{meta:{types:{string:1},name:"nodeFormat",excludes:{},default:"{point.name}: <b>{point.sum}</b><br/>",description:"The [format string](https://www.highcharts.com/docs/chart-\nconcepts/labels-and-string-formatting) specifying what to\nshow for _nodes_ in tooltip\nof a sankey diagram series, as opposed to links."},subtree:{}},nodeFormatter:{meta:{types:{function:1},name:"nodeFormatter",excludes:{},description:"A callback for defining the format for _nodes_ in the sankey chart's\ntooltip, as opposed to links."},subtree:{}},pointFormat:{meta:{types:{string:1},name:"pointFormat",excludes:{},default:"{point.fromNode.name} → {point.toNode.name}: <b>{point.weight}</b><br/>"},subtree:{}}}}}},scatter:{meta:{types:{object:1},name:"scatter",excludes:{},products:{highcharts:1,highstock:1},description:"A scatter plot uses cartesian coordinates to display values for two variables\nfor a set of data.\n\nConfiguration options for the series are given in three levels:\n1. Options for all series in a chart are defined in the\n   [plotOptions.series](plotOptions.series) object.\n2. Options for all `scatter` series are defined in\n   [plotOptions.scatter](plotOptions.scatter).\n3. Options for one single series are given in\n   [the series instance array](series.scatter).\n\n<pre>\nHighcharts.chart('container', {\n    plotOptions: {\n        series: {\n            // general options for all series\n        },\n        scatter: {\n            // shared options for all scatter series\n        }\n    },\n    series: [{\n        // specific options for this series instance\n        type: 'scatter'\n    }]\n});\n</pre>\n            ",extends:"{plotOptions.line}"},subtree:{findNearestPointBy:{meta:{types:{string:1},name:"findNearestPointBy",excludes:{},default:"xy"},subtree:{}},lineWidth:{meta:{types:{number:1},name:"lineWidth",excludes:{},default:0,products:{highcharts:1,highstock:1},description:"The width of the line connecting the data points."},subtree:{}},marker:{meta:{types:{object:1},name:"marker",excludes:{}},subtree:{enabled:{meta:{types:{boolean:1},name:"enabled",excludes:{},default:!0},subtree:{}}}},stickyTracking:{meta:{types:{boolean:1},name:"stickyTracking",excludes:{},default:"false",products:{highcharts:1,highstock:1},description:"Sticky tracking of mouse events. When true, the `mouseOut` event\non a series isn't triggered until the mouse moves over another series,\nor out of the plot area. When false, the `mouseOut` event on a series\nis triggered when the mouse leaves the area around the series' graph\nor markers. This also implies the tooltip. When `stickyTracking`\nis false and `tooltip.shared` is false, the tooltip will be hidden\nwhen moving the mouse between series."},subtree:{}},tooltip:{meta:{types:{object:1},name:"tooltip",excludes:{},products:{highcharts:1,highstock:1},description:"A configuration object for the tooltip rendering of each single\nseries. Properties are inherited from [tooltip](#tooltip).\nOverridable properties are `headerFormat`, `pointFormat`, `yDecimals`,\n`xDateFormat`, `yPrefix` and `ySuffix`. Unlike other series, in\na scatter plot the series.name by default shows in the headerFormat\nand point.x and point.y in the pointFormat."},subtree:{headerFormat:{meta:{types:{string:1},name:"headerFormat",excludes:{},default:'<span class="highcharts-color-{point.colorIndex}">●</span> <span class="highcharts-header"> {series.name}</span><br/>'},subtree:{}},pointFormat:{meta:{types:{string:1},name:"pointFormat",excludes:{},default:"x: <b>{point.x}</b><br/>y: <b>{point.y}</b><br/>"},subtree:{}}}}}},scatter3d:{meta:{types:{object:1},name:"scatter3d",excludes:{},products:{highcharts:1},description:"A 3D scatter plot uses x, y and z coordinates to display values for three\nvariables for a set of data.\n\nConfiguration options for the series are given in three levels:\n1. Options for all series in a chart are defined in the\n   [plotOptions.series](plotOptions.series) object.\n2. Options for all `scatter3d` series are defined in\n   [plotOptions.scatter3d](plotOptions.scatter3d).\n3. Options for one single series are given in\n   [the series instance array](series.scatter3d).\n\n<pre>\nHighcharts.chart('container', {\n    plotOptions: {\n        series: {\n            // general options for all series\n        },\n        scatter3d: {\n            // shared options for all scatter3d series\n        }\n    },\n    series: [{\n        // specific options for this series instance\n        type: 'scatter3d'\n    }]\n});\n</pre>\n            ",extends:"plotOptions.scatter"},subtree:{tooltip:{meta:{types:{object:1
},name:"tooltip",excludes:{}},subtree:{pointFormat:{meta:{types:{string:1},name:"pointFormat",excludes:{},default:"x: <b>{point.x}</b><br/>y: <b>{point.y}</b><br/>z: <b>{point.z}</b><br/>"},subtree:{}}}}}},series:{meta:{types:{object:1},name:"series",excludes:{},description:"General options for all series types.\n\nConfiguration options for the series are given in three levels:\n1. Options for all series in a chart are defined in the\n   [plotOptions.series](plotOptions.series) object.\n2. Options for all `line` series are defined in\n   [plotOptions.line](plotOptions.line).\n3. Options for one single series are given in\n   [the series instance array](series.line).\n\n<pre>\nHighcharts.chart('container', {\n    plotOptions: {\n        series: {\n            // general options for all series\n        },\n        line: {\n            // shared options for all line series\n        }\n    },\n    series: [{\n        // specific options for this series instance\n        type: 'line'\n    }]\n});\n</pre>\n            "},subtree:{allAreas:{meta:{types:{boolean:1},name:"allAreas",excludes:{},default:"true",products:{highmaps:1},description:"Whether all areas of the map defined in `mapData` should be rendered.\nIf `true`, areas which don't correspond to a data point, are rendered\nas `null` points. If `false`, those areas are skipped."},subtree:{}},allowPointSelect:{meta:{types:{boolean:1},name:"allowPointSelect",excludes:{},default:"false",description:"If true, a checkbox is displayed next to the legend item to allow\nselecting the series. The state of the checkbox is determined by\nthe `selected` option."},subtree:{}},animation:{meta:{types:{"highcharts.animationoptionsobject":1,boolean:1},name:"animation",excludes:{},description:"Enable or disable the initial animation when a series is displayed.\nThe animation can also be set as a configuration object. Please\nnote that this option only applies to the initial animation of the\nseries itself. For other animations, see [chart.animation](\n#chart.animation) and the animation parameter under the API methods. The\nfollowing properties are supported:\n\n<dl>\n\n<dt>duration</dt>\n\n<dd>The duration of the animation in milliseconds.</dd>\n\n<dt>easing</dt>\n\n<dd>Can be a string reference to an easing function set on the `Math`\nobject or a function. See the _Custom easing function_ demo below.</dd>\n\n</dl>\n\nDue to poor performance, animation is disabled in old IE browsers\nfor several chart types."},subtree:{duration:{meta:{types:{number:1},name:"duration",excludes:{},default:1e3},subtree:{}}}},animationLimit:{meta:{types:{number:1},name:"animationLimit",excludes:{},description:"For some series, there is a limit that shuts down initial animation\nby default when the total number of points in the chart is too high.\nFor example, for a column chart and its derivatives, animation doesn't\nrun if there is more than 250 points totally. To disable this cap, set\n`animationLimit` to `Infinity`."},subtree:{}},boostThreshold:{meta:{types:{number:1},name:"boostThreshold",excludes:{},default:"5000",description:"Set the point threshold for when a series should enter boost mode.\n\nSetting it to e.g. 2000 will cause the series to enter boost mode when there\nare 2000 or more points in the series.\n\nTo disable boosting on the series, set the `boostThreshold` to 0. Setting it\nto 1 will force boosting.\n\nRequires `modules/boost.js`."},subtree:{}},borderColor:{meta:{types:{color:1},name:"borderColor",excludes:{},default:"#cccccc",products:{highcharts:1,highmaps:1},description:"The border color of the map areas.\n\nIn styled mode, the border stroke is given in the `.highcharts-point`\nclass."},subtree:{}},borderWidth:{meta:{types:{},name:"borderWidth",excludes:{},products:{highcharts:1,highmaps:1},description:"The border width of each map area.\n\nIn styled mode, the border stroke width is given in the\n`.highcharts-point` class."},subtree:{}},className:{meta:{types:{string:1},name:"className",excludes:{},description:"An additional class name to apply to the series' graphical elements. This\noption does not replace default class names of the graphical element."},subtree:{}},clip:{meta:{types:{boolean:1},name:"clip",excludes:{},default:"true",description:"Disable this option to allow series rendering in the whole plotting\narea.\n\n**Note:** Clipping should be always enabled when\n[chart.zoomType](#chart.zoomType) is set"},subtree:{}},color:{meta:{types:{"highcharts.colorstring":1},name:"color",excludes:{},description:"The main color of the series. In line type series it applies to the\nline and the point markers unless otherwise specified. In bar type\nseries it applies to the bars unless a color is specified per point.\nThe default value is pulled from the `options.colors` array.\n\nIn styled mode, the color can be defined by the\n[colorIndex](#plotOptions.series.colorIndex) option. Also, the series\ncolor can be set with the `.highcharts-series`, `.highcharts-color-{n}`,\n`.highcharts-{type}-series` or `.highcharts-series-{n}` class, or\nindividual classes given by the `className` option."},subtree:{}},colorAxis:{meta:{types:{boolean:1},name:"colorAxis",excludes:{},default:"undefined",products:{highmaps:1},description:"Set this option to `false` to prevent a series from connecting to\nthe global color axis. This will cause the series to have its own\nlegend item."},subtree:{}},colorIndex:{meta:{types:{number:1},name:"colorIndex",excludes:{},description:"Styled mode only. A specific color index to use for the series, so its\ngraphic representations are given the class name `highcharts-color-{n}`."},subtree:{}},compare:{meta:{types:{string:1},name:"compare",excludes:{},default:"undefined",products:{highstock:1},description:'Compare the values of the series against the first non-null, non-\nzero value in the visible range. The y axis will show percentage\nor absolute change depending on whether `compare` is set to `"percent"`\nor `"value"`. When this is applied to multiple series, it allows\ncomparing the development of the series against each other. Adds\na `change` field to every point object.'},subtree:{}},compareBase:{meta:{types:{number:1},name:"compareBase",excludes:{},default:"0",products:{highstock:1},description:"When [compare](#plotOptions.series.compare) is `percent`, this option\ndictates whether to use 0 or 100 as the base of comparison."},subtree:{}},compareStart:{meta:{types:{boolean:1},name:"compareStart",excludes:{},default:"false",products:{highstock:1},description:"Defines if comparison should start from the first point within the visible\nrange or should start from the first point <b>before</b> the range.\nIn other words, this flag determines if first point within the visible range\nwill have 0% (`compareStart=true`) or should have been already calculated\naccording to the previous point (`compareStart=false`)."},subtree:{}},connectEnds:{meta:{types:{boolean:1},name:"connectEnds",excludes:{},products:{highcharts:1},description:"Polar charts only. Whether to connect the ends of a line series\nplot across the extremes."},subtree:{}},connectNulls:{meta:{types:{boolean:1},name:"connectNulls",excludes:{},default:"false",products:{highcharts:1,highstock:1},description:"Whether to connect a graph line across null points, or render a gap\nbetween the two points on either side of the null."},subtree:{}},cropThreshold:{meta:{types:{number:1},name:"cropThreshold",excludes:{},default:"300",products:{highcharts:1,highstock:1},description:"When the series contains less points than the crop threshold, all\npoints are drawn, even if the points fall outside the visible plot\narea at the current zoom. The advantage of drawing all points (including\nmarkers and columns), is that animation is performed on updates.\nOn the other hand, when the series contains more points than the\ncrop threshold, the series data is cropped to only contain points\nthat fall within the plot area. The advantage of cropping away invisible\npoints is to increase performance on large series."},subtree:{}},cursor:{meta:{types:{string:1},name:"cursor",excludes:{},description:'You can set the cursor to "pointer" if you have click events attached\nto the series, to signal to the user that the points and lines can\nbe clicked.\n\nPossible values are: `"default"`, `"help"`, `"none"`, `"pointer"`, and\n`"crosshair"`.\n\nIn styled mode, the series cursor can be set with the same classes\nas listed under [series.color](#plotOptions.series.color).'},subtree:{}},dashStyle:{meta:{types:{string:1},name:"dashStyle",excludes:{},default:"Solid",description:'A name for the dash style to use for the graph, or for some series types\nthe outline of each shape. The value for the `dashStyle` include:\n`"Dash"`, `"DashDot"`, `"Dot"`, `"LongDash"`, `"LongDashDot"`,\n`"LongDashDotDot"`, `"ShortDash"`, `"ShortDashDot"`, `"ShortDashDotDot"`,\n`"ShortDot"`, and `"Solid"`.\n\nIn styled mode, the [stroke dash-array](https://jsfiddle.net/gh/get/\nlibrary/pure/highcharts/highcharts/tree/master/samples/highcharts/css/\nseries-dashstyle/) can be set with the same classes as listed under\n[series.color](#plotOptions.series.color).'},subtree:{}},dataGrouping:{meta:{types:{object:1},name:"dataGrouping",excludes:{},products:{highstock:1},description:"Data grouping is the concept of sampling the data values into larger\nblocks in order to ease readability and increase performance of the\nJavaScript charts. Highstock by default applies data grouping when\nthe points become closer than a certain pixel value, determined by\nthe `groupPixelWidth` option.\n\nIf data grouping is applied, the grouping information of grouped\npoints can be read from the [Point.dataGroup](\n/class-reference/Highcharts.Point#.dataGroup)."},subtree:{approximation:{meta:{types:{string:1,function:1},name:"approximation",excludes:{},products:{highstock:1},description:'The method of approximation inside a group. When for example 30 days\nare grouped into one month, this determines what value should represent\nthe group. Possible values are "average", "averages", "open", "high",\n"low", "close" and "sum". For OHLC and candlestick series the approximation\nis "ohlc" by default, which finds the open, high, low and close values\nwithin all the grouped data. For ranges, the approximation is "range",\nwhich finds the low and high values. For multi-dimensional data,\nlike ranges and OHLC, "averages" will compute the average for each\ndimension.\n\nCustom aggregate methods can be added by assigning a callback function\nas the approximation. This function takes a numeric array as the\nargument and should return a single numeric value or `null`. Note\nthat the numeric array will never contain null values, only true\nnumbers. Instead, if null values are present in the raw data, the\nnumeric array will have an `.hasNulls` property set to `true`. For\nsingle-value data sets the data is available in the first argument\nof the callback function. For OHLC data sets, all the open values\nare in the first argument, all high values in the second etc.\n\nSince v4.2.7, grouping meta data is available in the approximation\ncallback from `this.dataGroupInfo`. It can be used to extract information\nfrom the raw data.\n\nDefaults to `average` for line-type series, `sum` for columns, `range`\nfor range series and `ohlc` for OHLC and candlestick.'},subtree:{}},dateTimeLabelFormats:{meta:{types:{object:1},name:"dateTimeLabelFormats",excludes:{},products:{highstock:1},description:"Datetime formats for the header of the tooltip in a stock chart.\nThe format can vary within a chart depending on the currently selected\ntime range and the current data grouping.\n\nThe default formats are:\n\n<pre>{\n    millisecond: [\n        '%A, %b %e, %H:%M:%S.%L', '%A, %b %e, %H:%M:%S.%L', '-%H:%M:%S.%L'\n    ],\n    second: ['%A, %b %e, %H:%M:%S', '%A, %b %e, %H:%M:%S', '-%H:%M:%S'],\n    minute: ['%A, %b %e, %H:%M', '%A, %b %e, %H:%M', '-%H:%M'],\n    hour: ['%A, %b %e, %H:%M', '%A, %b %e, %H:%M', '-%H:%M'],\n    day: ['%A, %b %e, %Y', '%A, %b %e', '-%A, %b %e, %Y'],\n    week: ['Week from %A, %b %e, %Y', '%A, %b %e', '-%A, %b %e, %Y'],\n    month: ['%B %Y', '%B', '-%B %Y'],\n    year: ['%Y', '%Y', '-%Y']\n}</pre>\n\nFor each of these array definitions, the first item is the format\nused when the active time span is one unit. For instance, if the\ncurrent data applies to one week, the first item of the week array\nis used. The second and third items are used when the active time\nspan is more than two units. For instance, if the current data applies\nto two weeks, the second and third item of the week array are used,\n and applied to the start and end date of the time span."},subtree:{}},enabled:{meta:{types:{boolean:1},name:"enabled",excludes:{},default:"true",products:{highstock:1},description:"Enable or disable data grouping."},subtree:{}},forced:{meta:{types:{boolean:1},name:"forced",excludes:{},default:"false",products:{highstock:1},description:"When data grouping is forced, it runs no matter how small the intervals\nare. This can be handy for example when the sum should be calculated\nfor values appearing at random times within each hour."},subtree:{}},groupAll:{meta:{types:{boolean:1},name:"groupAll",excludes:{},default:"false",products:{highstock:1},description:"By default only points within the visible range are grouped. Enabling this\noption will force data grouping to calculate all grouped points for a given\ndataset. That option prevents for example a column series from calculating\na grouped point partially. The effect is similar to\n[Series.getExtremesFromAll](#plotOptions.series.getExtremesFromAll) but does\nnot affect yAxis extremes."},subtree:{}},groupPixelWidth:{meta:{types:{number:1},name:"groupPixelWidth",excludes:{},default:"2",products:{highstock:1},description:"The approximate pixel width of each group. If for example a series\nwith 30 points is displayed over a 600 pixel wide plot area, no grouping\nis performed. If however the series contains so many points that\nthe spacing is less than the groupPixelWidth, Highcharts will try\nto group it into appropriate groups so that each is more or less\ntwo pixels wide. If multiple series with different group pixel widths\nare drawn on the same x axis, all series will take the greatest width.\nFor example, line series have 2px default group width, while column\nseries have 10px. If combined, both the line and the column will\nhave 10px by default."},subtree:{}},smoothed:{meta:{types:{boolean:1},name:"smoothed",excludes:{},default:"false",products:{highstock:1},description:"Normally, a group is indexed by the start of that group, so for example\nwhen 30 daily values are grouped into one month, that month's x value\nwill be the 1st of the month. This apparently shifts the data to\nthe left. When the smoothed option is true, this is compensated for.\nThe data is shifted to the middle of the group, and min and max\nvalues are preserved. Internally, this is used in the Navigator series."},subtree:{}},units:{meta:{types:{array:"object"},name:"units",excludes:{},products:{highstock:1},description:"An array determining what time intervals the data is allowed to be\ngrouped to. Each array item is an array where the first value is\nthe time unit and the second value another array of allowed multiples.\nDefaults to:\n\n<pre>units: [[\n    'millisecond', // unit name\n    [1, 2, 5, 10, 20, 25, 50, 100, 200, 500] // allowed multiples\n], [\n    'second',\n    [1, 2, 5, 10, 15, 30]\n], [\n    'minute',\n    [1, 2, 5, 10, 15, 30]\n], [\n    'hour',\n    [1, 2, 3, 4, 6, 8, 12]\n], [\n    'day',\n    [1]\n], [\n    'week',\n    [1]\n], [\n    'month',\n    [1, 3, 6]\n], [\n    'year',\n    null\n]]</pre>"},subtree:{}}}},dataLabels:{meta:{types:{object:1},name:"dataLabels",excludes:{},description:"Options for the series data labels, appearing next to each data point.\n\nIn styled mode, the data labels can be styled with the\n`.highcharts-data-label-box` and `.highcharts-data-label` class names\n([see example](https://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/css/series-datalabels))."},subtree:{align:{meta:{types:{string:1},name:"align",excludes:{},default:"center",description:"The alignment of the data label compared to the point. If `right`,\nthe right side of the label should be touching the point. For\npoints with an extent, like columns, the alignments also dictates\nhow to align it inside the box, as given with the\n[inside](#plotOptions.column.dataLabels.inside) option. Can be one of\n`left`, `center` or `right`."},subtree:{}},allowOverlap:{meta:{types:{boolean:1},name:"allowOverlap",excludes:{},default:"false",description:"Whether to allow data labels to overlap. To make the labels less\nsensitive for overlapping, the [dataLabels.padding](\n#plotOptions.series.dataLabels.padding) can be set to 0."},subtree:{}},backgroundColor:{meta:{types:{"highcharts.colorstring":1},name:"backgroundColor",excludes:{},description:"The background color or gradient for the data label."},subtree:{}},borderColor:{meta:{types:{"highcharts.colorstring":1},name:"borderColor",excludes:{},description:"The border color for the data label. Defaults to `undefined`."},subtree:{}},borderRadius:{meta:{types:{number:1},name:"borderRadius",excludes:{},default:"0",description:"The border radius in pixels for the data label."},subtree:{}},borderWidth:{meta:{types:{number:1},name:"borderWidth",excludes:{},default:"0",description:"The border width in pixels for the data label."},subtree:{}},className:{meta:{types:{string:1},name:"className",excludes:{},description:"A class name for the data label. Particularly in styled mode, this\ncan be used to give each series' or point's data label unique\nstyling. In addition to this option, a default color class name is\nadded so that we can give the labels a\n[contrast text shadow](https://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/css/data-label-contrast/)."},subtree:{}},color:{meta:{types:{"highcharts.colorstring":1},name:"color",excludes:{},description:"The text color for the data labels. Defaults to `undefined`. For\ncertain series types, like column or map, the data labels can be\ndrawn inside the points. In this case the data label will be drawn\nwith maximum contrast by default. Additionally, it will be given a\n`text-outline` style with the opposite color, to further increase the\ncontrast. This can be overridden by setting the `text-outline` style\nto `none` in the `dataLabels.style` option."},subtree:{}},crop:{meta:{types:{boolean:1},name:"crop",excludes:{},default:"true",description:"Whether to hide data labels that are outside the plot area. By\ndefault, the data label is moved inside the plot area according to\nthe [overflow](#plotOptions.series.dataLabels.overflow) option."},subtree:{}},defer:{meta:{types:{boolean:1},name:"defer",excludes:{},default:"true",products:{highcharts:1,highstock:1},description:"Whether to defer displaying the data labels until the initial series\nanimation has finished."},subtree:{}},enabled:{meta:{types:{boolean:1},name:"enabled",excludes:{},default:"false",description:"Enable or disable the data labels."},subtree:{}},filter:{meta:{types:{"*":1},name:"filter",excludes:{},description:"A declarative filter for which data labels to display. The\ndeclarative filter is designed for use when callback functions are\nnot available, like when the chart options require a pure JSON\nstructure or for use with graphical editors. For programmatic\ncontrol, use the `formatter` instead, and return `undefined` to\ndisable a single data label."},subtree:{operator:{meta:{types:{string:1},name:"operator",excludes:{},description:"The operator to compare by. Can be one of `>`, `<`, `>=`, `<=`, `==`,\nand `===`."},subtree:{}},property:{meta:{types:{string:1},name:"property",excludes:{},description:"The point property to filter by. Point options are passed directly to\nproperties, additionally there are `y` value, `percentage` and others\nlisted under [Point](https://api.highcharts.com/class-reference/Highcharts.Point)\nmembers."},subtree:{}},value:{meta:{types:{"*":1},name:"value",excludes:{},description:"The value to compare against."},subtree:{}}}},format:{meta:{types:{string:1},name:"format",excludes:{},description:"A [format string](https://www.highcharts.com/docs/chart-concepts/labels-and-string-formatting)\nfor the data label. Available variables are the same as for\n`formatter`."},subtree:{}},formatter:{meta:{types:{function:1},name:"formatter",excludes:{},description:"Callback JavaScript function to format the data label. Note that if a\n`format` is defined, the format takes precedence and the formatter is\nignored. Available data are:\n\n<table>\n\n<tbody>\n\n<tr>\n\n<td>`this.percentage`</td>\n\n<td>Stacked series and pies only. The point's percentage of the\ntotal.</td>\n\n</tr>\n\n<tr>\n\n<td>`this.point`</td>\n\n<td>The point object. The point name, if defined, is available\nthrough `this.point.name`.</td>\n\n</tr>\n\n<tr>\n\n<td>`this.series`:</td>\n\n<td>The series object. The series name is available through\n`this.series.name`.</td>\n\n</tr>\n\n<tr>\n\n<td>`this.total`</td>\n\n<td>Stacked series only. The total value at this point's x value.\n</td>\n\n</tr>\n\n<tr>\n\n<td>`this.x`:</td>\n\n<td>The x value.</td>\n\n</tr>\n\n<tr>\n\n<td>`this.y`:</td>\n\n<td>The y value.</td>\n\n</tr>\n\n</tbody>\n\n</table>"},subtree:{}},inside:{meta:{types:{boolean:1},name:"inside",excludes:{},description:"For points with an extent, like columns or map areas, whether to\nalign the data label inside the box or to the actual value point.\nDefaults to `false` in most cases, `true` in stacked columns."},subtree:{}},overflow:{meta:{types:{string:1},name:"overflow",excludes:{},default:"justify",description:'How to handle data labels that flow outside the plot area. The\ndefault is `justify`, which aligns them inside the plot area. For\ncolumns and bars, this means it will be moved inside the bar. To\ndisplay data labels outside the plot area, set `crop` to `false` and\n`overflow` to `"none"`.'},subtree:{}},padding:{meta:{types:{number:1},name:"padding",excludes:{},default:5,description:"When either the `borderWidth` or the `backgroundColor` is set,\nthis is the padding within the box."},subtree:{}},rotation:{meta:{types:{number:1},name:"rotation",excludes:{},default:"0",description:"Text rotation in degrees. Note that due to a more complex structure,\nbackgrounds, borders and padding will be lost on a rotated data\nlabel."},subtree:{}},shadow:{meta:{types:{"*":1,boolean:1},name:"shadow",excludes:{},default:"false",description:"The shadow of the box. Works best with `borderWidth` or\n`backgroundColor`. Since 2.3 the shadow can be an object\nconfiguration containing `color`, `offsetX`, `offsetY`, `opacity` and\n`width`."},subtree:{}},shape:{meta:{types:{string:1},name:"shape",excludes:{},default:"square",description:"The name of a symbol to use for the border around the label. Symbols\nare predefined functions on the Renderer object."},subtree:{}},style:{meta:{types:{"highcharts.cssobject":1},name:"style",excludes:{},default:'{"color": "contrast", "fontSize": "11px", "fontWeight": "bold", "textOutline": "1px contrast" }',description:'Styles for the label. The default `color` setting is `"contrast"`,\nwhich is a pseudo color that Highcharts picks up and applies the\nmaximum contrast to the underlying point item, for example the\nbar in a bar chart.\n\nThe `textOutline` is a pseudo property that\napplies an outline of the given width with the given color, which\nby default is the maximum contrast to the text. So a bright text\ncolor will result in a black text outline for maximum readability\non a mixed background. In some cases, especially with grayscale\ntext, the text outline doesn\'t work well, in which cases it can\nbe disabled by setting it to `"none"`. When `useHTML` is true, the\n`textOutline` will not be picked up. In this, case, the same effect\ncan be acheived through the `text-shadow` CSS property.'},subtree:{color:{meta:{types:{string:1},name:"color",excludes:{},default:"contrast"},subtree:{}},fontSize:{meta:{types:{string:1},name:"fontSize",excludes:{},default:"11px"},subtree:{}},fontWeight:{meta:{types:{string:1},name:"fontWeight",excludes:{},default:"bold"},subtree:{}},textOutline:{meta:{types:{string:1},name:"textOutline",excludes:{},default:"1px contrast"},subtree:{}}}},useHTML:{meta:{types:{boolean:1},name:"useHTML",excludes:{},default:"false",description:"Whether to\n[use HTML](https://www.highcharts.com/docs/chart-concepts/labels-and-string-formatting#html)\nto render the labels."},subtree:{}},verticalAlign:{meta:{types:{string:1},name:"verticalAlign",excludes:{},default:"bottom",description:"The vertical alignment of a data label. Can be one of `top`, `middle`\nor `bottom`. The default value depends on the data, for instance\nin a column chart, the label is above positive values and below\nnegative values."},subtree:{}},x:{meta:{types:{number:1},name:"x",excludes:{},default:"0",description:"The x position offset of the label relative to the point in pixels."},subtree:{}},y:{meta:{types:{number:1},name:"y",excludes:{},default:"-6",description:"The y position offset of the label relative to the point in pixels."},subtree:{}},zIndex:{meta:{types:{number:1},name:"zIndex",excludes:{},default:"6",description:"The Z index of the data labels. The default Z index puts it above\nthe series. Use a Z index of 2 to display it behind the series."},subtree:{}}}},description:{meta:{types:{string:1},name:"description",excludes:{},description:"Requires the Accessibility module.\n\nA description of the series to add to the screen reader information\nabout the series."},subtree:{}},enableMouseTracking:{meta:{types:{boolean:1},name:"enableMouseTracking",excludes:{},default:"true",description:"Enable or disable the mouse tracking for a specific series. This\nincludes point tooltips and click events on graphs and points. For\nlarge datasets it improves performance."},subtree:{}},events:{meta:{types:{object:1},name:"events",excludes:{},description:"General event handlers for the series items. These event hooks can also\nbe attached to the series at run time using the `Highcharts.addEvent`\nfunction."},subtree:{afterAnimate:{meta:{types:{function:1},name:"afterAnimate",excludes:{},products:{highcharts:1,highstock:1},description:"Fires after the series has finished its initial animation, or in\ncase animation is disabled, immediately as the series is displayed."},subtree:{}},checkboxClick:{meta:{types:{function:1},name:"checkboxClick",excludes:{},description:"Fires when the checkbox next to the series' name in the legend is\nclicked. One parameter, `event`, is passed to the function. The state\nof the checkbox is found by `event.checked`. The checked item is\nfound by `event.item`. Return `false` to prevent the default action\nwhich is to toggle the select state of the series."},subtree:{}},click:{meta:{types:{function:1},name:"click",excludes:{},description:"Fires when the series is clicked. One parameter, `event`, is passed to\nthe function, containing common event information. Additionally,\n`event.point` holds a pointer to the nearest point on the graph."},subtree:{}},hide:{meta:{types:{function:1},name:"hide",excludes:{},description:"Fires when the series is hidden after chart generation time, either\nby clicking the legend item or by calling `.hide()`."},subtree:{}},legendItemClick:{meta:{types:{function:1},name:"legendItemClick",excludes:{},description:"Fires when the legend item belonging to the series is clicked. One\nparameter, `event`, is passed to the function. The default action\nis to toggle the visibility of the series. This can be prevented\nby returning `false` or calling `event.preventDefault()`."},subtree:{}},mouseOut:{meta:{types:{function:1},name:"mouseOut",excludes:{},description:"Fires when the mouse leaves the graph. One parameter, `event`, is\npassed to the function, containing common event information. If the\n[stickyTracking](#plotOptions.series) option is true, `mouseOut`\ndoesn't happen before the mouse enters another graph or leaves the\nplot area."},subtree:{}},mouseOver:{meta:{types:{function:1},name:"mouseOver",excludes:{},description:"Fires when the mouse enters the graph. One parameter, `event`, is\npassed to the function, containing common event information."},subtree:{}},show:{meta:{types:{function:1},name:"show",excludes:{},description:"Fires when the series is shown after chart generation time, either\nby clicking the legend item or by calling `.show()`."},subtree:{}}}},exposeElementToA11y:{meta:{types:{boolean:1},name:"exposeElementToA11y",excludes:{},description:"By default, series are exposed to screen readers as regions. By enabling\nthis option, the series element itself will be exposed in the same\nway as the data points. This is useful if the series is not used\nas a grouping entity in the chart, but you still want to attach a\ndescription to the series.\n\nRequires the Accessibility module."},subtree:{}},findNearestPointBy:{meta:{types:{string:1},name:"findNearestPointBy",excludes:{},default:"x",description:"Determines whether the series should look for the nearest point\nin both dimensions or just the x-dimension when hovering the series.\nDefaults to `'xy'` for scatter series and `'x'` for most other\nseries. If the data has duplicate x-values, it is recommended to\nset this to `'xy'` to allow hovering over all points.\n\nApplies only to series types using nearest neighbor search (not\ndirect hover) for tooltip."},subtree:{}},gapSize:{meta:{types:{number:1},name:"gapSize",excludes:{},default:"0",products:{highstock:1},description:"Defines when to display a gap in the graph, together with the\n[gapUnit](plotOptions.series.gapUnit) option.\n\nIn case when `dataGrouping` is enabled, points can be grouped into a\nlarger time span. This can make the grouped points to have a greater\ndistance than the absolute value of `gapSize` property, which will result\nin disappearing graph completely. To prevent this situation the mentioned\ndistance between grouped points is used instead of previously defined\n`gapSize`.\n\nIn practice, this option is most often used to visualize gaps in\ntime series. In a stock chart, intraday data is available for daytime\nhours, while gaps will appear in nights and weekends."},subtree:{}},gapUnit:{meta:{types:{string:1},name:"gapUnit",excludes:{},default:"relative",products:{highstock:1},description:"Together with [gapSize](plotOptions.series.gapSize), this option defines\nwhere to draw gaps in the graph.\n\nWhen the `gapUnit` is `relative` (default), a gap size of 5 means\nthat if the distance between two points is greater than five times\nthat of the two closest points, the graph will be broken.\n\nWhen the `gapUnit` is `value`, the gap is based on absolute axis values,\nwhich on a datetime axis is milliseconds. This also applies to the\nnavigator series that inherits gap options from the base series."},subtree:{}},getExtremesFromAll:{meta:{types:{boolean:1},name:"getExtremesFromAll",excludes:{},default:"false",products:{highcharts:1,highstock:1},description:"Whether to use the Y extremes of the total chart width or only the\nzoomed area when zooming in on parts of the X axis. By default, the\nY axis adjusts to the min and max of the visible data. Cartesian\nseries only."},subtree:{}},joinBy:{meta:{types:{array:"String",string:1},name:"joinBy",excludes:{},products:{highmaps:1},description:'What property to join the `mapData` to the value data. For example,\nif joinBy is "code", the mapData items with a specific code is merged\ninto the data with the same code. For maps loaded from GeoJSON, the\nkeys may be held in each point\'s `properties` object.\n\nThe joinBy option can also be an array of two values, where the first\npoints to a key in the `mapData`, and the second points to another\nkey in the `data`.\n\nWhen joinBy is `null`, the map items are joined by their position\nin the array, which performs much better in maps with many data points.\nThis is the recommended option if you are printing more than a thousand\ndata points and have a backend that can preprocess the data into\na parallel array of the mapData.'
},subtree:{}},keys:{meta:{types:{array:"string"},name:"keys",excludes:{},description:"An array specifying which option maps to which key in the data point\narray. This makes it convenient to work with unstructured data arrays\nfrom different sources."},subtree:{}},label:{meta:{types:{object:1},name:"label",excludes:{},products:{highcharts:1,highstock:1},description:"Series labels are placed as close to the series as possible in a\nnatural way, seeking to avoid other series. The goal of this\nfeature is to make the chart more easily readable, like if a\nhuman designer placed the labels in the optimal position.\n\nThe series labels currently work with series types having a\n`graph` or an `area`.\n\nRequires the `series-label.js` module."},subtree:{boxesToAvoid:{meta:{types:{array:"Object"},name:"boxesToAvoid",excludes:{},description:"An array of boxes to avoid when laying out the labels. Each\nitem has a `left`, `right`, `top` and `bottom` property."},subtree:{}},connectorAllowed:{meta:{types:{boolean:1},name:"connectorAllowed",excludes:{},default:!1,description:"Allow labels to be placed distant to the graph if necessary,\nand draw a connector line to the graph. Setting this option\nto true may decrease the performance significantly, since the\nalgorithm with systematically search for open spaces in the\nwhile plot area. Visually, it may also result in a more\ncluttered chart, though more of the series will be labeled."},subtree:{}},connectorNeighbourDistance:{meta:{types:{number:1},name:"connectorNeighbourDistance",excludes:{},default:24,description:"If the label is closer than this to a neighbour graph, draw a\nconnector."},subtree:{}},enabled:{meta:{types:{boolean:1},name:"enabled",excludes:{},default:!0,description:"Enable the series label per series."},subtree:{}},maxFontSize:{meta:{types:{number:1},name:"maxFontSize",excludes:{},default:null,description:"For area-like series, allow the font size to vary so that\nsmall areas get a smaller font size. The default applies this\neffect to area-like series but not line-like series."},subtree:{}},minFontSize:{meta:{types:{number:1},name:"minFontSize",excludes:{},default:null,description:"For area-like series, allow the font size to vary so that\nsmall areas get a smaller font size. The default applies this\neffect to area-like series but not line-like series."},subtree:{}},onArea:{meta:{types:{boolean:1},name:"onArea",excludes:{},default:null,description:"Draw the label on the area of an area series. By default it\nis drawn on the area. Set it to `false` to draw it next to\nthe graph instead."},subtree:{}},style:{meta:{types:{object:1},name:"style",excludes:{},description:"Styles for the series label. The color defaults to the series\ncolor, or a contrast color if `onArea`."},subtree:{fontWeight:{meta:{types:{string:1},name:"fontWeight",excludes:{},default:"bold"},subtree:{}}}}}},lineWidth:{meta:{types:{number:1},name:"lineWidth",excludes:{},default:"2",products:{highcharts:1,highstock:1},description:"Pixel width of the graph line."},subtree:{}},linecap:{meta:{types:{string:1},name:"linecap",excludes:{},products:{highcharts:1,highstock:1},description:"The line cap used for line ends and line joins on the graph."},subtree:{}},linkedTo:{meta:{types:{string:1},name:"linkedTo",excludes:{},products:{highcharts:1,highstock:1},description:'The [id](#series.id) of another series to link to. Additionally,\nthe value can be ":previous" to link to the previous series. When\ntwo series are linked, only the first one appears in the legend.\nToggling the visibility of this also toggles the linked series.'},subtree:{}},marker:{meta:{types:{object:1},name:"marker",excludes:{},description:"Options for the point markers of line-like series. Properties like\n`fillColor`, `lineColor` and `lineWidth` define the visual appearance\nof the markers. Other series types, like column series, don't have\nmarkers, but have visual options on the series level instead.\n\nIn styled mode, the markers can be styled with the `.highcharts-point`,\n`.highcharts-point-hover` and `.highcharts-point-select`\nclass names."},subtree:{enabled:{meta:{types:{boolean:1},name:"enabled",excludes:{},description:"Enable or disable the point marker. If `undefined`, the markers are\nhidden when the data is dense, and shown for more widespread data\npoints."},subtree:{}},enabledThreshold:{meta:{types:{number:1},name:"enabledThreshold",excludes:{},default:"2",description:"The threshold for how dense the point markers should be before they\nare hidden, given that `enabled` is not defined. The number indicates\nthe horizontal distance between the two closest points in the series,\nas multiples of the `marker.radius`. In other words, the default\nvalue of 2 means points are hidden if overlapping horizontally."},subtree:{}},fillColor:{meta:{types:{"highcharts.colorstring":1},name:"fillColor",excludes:{},description:"The fill color of the point marker. When `undefined`, the series' or\npoint's color is used."},subtree:{}},height:{meta:{types:{number:1},name:"height",excludes:{},description:"Image markers only. Set the image width explicitly. When using this\noption, a `width` must also be set."},subtree:{}},lineColor:{meta:{types:{"highcharts.colorstring":1},name:"lineColor",excludes:{},default:"#ffffff",description:"The color of the point marker's outline. When `undefined`, the\nseries' or point's color is used."},subtree:{}},lineWidth:{meta:{types:{number:1},name:"lineWidth",excludes:{},default:"0",description:"The width of the point marker's outline."},subtree:{}},radius:{meta:{types:{number:1},name:"radius",excludes:{},default:"4",description:"The radius of the point marker."},subtree:{}},states:{meta:{types:{object:1},name:"states",excludes:{},description:"States for a single point marker."},subtree:{hover:{meta:{types:{object:1},name:"hover",excludes:{},description:"The hover state for a single point marker."},subtree:{animation:{meta:{types:{"highcharts.animationoptionsobject":1,boolean:1},name:"animation",excludes:{},description:"Animation when hovering over the marker."},subtree:{duration:{meta:{types:{number:1},name:"duration",excludes:{},default:50},subtree:{}}}},enabled:{meta:{types:{boolean:1},name:"enabled",excludes:{},default:!0,description:"Enable or disable the point marker."},subtree:{}},fillColor:{meta:{types:{"highcharts.colorstring":1},name:"fillColor",excludes:{},description:"The fill color of the marker in hover state. When\n`undefined`, the series' or point's fillColor for normal\nstate is used."},subtree:{}},lineColor:{meta:{types:{"highcharts.colorstring":1},name:"lineColor",excludes:{},description:"The color of the point marker's outline. When `undefined`,\nthe series' or point's lineColor for normal state is used."},subtree:{}},lineWidth:{meta:{types:{number:1},name:"lineWidth",excludes:{},description:"The width of the point marker's outline. When `undefined`,\nthe series' or point's lineWidth for normal state is used."},subtree:{}},lineWidthPlus:{meta:{types:{number:1},name:"lineWidthPlus",excludes:{},default:1,description:"The additional line width for a hovered point."},subtree:{}},radius:{meta:{types:{number:1},name:"radius",excludes:{},description:"The radius of the point marker. In hover state, it defaults\nto the normal state's radius + 2 as per the [radiusPlus](\n#plotOptions.series.marker.states.hover.radiusPlus)\noption."},subtree:{}},radiusPlus:{meta:{types:{number:1},name:"radiusPlus",excludes:{},default:2,description:"The number of pixels to increase the radius of the hovered\npoint."},subtree:{}}}},normal:{meta:{types:{object:1},name:"normal",excludes:{},description:"The normal state of a single point marker. Currently only used\nfor setting animation when returning to normal state from hover."},subtree:{animation:{meta:{types:{boolean:1},name:"animation",excludes:{},default:!0},subtree:{}}}},select:{meta:{types:{object:1},name:"select",excludes:{},description:"The appearance of the point marker when selected. In order to\nallow a point to be selected, set the `series.allowPointSelect`\noption to true."},subtree:{enabled:{meta:{types:{boolean:1},name:"enabled",excludes:{},default:"true",description:"Enable or disable visible feedback for selection."},subtree:{}},fillColor:{meta:{types:{"highcharts.colorstring":1},name:"fillColor",excludes:{},default:"#cccccc",description:"The fill color of the point marker."},subtree:{}},lineColor:{meta:{types:{"highcharts.colorstring":1},name:"lineColor",excludes:{},default:"#000000",description:"The color of the point marker's outline. When `undefined`,\nthe series' or point's color is used."},subtree:{}},lineWidth:{meta:{types:{number:1},name:"lineWidth",excludes:{},default:2,description:"The width of the point marker's outline."},subtree:{}},radius:{meta:{types:{number:1},name:"radius",excludes:{},description:"The radius of the point marker. In hover state, it defaults\nto the normal state's radius + 2."},subtree:{}}}}}},symbol:{meta:{types:{string:1},name:"symbol",excludes:{},description:'A predefined shape or symbol for the marker. When undefined, the\nsymbol is pulled from options.symbols. Other possible values are\n"circle", "square", "diamond", "triangle" and "triangle-down".\n\nAdditionally, the URL to a graphic can be given on this form:\n"url(graphic.png)". Note that for the image to be applied to exported\ncharts, its URL needs to be accessible by the export server.\n\nCustom callbacks for symbol path generation can also be added to\n`Highcharts.SVGRenderer.prototype.symbols`. The callback is then\nused by its method name, as shown in the demo.'},subtree:{}},width:{meta:{types:{number:1},name:"width",excludes:{},description:"Image markers only. Set the image width explicitly. When using this\noption, a `height` must also be set."},subtree:{}}}},navigatorOptions:{meta:{types:{"*":1},name:"navigatorOptions",excludes:{},products:{highstock:1},description:"Options for the corresponding navigator series if `showInNavigator`\nis `true` for this series. Available options are the same as any\nseries, documented at [plotOptions](#plotOptions.series) and\n[series](#series).\n\nThese options are merged with options in [navigator.series](\n#navigator.series), and will take precedence if the same option is\ndefined both places."},subtree:{}},negativeColor:{meta:{types:{"highcharts.colorstring":1},name:"negativeColor",excludes:{},description:"The color for the parts of the graph or points that are below the\n[threshold](#plotOptions.series.threshold)."},subtree:{}},point:{meta:{types:{object:1},name:"point",excludes:{},description:"Properties for each single point."},subtree:{events:{meta:{types:{object:1},name:"events",excludes:{},description:"Events for each single point."},subtree:{click:{meta:{types:{function:1},name:"click",excludes:{},description:"Fires when a point is clicked. One parameter, `event`, is passed\nto the function, containing common event information.\n\nIf the `series.allowPointSelect` option is true, the default\naction for the point's click event is to toggle the point's\nselect state. Returning `false` cancels this action."},subtree:{}},mouseOut:{meta:{types:{function:1},name:"mouseOut",excludes:{},description:"Fires when the mouse leaves the area close to the point. One\nparameter, `event`, is passed to the function, containing common\nevent information."},subtree:{}},mouseOver:{meta:{types:{function:1},name:"mouseOver",excludes:{},description:"Fires when the mouse enters the area close to the point. One\nparameter, `event`, is passed to the function, containing common\nevent information."},subtree:{}},remove:{meta:{types:{function:1},name:"remove",excludes:{},description:"Fires when the point is removed using the `.remove()` method. One\nparameter, `event`, is passed to the function. Returning `false`\ncancels the operation."},subtree:{}},select:{meta:{types:{function:1},name:"select",excludes:{},description:"Fires when the point is selected either programmatically or\nfollowing a click on the point. One parameter, `event`, is passed\nto the function. Returning `false` cancels the operation."},subtree:{}},unselect:{meta:{types:{function:1},name:"unselect",excludes:{},description:"Fires when the point is unselected either programmatically or\nfollowing a click on the point. One parameter, `event`, is passed\nto the function.\n Returning `false` cancels the operation."},subtree:{}},update:{meta:{types:{function:1},name:"update",excludes:{},description:"Fires when the point is updated programmatically through the\n`.update()` method. One parameter, `event`, is passed to the\nfunction. The new point options can be accessed through\n`event.options`. Returning `false` cancels the operation."},subtree:{}}}}}},pointDescriptionFormatter:{meta:{types:{function:1},name:"pointDescriptionFormatter",excludes:{},description:"Same as [accessibility.pointDescriptionFormatter](\n#accessibility.pointDescriptionFormatter), but for an individual series.\nOverrides the chart wide configuration."},subtree:{}},pointInterval:{meta:{types:{number:1},name:"pointInterval",excludes:{},default:"1",products:{highcharts:1,highstock:1},description:"If no x values are given for the points in a series, `pointInterval`\ndefines the interval of the x values. For example, if a series contains\none value every decade starting from year 0, set `pointInterval` to\n`10`. In true `datetime` axes, the `pointInterval` is set in\nmilliseconds.\n\nIt can be also be combined with `pointIntervalUnit` to draw irregular\ntime intervals.\n\nPlease note that this options applies to the _series data_, not the\ninterval of the axis ticks, which is independent."},subtree:{}},pointIntervalUnit:{meta:{types:{string:1},name:"pointIntervalUnit",excludes:{},products:{highcharts:1,highstock:1},description:"On datetime series, this allows for setting the\n[pointInterval](#plotOptions.series.pointInterval) to irregular time\nunits, `day`, `month` and `year`. A day is usually the same as 24 hours,\nbut `pointIntervalUnit` also takes the DST crossover into consideration\nwhen dealing with local time. Combine this option with `pointInterval`\nto draw weeks, quarters, 6 months, 10 years etc.\n\nPlease note that this options applies to the _series data_, not the\ninterval of the axis ticks, which is independent."},subtree:{}},pointPlacement:{meta:{types:{number:1,string:1},name:"pointPlacement",excludes:{},products:{highcharts:1,highstock:1},description:'Possible values: `"on"`, `"between"`, `number`.\n\nIn a column chart, when pointPlacement is `"on"`, the point will\nnot create any padding of the X axis. In a polar column chart this\nmeans that the first column points directly north. If the pointPlacement\nis `"between"`, the columns will be laid out between ticks. This\nis useful for example for visualising an amount between two points\nin time or in a certain sector of a polar chart.\n\nSince Highcharts 3.0.2, the point placement can also be numeric,\nwhere 0 is on the axis value, -0.5 is between this value and the\nprevious, and 0.5 is between this value and the next. Unlike the\ntextual options, numeric point placement options won\'t affect axis\npadding.\n\nNote that pointPlacement needs a [pointRange](\n#plotOptions.series.pointRange) to work. For column series this is\ncomputed, but for line-type series it needs to be set.\n\nDefaults to `undefined` in cartesian charts, `"between"` in polar charts.'},subtree:{}},pointRange:{meta:{types:{number:1},name:"pointRange",excludes:{},default:"0",products:{highstock:1},description:"The width of each point on the x axis. For example in a column chart\nwith one value each day, the pointRange would be 1 day (= 24 * 3600\n* 1000 milliseconds). This is normally computed automatically, but\nthis option can be used to override the automatic value."},subtree:{}},pointStart:{meta:{types:{number:1},name:"pointStart",excludes:{},default:"0",products:{highcharts:1,highstock:1},description:"If no x values are given for the points in a series, pointStart defines\non what value to start. For example, if a series contains one yearly\nvalue starting from 1945, set pointStart to 1945."},subtree:{}},selected:{meta:{types:{boolean:1},name:"selected",excludes:{},default:"false",description:"Whether to select the series initially. If `showCheckbox` is true,\nthe checkbox next to the series name in the legend will be checked for a\nselected series."},subtree:{}},shadow:{meta:{types:{"highcharts.seriesshadowoptions":1,boolean:1},name:"shadow",excludes:{},default:"false",description:"Whether to apply a drop shadow to the graph line. Since 2.3 the shadow\ncan be an object configuration containing `color`, `offsetX`, `offsetY`,\n`opacity` and `width`."},subtree:{}},showCheckbox:{meta:{types:{boolean:1},name:"showCheckbox",excludes:{},default:!1},subtree:{}},showInLegend:{meta:{types:{boolean:1},name:"showInLegend",excludes:{},default:"true",description:"Whether to display this particular series or series type in the legend.\nThe default value is `true` for standalone series, `false` for linked\nseries."},subtree:{}},showInNavigator:{meta:{types:{boolean:1},name:"showInNavigator",excludes:{},products:{highstock:1},description:"Whether or not to show the series in the navigator. Takes precedence\nover [navigator.baseSeries](#navigator.baseSeries) if defined."},subtree:{}},skipKeyboardNavigation:{meta:{types:{boolean:1},name:"skipKeyboardNavigation",excludes:{},description:"If set to `True`, the accessibility module will skip past the points\nin this series for keyboard navigation."},subtree:{}},softThreshold:{meta:{types:{boolean:1},name:"softThreshold",excludes:{},default:"true",products:{highcharts:1,highstock:1},description:"When this is true, the series will not cause the Y axis to cross\nthe zero plane (or [threshold](#plotOptions.series.threshold) option)\nunless the data actually crosses the plane.\n\nFor example, if `softThreshold` is `false`, a series of 0, 1, 2,\n3 will make the Y axis show negative values according to the `minPadding`\noption. If `softThreshold` is `true`, the Y axis starts at 0."},subtree:{}},stacking:{meta:{types:{string:1},name:"stacking",excludes:{},products:{highcharts:1,highstock:1},description:'Whether to stack the values of each series on top of each other. Possible\nvalues are `undefined` to disable, `"normal"` to stack by value or\n`"percent"`. When stacking is enabled, data must be sorted in ascending\nX order. A special stacking option is with the streamgraph series type,\nwhere the stacking option is set to `"stream"`.'},subtree:{}},states:{meta:{types:{"highcharts.plotseriesstatesoptions":1},name:"states",excludes:{},description:"A wrapper object for all the series options in specific states."},subtree:{hover:{meta:{types:{"highcharts.plotseriesstateshoveroptions":1},name:"hover",excludes:{},description:"Options for the hovered series. These settings override the normal\nstate options when a series is moused over or touched."},subtree:{animation:{meta:{types:{"highcharts.animationoptionsobject":1,boolean:1},name:"animation",excludes:{},default:'{ "duration": 50 }',products:{highcharts:1},description:"Animation setting for hovering the graph in line-type series."},subtree:{duration:{meta:{types:{number:1},name:"duration",excludes:{},default:50,description:"The duration of the hover animation in milliseconds. By\ndefault the hover state animates quickly in, and slowly back\nto normal."},subtree:{}}}},borderColor:{meta:{types:{color:1},name:"borderColor",excludes:{},products:{highmaps:1},description:"The border color of the point in this state."},subtree:{}},borderWidth:{meta:{types:{number:1},name:"borderWidth",excludes:{},products:{highmaps:1},description:"The border width of the point in this state"},subtree:{}},brightness:{meta:{types:{number:1},name:"brightness",excludes:{},default:"0.2",products:{highmaps:1},description:"The relative brightness of the point when hovered, relative to\nthe normal point color."},subtree:{}},color:{meta:{types:{color:1},name:"color",excludes:{},products:{highmaps:1},description:"The color of the shape in this state"},subtree:{}},enabled:{meta:{types:{boolean:1},name:"enabled",excludes:{},default:"true",description:"Enable separate styles for the hovered series to visualize that\nthe user hovers either the series itself or the legend. ."},subtree:{}},halo:{meta:{types:{"highcharts.plotseriesstateshoverhalooptions":1},name:"halo",excludes:{},products:{highcharts:1,highstock:1},description:"Options for the halo appearing around the hovered point in line-\ntype series as well as outside the hovered slice in pie charts.\nBy default the halo is filled by the current point or series\ncolor with an opacity of 0.25\\. The halo can be disabled by\nsetting the `halo` option to `false`.\n\nIn styled mode, the halo is styled with the `.highcharts-halo`\nclass, with colors inherited from `.highcharts-color-{n}`."},subtree:{attributes:{meta:{types:{"highcharts.svgattributes":1},name:"attributes",excludes:{},products:{highcharts:1,highstock:1},description:"A collection of SVG attributes to override the appearance of\nthe halo, for example `fill`, `stroke` and `stroke-width`."},subtree:{}},opacity:{meta:{types:{number:1},name:"opacity",excludes:{},default:"0.25",products:{highcharts:1,highstock:1},description:"Opacity for the halo unless a specific fill is overridden\nusing the `attributes` setting. Note that Highcharts is only\nable to apply opacity to colors of hex or rgb(a) formats."},subtree:{}},size:{meta:{types:{number:1},name:"size",excludes:{},default:"10",products:{highcharts:1,highstock:1},description:"The pixel size of the halo. For point markers this is the\nradius of the halo. For pie slices it is the width of the\nhalo outside the slice. For bubbles it defaults to 5 and is\nthe width of the halo outside the bubble."},subtree:{}}}},lineWidth:{meta:{types:{number:1},name:"lineWidth",excludes:{},products:{highcharts:1,highstock:1},description:"Pixel width of the graph line. By default this property is\nundefined, and the `lineWidthPlus` property dictates how much\nto increase the linewidth from normal state."},subtree:{}},lineWidthPlus:{meta:{types:{number:1},name:"lineWidthPlus",excludes:{},default:"1",products:{highcharts:1,highstock:1},description:"The additional line width for the graph of a hovered series."},subtree:{}},marker:{meta:{types:{},name:"marker",excludes:{},products:{highcharts:1,highstock:1},description:"In Highcharts 1.0, the appearance of all markers belonging to the\nhovered series. For settings on the hover state of the individual\npoint, see\n[marker.states.hover](#plotOptions.series.marker.states.hover).",extends:"plotOptions.series.marker"},subtree:{}}}},normal:{meta:{types:{object:1},name:"normal",excludes:{},default:"true",products:{highmaps:1},description:"Overrides for the normal state."},subtree:{animation:{meta:{types:{boolean:1,object:1},name:"animation",excludes:{},default:"true",products:{highmaps:1},description:"Animation options for the fill color when returning from hover\nstate to normal state. The animation adds some latency in order\nto reduce the effect of flickering when hovering in and out of\nfor example an uneven coastline."},subtree:{}}}},select:{meta:{types:{"highcharts.plotseriesstatesselectoptions":1},name:"select",excludes:{},products:{highmaps:1},description:"Specific options for point in selected states, after being selected\nby [allowPointSelect](#plotOptions.series.allowPointSelect) or\nprogrammatically.",extends:"plotOptions.series.states.hover"},subtree:{}}}},step:{meta:{types:{string:1},name:"step",excludes:{},products:{highcharts:1,highstock:1},description:"Whether to apply steps to the line. Possible values are `left`, `center`\nand `right`."},subtree:{}},stickyTracking:{meta:{types:{boolean:1},name:"stickyTracking",excludes:{},default:!0,description:"Sticky tracking of mouse events. When true, the `mouseOut` event\non a series isn't triggered until the mouse moves over another series,\nor out of the plot area. When false, the `mouseOut` event on a\nseries is triggered when the mouse leaves the area around the series'\ngraph or markers. This also implies the tooltip when not shared. When\n`stickyTracking` is false and `tooltip.shared` is false, the tooltip will\nbe hidden when moving the mouse between series. Defaults to true for line\nand area type series, but to false for columns, pies etc."},subtree:{}},threshold:{meta:{types:{number:1},name:"threshold",excludes:{},default:"0",products:{highcharts:1,highstock:1},description:"The threshold, also called zero level or base level. For line type\nseries this is only used in conjunction with\n[negativeColor](#plotOptions.series.negativeColor)."},subtree:{}},tooltip:{meta:{types:{object:1},name:"tooltip",excludes:{},description:"A configuration object for the tooltip rendering of each single series.\nProperties are inherited from [tooltip](#tooltip), but only the\nfollowing properties can be defined on a series level.",extends:"tooltip"},subtree:{}},turboThreshold:{meta:{types:{number:1},name:"turboThreshold",excludes:{},default:"1000",products:{highcharts:1,highstock:1},description:"When a series contains a data array that is longer than this, only\none dimensional arrays of numbers, or two dimensional arrays with\nx and y values are allowed. Also, only the first point is tested,\nand the rest are assumed to be the same format. This saves expensive\ndata checking and indexing in long series. Set it to `0` disable."},subtree:{}},visible:{meta:{types:{boolean:1},name:"visible",excludes:{},default:"true",description:"Set the initial visibility of the series."},subtree:{}},zIndex:{meta:{types:{number:1},name:"zIndex",excludes:{},products:{highmaps:1},description:"Define the z index of the series."},subtree:{}},zoneAxis:{meta:{types:{string:1},name:"zoneAxis",excludes:{},default:"y",products:{highcharts:1,highstock:1},description:"Defines the Axis on which the zones are applied."},subtree:{}},zones:{meta:{types:{array:"object"},name:"zones",excludes:{},products:{highcharts:1,highstock:1},description:"An array defining zones within a series. Zones can be applied to\nthe X axis, Y axis or Z axis for bubbles, according to the `zoneAxis`\noption. The zone definitions have to be in ascending order regarding to\nthe value.\n\nIn styled mode, the color zones are styled with the\n`.highcharts-zone-{n}` class, or custom classed from the `className`\noption\n([view live demo](https://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/css/color-zones/))."},subtree:{className:{meta:{types:{string:1},name:"className",excludes:{},description:"Styled mode only. A custom class name for the zone."},subtree:{}},color:{meta:{types:{"highcharts.colorstring":1},name:"color",excludes:{},products:{highcharts:1,highstock:1},description:"Defines the color of the series."},subtree:{}},dashStyle:{meta:{types:{string:1},name:"dashStyle",excludes:{},products:{highcharts:1,highstock:1},description:"A name for the dash style to use for the graph."},subtree:{}},fillColor:{meta:{types:{"highcharts.colorstring":1},name:"fillColor",excludes:{},products:{highcharts:1,highstock:1},description:"Defines the fill color for the series (in area type series)"},subtree:{}},value:{meta:{types:{number:1},name:"value",excludes:{},products:{highcharts:1,highstock:1},description:"The value up to where the zone extends, if undefined the zones stretches\nto the last value in the series."},subtree:{}}}}}},sma:{meta:{types:{object:1},name:"sma",excludes:{},products:{highstock:1},description:"Simple moving average indicator (SMA). This series requires `linkedTo`\noption to be set.\n\nConfiguration options for the series are given in three levels:\n1. Options for all series in a chart are defined in the\n   [plotOptions.series](plotOptions.series) object.\n2. Options for all `sma` series are defined in\n   [plotOptions.sma](plotOptions.sma).\n3. Options for one single series are given in\n   [the series instance array](series.sma).\n\n<pre>\nHighcharts.chart('container', {\n    plotOptions: {\n        series: {\n            // general options for all series\n        },\n        sma: {\n            // shared options for all sma series\n        }\n    },\n    series: [{\n        // specific options for this series instance\n        type: 'sma'\n    }]\n});\n</pre>\n            ",extends:"plotOptions.line"},subtree:{linkedTo:{meta:{types:{string:1},name:"linkedTo",excludes:{},products:{highstock:1},description:"The main series ID that indicator will be based on. Required for this\nindicator."},subtree:{}},name:{meta:{types:{string:1},name:"name",excludes:{},products:{highstock:1},description:"The name of the series as shown in the legend, tooltip etc. If not\nset, it will be based on a technical indicator type and default\nparams."},subtree:{}},params:{meta:{types:{object:1},name:"params",excludes:{}},subtree:{index:{meta:{types:{number:1},name:"index",excludes:{},default:0,products:{highstock:1},description:"The point index which indicator calculations will base. For\nexample using OHLC data, index=2 means the indicator will be\ncalculated using Low values."},subtree:{}},period:{meta:{types:{number:1},name:"period",excludes:{},default:14,products:{highstock:1},description:"The base period for indicator calculations. This is the number of\ndata points which are taken into account for the indicator\ncalculations."},subtree:{}}}},tooltip:{meta:{types:{object:1},name:"tooltip",excludes:{}},subtree:{valueDecimals:{meta:{types:{number:1},name:"valueDecimals",excludes:{},default:4,products:{highstock:1},description:"Number of decimals in indicator series."},subtree:{}}}}}},solidgauge:{meta:{types:{object:1},name:"solidgauge",excludes:{},products:{highcharts:1},description:"A solid gauge is a circular gauge where the value is indicated by a filled\narc, and the color of the arc may variate with the value.\n\nConfiguration options for the series are given in three levels:\n1. Options for all series in a chart are defined in the\n   [plotOptions.series](plotOptions.series) object.\n2. Options for all `solidgauge` series are defined in\n   [plotOptions.solidgauge](plotOptions.solidgauge).\n3. Options for one single series are given in\n   [the series instance array](series.solidgauge).\n\n<pre>\nHighcharts.chart('container', {\n    plotOptions: {\n        series: {\n            // general options for all series\n        },\n        solidgauge: {\n            // shared options for all solidgauge series\n        }\n    },\n    series: [{\n        // specific options for this series instance\n        type: 'solidgauge'\n    }]\n});\n</pre>\n            ",extends:"plotOptions.gauge"},subtree:{colorByPoint:{meta:{types:{boolean:1},name:"colorByPoint",excludes:{},default:!0,description:"Whether to give each point an individual color."},subtree:{}},linecap:{meta:{types:{string:1},name:"linecap",excludes:{},default:"round",products:{highcharts:1},description:"Whether the strokes of the solid gauge should be `round` or `square`."},subtree:{}},overshoot:{meta:{types:{number:1},name:"overshoot",excludes:{},default:"0",products:{highcharts:1},description:"Allow the gauge to overshoot the end of the perimeter axis by this\nmany degrees. Say if the gauge axis goes from 0 to 60, a value of\n100, or 1000, will show 5 degrees beyond the end of the axis when this\noption is set to 5."},subtree:{}},rounded:{meta:{types:{boolean:1},name:"rounded",excludes:{},default:"false",products:{highcharts:1},description:"Wether to draw rounded edges on the gauge."},subtree:{}},threshold:{meta:{types:{number:1},name:"threshold",excludes:{},default:"null",products:{highcharts:1},description:"The threshold or base level for the gauge."},subtree:{}}}},spline:{meta:{types:{},name:"spline",excludes:{},products:{highcharts:1,highstock:1},description:"A spline series is a special type of line series, where the segments between\nthe data points are smoothed.\n\nConfiguration options for the series are given in three levels:\n1. Options for all series in a chart are defined in the\n   [plotOptions.series](plotOptions.series) object.\n2. Options for all `spline` series are defined in\n   [plotOptions.spline](plotOptions.spline).\n3. Options for one single series are given in\n   [the series instance array](series.spline).\n\n<pre>\nHighcharts.chart('container', {\n    plotOptions: {\n        series: {\n            // general options for all series\n        },\n        spline: {\n            // shared options for all spline series\n        }\n    },\n    series: [{\n        // specific options for this series instance\n        type: 'spline'\n    }]\n});\n</pre>\n            ",
extends:"plotOptions.series"},subtree:{}},stochastic:{meta:{types:{object:1},name:"stochastic",excludes:{},products:{highstock:1},description:"Stochastic oscillator. This series requires the `linkedTo` option to be\nset and should be loaded after the `stock/indicators/indicators.js` file.\n\nConfiguration options for the series are given in three levels:\n1. Options for all series in a chart are defined in the\n   [plotOptions.series](plotOptions.series) object.\n2. Options for all `stochastic` series are defined in\n   [plotOptions.stochastic](plotOptions.stochastic).\n3. Options for one single series are given in\n   [the series instance array](series.stochastic).\n\n<pre>\nHighcharts.chart('container', {\n    plotOptions: {\n        series: {\n            // general options for all series\n        },\n        stochastic: {\n            // shared options for all stochastic series\n        }\n    },\n    series: [{\n        // specific options for this series instance\n        type: 'stochastic'\n    }]\n});\n</pre>\n            ",extends:"plotOptions.sma"},subtree:{dataGrouping:{meta:{types:{object:1},name:"dataGrouping",excludes:{}},subtree:{approximation:{meta:{types:{string:1},name:"approximation",excludes:{},default:"averages"},subtree:{}}}},marker:{meta:{types:{object:1},name:"marker",excludes:{}},subtree:{enabled:{meta:{types:{boolean:1},name:"enabled",excludes:{},default:!1},subtree:{}}}},name:{meta:{types:{string:1},name:"name",excludes:{},default:"Stochastic (14, 3)"},subtree:{}},params:{meta:{types:{object:1},name:"params",excludes:{}},subtree:{periods:{meta:{types:{array:"object"},name:"periods",excludes:{},default:"[14, 3]",products:{highstock:1},description:"Periods for Stochastic oscillator: [%K, %D]."},subtree:{}}}},smoothedLine:{meta:{types:{object:1},name:"smoothedLine",excludes:{},products:{highstock:1},description:"Smoothed line options."},subtree:{styles:{meta:{types:{object:1},name:"styles",excludes:{},products:{highstock:1},description:"Styles for a smoothed line."},subtree:{lineColor:{meta:{types:{string:1},name:"lineColor",excludes:{},products:{highstock:1},description:"Color of the line. If not set, it's inherited from\n[plotOptions.stochastic.color](\n#plotOptions.stochastic.color)."},subtree:{}},lineWidth:{meta:{types:{number:1},name:"lineWidth",excludes:{},default:1,products:{highstock:1},description:"Pixel width of the line."},subtree:{}}}}}},tooltip:{meta:{types:{object:1},name:"tooltip",excludes:{}},subtree:{pointFormat:{meta:{types:{string:1},name:"pointFormat",excludes:{},default:'<span style="color:{point.color}">●</span><b> {series.name}</b><br/>%K: {point.y}<br/>%D: {point.smoothed}<br/>'},subtree:{}}}}}},streamgraph:{meta:{types:{object:1},name:"streamgraph",excludes:{},products:{highcharts:1,highstock:1},description:"A streamgraph is a type of stacked area graph which is displaced around a\ncentral axis, resulting in a flowing, organic shape.\n\nConfiguration options for the series are given in three levels:\n1. Options for all series in a chart are defined in the\n   [plotOptions.series](plotOptions.series) object.\n2. Options for all `streamgraph` series are defined in\n   [plotOptions.streamgraph](plotOptions.streamgraph).\n3. Options for one single series are given in\n   [the series instance array](series.streamgraph).\n\n<pre>\nHighcharts.chart('container', {\n    plotOptions: {\n        series: {\n            // general options for all series\n        },\n        streamgraph: {\n            // shared options for all streamgraph series\n        }\n    },\n    series: [{\n        // specific options for this series instance\n        type: 'streamgraph'\n    }]\n});\n</pre>\n            ",extends:"plotOptions.areaspline"},subtree:{fillOpacity:{meta:{types:{number:1},name:"fillOpacity",excludes:{},default:1},subtree:{}},lineWidth:{meta:{types:{number:1},name:"lineWidth",excludes:{},default:0},subtree:{}},marker:{meta:{types:{object:1},name:"marker",excludes:{}},subtree:{enabled:{meta:{types:{boolean:1},name:"enabled",excludes:{},default:!1},subtree:{}}}},stacking:{meta:{types:{string:1},name:"stacking",excludes:{},default:"stream"},subtree:{}}}},sunburst:{meta:{types:{object:1},name:"sunburst",excludes:{},products:{highcharts:1},description:"A Sunburst displays hierarchical data, where a level in the hierarchy is\nrepresented by a circle. The center represents the root node of the tree.\nThe visualization bears a resemblance to both treemap and pie charts.\n\nConfiguration options for the series are given in three levels:\n1. Options for all series in a chart are defined in the\n   [plotOptions.series](plotOptions.series) object.\n2. Options for all `sunburst` series are defined in\n   [plotOptions.sunburst](plotOptions.sunburst).\n3. Options for one single series are given in\n   [the series instance array](series.sunburst).\n\n<pre>\nHighcharts.chart('container', {\n    plotOptions: {\n        series: {\n            // general options for all series\n        },\n        sunburst: {\n            // shared options for all sunburst series\n        }\n    },\n    series: [{\n        // specific options for this series instance\n        type: 'sunburst'\n    }]\n});\n</pre>\n            ",extends:"plotOptions.pie"},subtree:{allowDrillToNode:{meta:{types:{boolean:1},name:"allowDrillToNode",excludes:{},default:"false",description:"When enabled the user can click on a point which is a parent and\nzoom in on its children."},subtree:{}},center:{meta:{types:{array:"(String|Number)"},name:"center",excludes:{},products:{highcharts:1},description:"The center of the sunburst chart relative to the plot area. Can be\npercentages or pixel values."},subtree:{}},colorByPoint:{meta:{types:{boolean:1},name:"colorByPoint",excludes:{},default:!1},subtree:{}},dataLabels:{meta:{types:{object:1},name:"dataLabels",excludes:{},extends:"plotOptions.series.dataLabels"},subtree:{allowOverlap:{meta:{types:{boolean:1},name:"allowOverlap",excludes:{},default:!0},subtree:{}},defer:{meta:{types:{boolean:1},name:"defer",excludes:{},default:!0},subtree:{}},rotationMode:{meta:{types:{string:1},name:"rotationMode",excludes:{},default:"auto",description:"Decides how the data label will be rotated relative to the perimeter\nof the sunburst. Valid values are `auto`, `parallel` and\n`perpendicular`. When `auto`, the best fit will be computed for the\npoint.\n\nThe `series.rotation` option takes precedence over `rotationMode`."},subtree:{}},style:{meta:{types:{object:1},name:"style",excludes:{}},subtree:{textOverflow:{meta:{types:{string:1},name:"textOverflow",excludes:{},default:"ellipsis"},subtree:{}}}}}},levelIsConstant:{meta:{types:{boolean:1},name:"levelIsConstant",excludes:{},default:!0,description:"Used together with the levels and `allowDrillToNode` options. When\nset to false the first level visible when drilling is considered\nto be level one. Otherwise the level will be the same as the tree\nstructure."},subtree:{}},levelSize:{meta:{types:{object:1},name:"levelSize",excludes:{},description:"Determines the width of the ring per level."},subtree:{unit:{meta:{types:{string:1},name:"unit",excludes:{},default:"weight",description:'How to interpret `levelSize.value`.\n`percentage` gives a width relative to result of outer radius minus\ninner radius.\n`pixels` gives the ring a fixed width in pixels.\n`weight` takes the remaining width after percentage and pixels, and\ndistributes it accross all "weighted" levels. The value relative to\nthe sum of all weights determines the width.'},subtree:{}},value:{meta:{types:{number:1},name:"value",excludes:{},default:1,description:"The value used for calculating the width of the ring. Its' affect is\ndetermined by `levelSize.unit`."},subtree:{}}}},levels:{meta:{types:{array:"Object"},name:"levels",excludes:{},description:"Set options on specific levels. Takes precedence over series options,\nbut not point options."},subtree:{borderColor:{meta:{types:{color:1},name:"borderColor",excludes:{},description:"Can set a `borderColor` on all points which lies on the same level."},subtree:{}},borderDashStyle:{meta:{types:{string:1},name:"borderDashStyle",excludes:{},description:"Can set a `borderDashStyle` on all points which lies on the same level."},subtree:{}},borderWidth:{meta:{types:{number:1},name:"borderWidth",excludes:{},description:"Can set a `borderWidth` on all points which lies on the same level."},subtree:{}},color:{meta:{types:{color:1},name:"color",excludes:{},description:"Can set a `color` on all points which lies on the same level."},subtree:{}},colorVariation:{meta:{types:{object:1},name:"colorVariation",excludes:{},description:"Can set a `colorVariation` on all points which lies on the same level."},subtree:{key:{meta:{types:{string:1},name:"key",excludes:{},description:"The key of a color variation. Currently supports `brightness` only."},subtree:{}},to:{meta:{types:{number:1},name:"to",excludes:{},description:"The ending value of a color variation. The last sibling will receive this\nvalue."},subtree:{}}}},levelSize:{meta:{types:{object:1},name:"levelSize",excludes:{},description:"Can set a `levelSize` on all points which lies on the same level."},subtree:{}},rotation:{meta:{types:{number:1},name:"rotation",excludes:{},description:"Can set a `rotation` on all points which lies on the same level."},subtree:{}},rotationMode:{meta:{types:{string:1},name:"rotationMode",excludes:{},description:"Can set a `rotationMode` on all points which lies on the same level."},subtree:{}}}},rootId:{meta:{types:{string:1,undefined:1},name:"rootId",excludes:{},default:"undefined",description:"Which point to use as a root in the visualization."},subtree:{}},slicedOffset:{meta:{types:{number:1},name:"slicedOffset",excludes:{},default:10,description:"If a point is sliced, moved out from the center, how many pixels\nshould it be moved?."},subtree:{}}}},tilemap:{meta:{types:{object:1},name:"tilemap",excludes:{},products:{highcharts:1,highmaps:1},description:"A tilemap series is a type of heatmap where the tile shapes are configurable.\n\nConfiguration options for the series are given in three levels:\n1. Options for all series in a chart are defined in the\n   [plotOptions.series](plotOptions.series) object.\n2. Options for all `tilemap` series are defined in\n   [plotOptions.tilemap](plotOptions.tilemap).\n3. Options for one single series are given in\n   [the series instance array](series.tilemap).\n\n<pre>\nHighcharts.chart('container', {\n    plotOptions: {\n        series: {\n            // general options for all series\n        },\n        tilemap: {\n            // shared options for all tilemap series\n        }\n    },\n    series: [{\n        // specific options for this series instance\n        type: 'tilemap'\n    }]\n});\n</pre>\n            ",extends:"plotOptions.heatmap"},subtree:{colsize:{meta:{types:{number:1},name:"colsize",excludes:{},default:"1",products:{highcharts:1,highmaps:1},description:"The column size - how many X axis units each column in the tilemap\nshould span. Works as in [Heatmaps](#plotOptions.heatmap.colsize)."},subtree:{}},pointPadding:{meta:{types:{number:1},name:"pointPadding",excludes:{},default:2,description:"The padding between points in the tilemap."},subtree:{}},rowsize:{meta:{types:{number:1},name:"rowsize",excludes:{},default:"1",products:{highcharts:1,highmaps:1},description:"The row size - how many Y axis units each tilemap row should span.\nAnalogous to [colsize](#plotOptions.tilemap.colsize)."},subtree:{}},states:{meta:{types:{object:1},name:"states",excludes:{}},subtree:{hover:{meta:{types:{object:1},name:"hover",excludes:{}},subtree:{halo:{meta:{types:{object:1},name:"halo",excludes:{}},subtree:{attributes:{meta:{types:{object:1},name:"attributes",excludes:{}},subtree:{zIndex:{meta:{types:{number:1},name:"zIndex",excludes:{},default:3},subtree:{}}}},enabled:{meta:{types:{boolean:1},name:"enabled",excludes:{},default:!0},subtree:{}},opacity:{meta:{types:{number:1},name:"opacity",excludes:{},default:.5},subtree:{}},size:{meta:{types:{number:1},name:"size",excludes:{},default:2},subtree:{}}}}}}}},tileShape:{meta:{types:{string:1},name:"tileShape",excludes:{},default:"hexagon",description:"The shape of the tiles in the tilemap. Possible values are `hexagon`,\n`circle`, `diamond`, and `square`."},subtree:{}}}},treemap:{meta:{types:{object:1},name:"treemap",excludes:{},products:{highcharts:1},description:"A treemap displays hierarchical data using nested rectangles. The data can be\nlaid out in varying ways depending on options.\n\nConfiguration options for the series are given in three levels:\n1. Options for all series in a chart are defined in the\n   [plotOptions.series](plotOptions.series) object.\n2. Options for all `treemap` series are defined in\n   [plotOptions.treemap](plotOptions.treemap).\n3. Options for one single series are given in\n   [the series instance array](series.treemap).\n\n<pre>\nHighcharts.chart('container', {\n    plotOptions: {\n        series: {\n            // general options for all series\n        },\n        treemap: {\n            // shared options for all treemap series\n        }\n    },\n    series: [{\n        // specific options for this series instance\n        type: 'treemap'\n    }]\n});\n</pre>\n            ",extends:"plotOptions.scatter"},subtree:{allowDrillToNode:{meta:{types:{boolean:1},name:"allowDrillToNode",excludes:{},default:"false",products:{highcharts:1},description:"When enabled the user can click on a point which is a parent and\nzoom in on its children."},subtree:{}},alternateStartingDirection:{meta:{types:{boolean:1},name:"alternateStartingDirection",excludes:{},default:"false",products:{highcharts:1},description:"Enabling this option will make the treemap alternate the drawing\ndirection between vertical and horizontal. The next levels starting\ndirection will always be the opposite of the previous."},subtree:{}},borderColor:{meta:{types:{color:1},name:"borderColor",excludes:{},default:"#e6e6e6",products:{highcharts:1},description:"The color of the border surrounding each tree map item."},subtree:{}},borderWidth:{meta:{types:{number:1},name:"borderWidth",excludes:{},default:1,description:"The width of the border surrounding each tree map item."},subtree:{}},colorByPoint:{meta:{types:{boolean:1},name:"colorByPoint",excludes:{},default:"false",description:"When using automatic point colors pulled from the `options.colors`\ncollection, this option determines whether the chart should receive\none color per series or one color per point."},subtree:{}},colors:{meta:{types:{array:"Color"},name:"colors",excludes:{},description:"A series specific or series type specific color set to apply instead\nof the global [colors](#colors) when [colorByPoint](\n#plotOptions.treemap.colorByPoint) is true."},subtree:{}},cropThreshold:{meta:{types:{number:1},name:"cropThreshold",excludes:{},default:"300",products:{highcharts:1},description:"When the series contains less points than the crop threshold, all\npoints are drawn, event if the points fall outside the visible plot\narea at the current zoom. The advantage of drawing all points (including\nmarkers and columns), is that animation is performed on updates.\nOn the other hand, when the series contains more points than the\ncrop threshold, the series data is cropped to only contain points\nthat fall within the plot area. The advantage of cropping away invisible\npoints is to increase performance on large series."},subtree:{}},dataLabels:{meta:{types:{object:1},name:"dataLabels",excludes:{},products:{highcharts:1},extends:"plotOptions.heatmap.dataLabels"},subtree:{defer:{meta:{types:{boolean:1},name:"defer",excludes:{},default:!1},subtree:{}},enabled:{meta:{types:{boolean:1},name:"enabled",excludes:{},default:!0},subtree:{}},formatter:{meta:{types:{},name:"formatter",excludes:{}},subtree:{}},inside:{meta:{types:{boolean:1},name:"inside",excludes:{},default:!0},subtree:{}},verticalAlign:{meta:{types:{string:1},name:"verticalAlign",excludes:{},default:"middle"},subtree:{}}}},drillUpButton:{meta:{types:{object:1},name:"drillUpButton",excludes:{},description:"Options for the button appearing when drilling down in a treemap."},subtree:{position:{meta:{types:{object:1},name:"position",excludes:{},description:"The position of the button."},subtree:{align:{meta:{types:{string:1},name:"align",excludes:{},default:"right",description:"Horizontal alignment of the button."},subtree:{}},verticalAlign:{meta:{types:{string:1},name:"verticalAlign",excludes:{},default:"top",description:"Vertical alignment of the button."},subtree:{}},x:{meta:{types:{number:1},name:"x",excludes:{},default:"-10",description:"Horizontal offset of the button."},subtree:{}},y:{meta:{types:{number:1},name:"y",excludes:{},default:10,description:"Vertical offset of the button."},subtree:{}}}}}},ignoreHiddenPoint:{meta:{types:{boolean:1},name:"ignoreHiddenPoint",excludes:{},default:"true",products:{highcharts:1},description:"Whether to ignore hidden points when the layout algorithm runs.\nIf `false`, hidden points will leave open spaces."},subtree:{}},interactByLeaf:{meta:{types:{boolean:1},name:"interactByLeaf",excludes:{},products:{highcharts:1},description:"This option decides if the user can interact with the parent nodes\nor just the leaf nodes. When this option is undefined, it will be\ntrue by default. However when allowDrillToNode is true, then it will\nbe false by default."},subtree:{}},layoutAlgorithm:{meta:{types:{string:1},name:"layoutAlgorithm",excludes:{},default:"sliceAndDice",products:{highcharts:1},description:"This option decides which algorithm is used for setting position\nand dimensions of the points. Can be one of `sliceAndDice`, `stripes`,\n `squarified` or `strip`."},subtree:{}},layoutStartingDirection:{meta:{types:{string:1},name:"layoutStartingDirection",excludes:{},default:"vertical",products:{highcharts:1},description:'Defines which direction the layout algorithm will start drawing.\n Possible values are "vertical" and "horizontal".'},subtree:{}},levelIsConstant:{meta:{types:{boolean:1},name:"levelIsConstant",excludes:{},default:"true",products:{highcharts:1},description:"Used together with the levels and allowDrillToNode options. When\nset to false the first level visible when drilling is considered\nto be level one. Otherwise the level will be the same as the tree\nstructure."},subtree:{}},levels:{meta:{types:{array:"Object"},name:"levels",excludes:{},products:{highcharts:1},description:"Set options on specific levels. Takes precedence over series options,\nbut not point options."},subtree:{borderColor:{meta:{types:{color:1},name:"borderColor",excludes:{},products:{highcharts:1},description:"Can set a `borderColor` on all points which lies on the same level."},subtree:{}},borderDashStyle:{meta:{types:{string:1},name:"borderDashStyle",excludes:{},products:{highcharts:1},description:'Set the dash style of the border of all the point which lies on the\nlevel. See <a href"#plotoptions.scatter.dashstyle">\nplotOptions.scatter.dashStyle</a> for possible options.'},subtree:{}},borderWidth:{meta:{types:{number:1},name:"borderWidth",excludes:{},products:{highcharts:1},description:"Can set the borderWidth on all points which lies on the same level."},subtree:{}},color:{meta:{types:{color:1},name:"color",excludes:{},products:{highcharts:1},description:"Can set a color on all points which lies on the same level."},subtree:{}},colorVariation:{meta:{types:{object:1},name:"colorVariation",excludes:{},products:{highcharts:1},description:"A configuration object to define how the color of a child varies from the\nparent's color. The variation is distributed among the children of node.\nFor example when setting brightness, the brightness change will range\nfrom the parent's original brightness on the first child, to the amount\nset in the `to` setting on the last node. This allows a gradient-like\ncolor scheme that sets children out from each other while highlighting\nthe grouping on treemaps and sectors on sunburst charts."},subtree:{key:{meta:{types:{string:1},name:"key",excludes:{},products:{highcharts:1},description:"The key of a color variation. Currently supports `brightness` only."},subtree:{}},to:{meta:{types:{number:1},name:"to",excludes:{},products:{highcharts:1},description:"The ending value of a color variation. The last sibling will receive this\nvalue."},subtree:{}}}},layoutAlgorithm:{meta:{types:{string:1},name:"layoutAlgorithm",excludes:{},products:{highcharts:1},description:"Can set the layoutAlgorithm option on a specific level."},subtree:{}},layoutStartingDirection:{meta:{types:{string:1},name:"layoutStartingDirection",excludes:{},products:{highcharts:1},description:"Can set the layoutStartingDirection option on a specific level."},subtree:{}},level:{meta:{types:{number:1},name:"level",excludes:{},products:{highcharts:1},description:"Decides which level takes effect from the options set in the levels\nobject."},subtree:{}}}},opacity:{meta:{types:{number:1},name:"opacity",excludes:{},default:"0.15",products:{highcharts:1},description:"The opacity of a point in treemap. When a point has children, the\nvisibility of the children is determined by the opacity."},subtree:{}},showInLegend:{meta:{types:{boolean:1},name:"showInLegend",excludes:{},default:"false",products:{highcharts:1},description:"Whether to display this series type or specific series item in the\nlegend."},subtree:{}},sortIndex:{meta:{types:{number:1},name:"sortIndex",excludes:{},products:{highcharts:1},description:"The sort index of the point inside the treemap level."},subtree:{}},states:{meta:{types:{object:1},name:"states",excludes:{},products:{highcharts:1},description:"A wrapper object for all the series options in specific states.",extends:"plotOptions.heatmap.states"},subtree:{hover:{meta:{types:{object:1},name:"hover",excludes:{},products:{highcharts:1},description:"Options for the hovered series",extends:"plotOptions.heatmap.states.hover"},subtree:{borderColor:{meta:{types:{string:1},name:"borderColor",excludes:{},default:"#999999",description:"The border color for the hovered state."},subtree:{}},brightness:{meta:{types:{number:1},name:"brightness",excludes:{},default:"null",description:"Brightness for the hovered point. Defaults to 0 if the heatmap\nseries is loaded first, otherwise 0.1."},subtree:{}},halo:{meta:{types:{boolean:1},name:"halo",excludes:{},default:!1,extends:"plotOptions.heatmap.states.hover.halo"},subtree:{}},opacity:{meta:{types:{number:1},name:"opacity",excludes:{},default:"0.75",products:{highcharts:1},description:"The opacity of a point in treemap. When a point has children,\nthe visibility of the children is determined by the opacity."},subtree:{}},shadow:{meta:{types:{boolean:1},name:"shadow",excludes:{},default:!1,description:"The shadow option for hovered state."},subtree:{}}}}}},tooltip:{meta:{types:{object:1},name:"tooltip",excludes:{}},subtree:{headerFormat:{meta:{types:{string:1},name:"headerFormat",excludes:{},default:""},subtree:{}},pointFormat:{meta:{types:{string:1},name:"pointFormat",excludes:{},default:"<b>{point.name}</b>: {point.value}<br/>"},subtree:{}}}}}},variablepie:{meta:{types:{object:1},name:"variablepie",excludes:{},products:{highcharts:1},description:"A variable pie series is a two dimensional series type, where each point\nrenders an Y and Z value.  Each point is drawn as a pie slice where the\nsize (arc) of the slice relates to the Y value and the radius of pie\nslice relates to the Z value. Requires `highcharts-more.js`.\n\nConfiguration options for the series are given in three levels:\n1. Options for all series in a chart are defined in the\n   [plotOptions.series](plotOptions.series) object.\n2. Options for all `variablepie` series are defined in\n   [plotOptions.variablepie](plotOptions.variablepie).\n3. Options for one single series are given in\n   [the series instance array](series.variablepie).\n\n<pre>\nHighcharts.chart('container', {\n    plotOptions: {\n        series: {\n            // general options for all series\n        },\n        variablepie: {\n            // shared options for all variablepie series\n        }\n    },\n    series: [{\n        // specific options for this series instance\n        type: 'variablepie'\n    }]\n});\n</pre>\n            ",extends:"plotOptions.pie"},subtree:{maxPointSize:{meta:{types:{number:1,string:1},name:"maxPointSize",excludes:{},default:"100%",products:{highcharts:1},description:"The maximum size of the points' radius related to chart's `plotArea`.\nIf a number is set, it applies in pixels."},subtree:{}},minPointSize:{meta:{types:{number:1,string:1},name:"minPointSize",excludes:{},default:"10%",products:{highcharts:1},description:"The minimum size of the points' radius related to chart's `plotArea`.\nIf a number is set, it applies in pixels."},subtree:{}},sizeBy:{meta:{types:{string:1},name:"sizeBy",excludes:{},default:"area",products:{highcharts:1},description:"Whether the pie slice's value should be represented by the area\nor the radius of the slice. Can be either `area` or `radius`. The\ndefault, `area`, corresponds best to the human perception of the size\nof each pie slice."},subtree:{}},tooltip:{meta:{types:{object:1},name:"tooltip",excludes:{}},subtree:{pointFormat:{meta:{types:{string:1},name:"pointFormat",excludes:{},default:'<span style="color:{point.color}">●</span> {series.name}<br/>Value: {point.y}<br/>Size: {point.z}<br/>'},subtree:{}}}},zMax:{meta:{types:{number:1},name:"zMax",excludes:{},products:{highcharts:1},description:"The maximum possible z value for the point's radius calculation. If\nthe point's Z value is bigger than zMax, the slice will be drawn\naccording to the zMax value"},subtree:{}},zMin:{meta:{types:{number:1},name:"zMin",excludes:{},products:{highcharts:1},description:"The minimum possible z value for the point's radius calculation.\nIf the point's Z value is smaller than zMin, the slice will be drawn\naccording to the zMin value."},subtree:{}}}},variwide:{meta:{types:{object:1},name:"variwide",excludes:{},products:{highcharts:1},description:"A variwide chart (related to marimekko chart) is a column chart with a\nvariable width expressing a third dimension.\n\nConfiguration options for the series are given in three levels:\n1. Options for all series in a chart are defined in the\n   [plotOptions.series](plotOptions.series) object.\n2. Options for all `variwide` series are defined in\n   [plotOptions.variwide](plotOptions.variwide).\n3. Options for one single series are given in\n   [the series instance array](series.variwide).\n\n<pre>\nHighcharts.chart('container', {\n    plotOptions: {\n        series: {\n            // general options for all series\n        },\n        variwide: {\n            // shared options for all variwide series\n        }\n    },\n    series: [{\n        // specific options for this series instance\n        type: 'variwide'\n    }]\n});\n</pre>\n            ",extends:"plotOptions.column"},subtree:{groupPadding:{meta:{types:{number:1},name:"groupPadding",excludes:{},default:0,description:"In a variwide chart, the group padding is 0 in order to express the\nhorizontal stacking of items."},subtree:{}},pointPadding:{meta:{types:{number:1},name:"pointPadding",excludes:{},default:0,description:"In a variwide chart, the point padding is 0 in order to express the\nhorizontal stacking of items."},subtree:{}}}},vbp:{meta:{types:{object:1},name:"vbp",excludes:{},products:{highstock:1},description:"Volume By Price indicator.\n\nThis series requires `linkedTo` option to be set.\n\nConfiguration options for the series are given in three levels:\n1. Options for all series in a chart are defined in the\n   [plotOptions.series](plotOptions.series) object.\n2. Options for all `vbp` series are defined in\n   [plotOptions.vbp](plotOptions.vbp).\n3. Options for one single series are given in\n   [the series instance array](series.vbp).\n\n<pre>\nHighcharts.chart('container', {\n    plotOptions: {\n        series: {\n            // general options for all series\n        },\n        vbp: {\n            // shared options for all vbp series\n        }\n    },\n    series: [{\n        // specific options for this series instance\n        type: 'vbp'\n    }]\n});\n</pre>\n            ",extends:"plotOptions.sma"},subtree:{animationLimit:{meta:{types:{number:1},name:"animationLimit",excludes:{},default:1e3},subtree:{}},crisp:{meta:{types:{boolean:1},name:"crisp",excludes:{},default:!0},subtree:{}},dataGrouping:{meta:{types:{object:1},name:"dataGrouping",excludes:{}},subtree:{enabled:{meta:{types:{boolean:1},name:"enabled",excludes:{},default:!1},subtree:{}}}},dataLabels:{meta:{types:{object:1},name:"dataLabels",excludes:{}},subtree:{allowOverlap:{meta:{types:{boolean:1},name:"allowOverlap",excludes:{},default:!0},subtree:{}},enabled:{meta:{types:{boolean:1},name:"enabled",excludes:{},default:!0},subtree:{}},format:{meta:{types:{string:1},name:"format",excludes:{},default:"P: {point.volumePos:.2f} | N: {point.volumeNeg:.2f}"},subtree:{}},padding:{meta:{types:{number:1},name:"padding",excludes:{},default:0},subtree:{}},style:{meta:{types:{object:1},name:"style",excludes:{}},subtree:{fontSize:{meta:{types:{string:1},name:"fontSize",excludes:{},default:"7px"},subtree:{}}}},verticalAlign:{meta:{types:{string:1},name:"verticalAlign",excludes:{},default:"top"},subtree:{}}}},enableMouseTracking:{meta:{types:{boolean:1},name:"enableMouseTracking",excludes:{},default:!1},subtree:{}},params:{meta:{types:{object:1},name:"params",excludes:{}},subtree:{ranges:{meta:{types:{number:1},name:"ranges",excludes:{},default:12,products:{highstock:1},description:"The number of price zones."},subtree:{}},volumeSeriesID:{meta:{types:{string:1},name:"volumeSeriesID",excludes:{},default:"volume",products:{highstock:1},description:"The id of volume series which is mandatory. For example using\nOHLC data, volumeSeriesID='volume' means the indicator will be\ncalculated using OHLC and volume values."},subtree:{}}}},pointPadding:{meta:{types:{number:1},name:"pointPadding",excludes:{},default:0},subtree:{}},volumeDivision:{meta:{types:{object:1},name:"volumeDivision",excludes:{},products:{highstock:1},description:"The styles for bars when volume is divided into positive/negative."},subtree:{enabled:{meta:{types:{boolean:1},name:"enabled",excludes:{},default:!0,products:{highstock:1},description:"Option to control if volume is divided."},subtree:{}},styles:{meta:{types:{object:1},name:"styles",excludes:{}},subtree:{negativeColor:{meta:{types:{color:1},name:"negativeColor",excludes:{},default:"rgba(244, 91, 91, 0.8)",products:{highstock:1},description:"Color of negative volume bars."},subtree:{}},positiveColor:{meta:{types:{color:1},name:"positiveColor",excludes:{},default:"rgba(144, 237, 125, 0.8)",products:{highstock:1},description:"Color of positive volume bars."},subtree:{}}}}}},zIndex:{meta:{types:{number:1},name:"zIndex",excludes:{},default:-1},subtree:{}},zoneLines:{meta:{types:{object:1},name:"zoneLines",excludes:{},products:{highstock:1},description:"The styles for lines which determine price zones."},subtree:{enabled:{meta:{types:{boolean:1},name:"enabled",excludes:{},default:"true",products:{highstock:1},description:"Enable/disable zone lines."},subtree:{}},styles:{meta:{types:{object:1},name:"styles",excludes:{}},subtree:{color:{meta:{types:{color:1},name:"color",excludes:{},default:"#0A9AC9",products:{highstock:1},description:"Color of zone lines."},subtree:{}},dashStyle:{meta:{types:{string:1},name:"dashStyle",excludes:{},default:"LongDash",products:{highstock:1},description:"The dash style of zone lines."},subtree:{}},lineWidth:{meta:{types:{number:1},name:"lineWidth",excludes:{},default:1,products:{highstock:1},description:"Pixel width of zone lines."},subtree:{}}}}}}}},vector:{meta:{types:{object:1},name:"vector",excludes:{},products:{highcharts:1,highstock:1},description:"A vector plot is a type of cartesian chart where each point has an X and Y\nposition, a length and a direction. Vectors are drawn as arrows.\n\nConfiguration options for the series are given in three levels:\n1. Options for all series in a chart are defined in the\n   [plotOptions.series](plotOptions.series) object.\n2. Options for all `vector` series are defined in\n   [plotOptions.vector](plotOptions.vector).\n3. Options for one single series are given in\n   [the series instance array](series.vector).\n\n<pre>\nHighcharts.chart('container', {\n    plotOptions: {\n        series: {\n            // general options for all series\n        },\n        vector: {\n            // shared options for all vector series\n        }\n    },\n    series: [{\n        // specific options for this series instance\n        type: 'vector'\n    }]\n});\n</pre>\n            ",
extends:"plotOptions.scatter"},subtree:{lineWidth:{meta:{types:{number:1},name:"lineWidth",excludes:{},default:2,description:"The line width for each vector arrow."},subtree:{}},rotationOrigin:{meta:{types:{string:1},name:"rotationOrigin",excludes:{},default:"center",description:"What part of the vector it should be rotated around. Can be one of\n`start`, `center` and `end`. When `start`, the vectors will start from\nthe given [x, y] position, and when `end` the vectors will end in the\n[x, y] position."},subtree:{}},states:{meta:{types:{object:1},name:"states",excludes:{}},subtree:{hover:{meta:{types:{object:1},name:"hover",excludes:{}},subtree:{lineWidthPlus:{meta:{types:{number:1},name:"lineWidthPlus",excludes:{},default:1,description:"Additonal line width for the vector errors when they are hovered."},subtree:{}}}}}},tooltip:{meta:{types:{object:1},name:"tooltip",excludes:{}},subtree:{pointFormat:{meta:{types:{string:1},name:"pointFormat",excludes:{},default:"<b>[{point.x}, {point.y}]</b><br/>Length: <b>{point.length}</b><br/>Direction: <b>{point.direction}°</b><br/>"},subtree:{}}}},vectorLength:{meta:{types:{number:1},name:"vectorLength",excludes:{},default:20,description:"Maximum length of the arrows in the vector plot. The individual arrow\nlength is computed between 0 and this value."},subtree:{}}}},vwap:{meta:{types:{object:1},name:"vwap",excludes:{},products:{highstock:1},description:"Volume Weighted Average Price indicator.\n\nThis series requires `linkedTo` option to be set.\n\nConfiguration options for the series are given in three levels:\n1. Options for all series in a chart are defined in the\n   [plotOptions.series](plotOptions.series) object.\n2. Options for all `vwap` series are defined in\n   [plotOptions.vwap](plotOptions.vwap).\n3. Options for one single series are given in\n   [the series instance array](series.vwap).\n\n<pre>\nHighcharts.chart('container', {\n    plotOptions: {\n        series: {\n            // general options for all series\n        },\n        vwap: {\n            // shared options for all vwap series\n        }\n    },\n    series: [{\n        // specific options for this series instance\n        type: 'vwap'\n    }]\n});\n</pre>\n            ",extends:"plotOptions.sma"},subtree:{params:{meta:{types:{object:1},name:"params",excludes:{}},subtree:{period:{meta:{types:{number:1},name:"period",excludes:{},default:30},subtree:{}},volumeSeriesID:{meta:{types:{string:1},name:"volumeSeriesID",excludes:{},default:"volume",products:{highstock:1},description:"The id of volume series which is mandatory. For example using\nOHLC data, volumeSeriesID='volume' means the indicator will be\ncalculated using OHLC and volume values."},subtree:{}}}}}},waterfall:{meta:{types:{object:1},name:"waterfall",excludes:{},products:{highcharts:1},description:"A waterfall chart displays sequentially introduced positive or negative\nvalues in cumulative columns.\n\nConfiguration options for the series are given in three levels:\n1. Options for all series in a chart are defined in the\n   [plotOptions.series](plotOptions.series) object.\n2. Options for all `waterfall` series are defined in\n   [plotOptions.waterfall](plotOptions.waterfall).\n3. Options for one single series are given in\n   [the series instance array](series.waterfall).\n\n<pre>\nHighcharts.chart('container', {\n    plotOptions: {\n        series: {\n            // general options for all series\n        },\n        waterfall: {\n            // shared options for all waterfall series\n        }\n    },\n    series: [{\n        // specific options for this series instance\n        type: 'waterfall'\n    }]\n});\n</pre>\n            ",extends:"{plotOptions.column}"},subtree:{borderColor:{meta:{types:{color:1},name:"borderColor",excludes:{},default:"#333333",products:{highcharts:1},description:"The color of the border of each waterfall column.\n\nIn styled mode, the border stroke can be set with the\n`.highcharts-point` class."},subtree:{}},dashStyle:{meta:{types:{string:1},name:"dashStyle",excludes:{},default:"Dot",products:{highcharts:1},description:"A name for the dash style to use for the line connecting the columns\nof the waterfall series. Possible values:\n\n*   Solid\n*   ShortDash\n*   ShortDot\n*   ShortDashDot\n*   ShortDashDotDot\n*   Dot\n*   Dash\n*   LongDash\n*   DashDot\n*   LongDashDot\n*   LongDashDotDot\n\nIn styled mode, the stroke dash-array can be set with the\n`.highcharts-graph` class."},subtree:{}},dataLabels:{meta:{types:{object:1},name:"dataLabels",excludes:{}},subtree:{inside:{meta:{types:{boolean:1},name:"inside",excludes:{},default:!0},subtree:{}}}},lineColor:{meta:{types:{color:1},name:"lineColor",excludes:{},default:"#333333",products:{highcharts:1},description:"The color of the line that connects columns in a waterfall series.\n\nIn styled mode, the stroke can be set with the `.highcharts-graph` class."},subtree:{}},lineWidth:{meta:{types:{number:1},name:"lineWidth",excludes:{},default:1,products:{highcharts:1},description:"The width of the line connecting waterfall columns."},subtree:{}},states:{meta:{types:{object:1},name:"states",excludes:{}},subtree:{hover:{meta:{types:{object:1},name:"hover",excludes:{}},subtree:{lineWidthPlus:{meta:{types:{number:1},name:"lineWidthPlus",excludes:{},default:0},subtree:{}}}}}},upColor:{meta:{types:{color:1},name:"upColor",excludes:{},products:{highcharts:1},description:"The color used specifically for positive point columns. When not\nspecified, the general series color is used.\n\nIn styled mode, the waterfall colors can be set with the\n`.highcharts-point-negative`, `.highcharts-sum` and\n`.highcharts-intermediate-sum` classes."},subtree:{}}}},windbarb:{meta:{types:{object:1},name:"windbarb",excludes:{},products:{highcharts:1,highstock:1},description:"Wind barbs are a convenient way to represent wind speed and direction in one\ngraphical form. Wind direction is given by the stem direction, and wind speed\nby the number and shape of barbs.\n\nConfiguration options for the series are given in three levels:\n1. Options for all series in a chart are defined in the\n   [plotOptions.series](plotOptions.series) object.\n2. Options for all `windbarb` series are defined in\n   [plotOptions.windbarb](plotOptions.windbarb).\n3. Options for one single series are given in\n   [the series instance array](series.windbarb).\n\n<pre>\nHighcharts.chart('container', {\n    plotOptions: {\n        series: {\n            // general options for all series\n        },\n        windbarb: {\n            // shared options for all windbarb series\n        }\n    },\n    series: [{\n        // specific options for this series instance\n        type: 'windbarb'\n    }]\n});\n</pre>\n            ",extends:"plotOptions.column"},subtree:{lineWidth:{meta:{types:{number:1},name:"lineWidth",excludes:{},default:2,description:"The line width of the wind barb symbols."},subtree:{}},onSeries:{meta:{types:{string:1,null:1},name:"onSeries",excludes:{},default:null,description:"The id of another series in the chart that the wind barbs are projected\non. When `null`, the wind symbols are drawn on the X axis, but offset\nup or down by the `yOffset` setting."},subtree:{}},states:{meta:{types:{object:1},name:"states",excludes:{}},subtree:{hover:{meta:{types:{object:1},name:"hover",excludes:{}},subtree:{lineWidthPlus:{meta:{types:{number:1},name:"lineWidthPlus",excludes:{},default:0},subtree:{}}}}}},tooltip:{meta:{types:{object:1},name:"tooltip",excludes:{}},subtree:{pointFormat:{meta:{types:{string:1},name:"pointFormat",excludes:{},default:'<span style="color:{point.color}">●</span> {series.name}: <b>{point.value}</b> ({point.beaufort})<br/>',description:"The default point format for the wind barb tooltip. Note the\n`point.beaufort` property that refers to the Beaufort wind scale. The\nnames can be internationalized by modifying\n`Highcharts.seriesTypes.windbarb.prototype.beaufortNames`."},subtree:{}}}},vectorLength:{meta:{types:{number:1},name:"vectorLength",excludes:{},default:20,description:"Pixel length of the stems."},subtree:{}},xOffset:{meta:{types:{number:1},name:"xOffset",excludes:{},default:0,description:"Horizontal offset from the cartesian position, in pixels. When the chart\nis inverted, this option allows translation like\n[yOffset](#plotOptions.windbarb.yOffset) in non inverted charts."},subtree:{}},yOffset:{meta:{types:{number:1},name:"yOffset",excludes:{},default:-20,description:"Vertical offset from the cartesian position, in pixels. The default value\nmakes sure the symbols don't overlap the X axis when `onSeries` is\n`null`, and that they don't overlap the linked series when `onSeries` is\ngiven."},subtree:{}}}},wma:{meta:{types:{object:1},name:"wma",excludes:{},products:{highstock:1},description:"Weighted moving average indicator (WMA). This series requires `linkedTo`\noption to be set.\n\nConfiguration options for the series are given in three levels:\n1. Options for all series in a chart are defined in the\n   [plotOptions.series](plotOptions.series) object.\n2. Options for all `wma` series are defined in\n   [plotOptions.wma](plotOptions.wma).\n3. Options for one single series are given in\n   [the series instance array](series.wma).\n\n<pre>\nHighcharts.chart('container', {\n    plotOptions: {\n        series: {\n            // general options for all series\n        },\n        wma: {\n            // shared options for all wma series\n        }\n    },\n    series: [{\n        // specific options for this series instance\n        type: 'wma'\n    }]\n});\n</pre>\n            ",extends:"plotOptions.sma"},subtree:{params:{meta:{types:{object:1},name:"params",excludes:{}},subtree:{index:{meta:{types:{number:1},name:"index",excludes:{},default:3},subtree:{}},period:{meta:{types:{number:1},name:"period",excludes:{},default:9},subtree:{}}}}}},wordcloud:{meta:{types:{object:1},name:"wordcloud",excludes:{},products:{highcharts:1},description:"A word cloud is a visualization of a set of words, where the size and\nplacement of a word is determined by how it is weighted.\n\nConfiguration options for the series are given in three levels:\n1. Options for all series in a chart are defined in the\n   [plotOptions.series](plotOptions.series) object.\n2. Options for all `wordcloud` series are defined in\n   [plotOptions.wordcloud](plotOptions.wordcloud).\n3. Options for one single series are given in\n   [the series instance array](series.wordcloud).\n\n<pre>\nHighcharts.chart('container', {\n    plotOptions: {\n        series: {\n            // general options for all series\n        },\n        wordcloud: {\n            // shared options for all wordcloud series\n        }\n    },\n    series: [{\n        // specific options for this series instance\n        type: 'wordcloud'\n    }]\n});\n</pre>\n            ",extends:"plotOptions.column"},subtree:{allowExtendPlayingField:{meta:{types:{boolean:1},name:"allowExtendPlayingField",excludes:{},default:!0,description:"If there is no space for a word on the playing field, then this option\nwill allow the playing field to be extended to fit the word.\nIf false then the word will be dropped from the visualization.\nNB! This option is currently not decided to be published in the API, and\nis therefore marked as private."},subtree:{}},animation:{meta:{types:{object:1},name:"animation",excludes:{}},subtree:{duration:{meta:{types:{number:1},name:"duration",excludes:{},default:500},subtree:{}}}},borderWidth:{meta:{types:{number:1},name:"borderWidth",excludes:{},default:0},subtree:{}},clip:{meta:{types:{boolean:1},name:"clip",excludes:{},default:!1},subtree:{}},colorByPoint:{meta:{types:{boolean:1},name:"colorByPoint",excludes:{},default:!0,description:"When using automatic point colors pulled from the `options.colors`\ncollection, this option determines whether the chart should receive\none color per series or one color per point."},subtree:{}},maxFontSize:{meta:{types:{number:1},name:"maxFontSize",excludes:{},default:25,description:"The word with the largest weight will have a font size equal to this\nvalue. The font size of a word is the ratio between its weight and the\nlargest occuring weight, multiplied with the value of maxFontSize."},subtree:{}},minFontSize:{meta:{types:{number:1},name:"minFontSize",excludes:{},default:1,description:"A threshold determining the minimum font size that can be applied to a\nword."},subtree:{}},placementStrategy:{meta:{types:{string:1},name:"placementStrategy",excludes:{},default:"center",description:"This option decides which algorithm is used for placement, and rotation\nof a word. The choice of algorith is therefore a crucial part of the\nresulting layout of the wordcloud.\nIt is possible for users to add their own custom placement strategies\nfor use in word cloud. Read more about it in our\n[documentation](https://www.highcharts.com/docs/chart-and-series-types/word-cloud-series#custom-placement-strategies)"},subtree:{}},rotation:{meta:{types:{object:1},name:"rotation",excludes:{},description:"Rotation options for the words in the wordcloud."},subtree:{from:{meta:{types:{number:1},name:"from",excludes:{},default:0,description:"The smallest degree of rotation for a word."},subtree:{}},orientations:{meta:{types:{number:1},name:"orientations",excludes:{},default:2,description:"The number of possible orientations for a word, within the range of\n`rotation.from` and `rotation.to`."},subtree:{}},to:{meta:{types:{number:1},name:"to",excludes:{},default:90,description:"The largest degree of rotation for a word."},subtree:{}}}},showInLegend:{meta:{types:{boolean:1},name:"showInLegend",excludes:{},default:!1},subtree:{}},spiral:{meta:{types:{string:1},name:"spiral",excludes:{},default:"rectangular",description:"Spiral used for placing a word after the initial position experienced a\ncollision with either another word or the borders.\nIt is possible for users to add their own custom spiralling algorithms\nfor use in word cloud. Read more about it in our\n[documentation](https://www.highcharts.com/docs/chart-and-series-types/word-cloud-series#custom-spiralling-algorithm)"},subtree:{}},style:{meta:{types:{cssobject:1},name:"style",excludes:{},default:'{"fontFamily":"sans-serif", "fontWeight": "900"}',description:"CSS styles for the words."},subtree:{fontFamily:{meta:{types:{string:1},name:"fontFamily",excludes:{},default:"sans-serif"},subtree:{}},fontWeight:{meta:{types:{number:1,string:1},name:"fontWeight",excludes:{},default:"900"},subtree:{}}}},tooltip:{meta:{types:{object:1},name:"tooltip",excludes:{}},subtree:{followPointer:{meta:{types:{boolean:1},name:"followPointer",excludes:{},default:!0},subtree:{}},pointFormat:{meta:{types:{string:1},name:"pointFormat",excludes:{},default:'<span style="color:{point.color}">●</span> {series.name}: <b>{point.weight}</b><br/>'},subtree:{}}}}}},xrange:{meta:{types:{object:1},name:"xrange",excludes:{},products:{highcharts:1,highstock:1},description:"The X-range series displays ranges on the X axis, typically time intervals\nwith a start and end date.\n\nConfiguration options for the series are given in three levels:\n1. Options for all series in a chart are defined in the\n   [plotOptions.series](plotOptions.series) object.\n2. Options for all `xrange` series are defined in\n   [plotOptions.xrange](plotOptions.xrange).\n3. Options for one single series are given in\n   [the series instance array](series.xrange).\n\n<pre>\nHighcharts.chart('container', {\n    plotOptions: {\n        series: {\n            // general options for all series\n        },\n        xrange: {\n            // shared options for all xrange series\n        }\n    },\n    series: [{\n        // specific options for this series instance\n        type: 'xrange'\n    }]\n});\n</pre>\n            ",extends:"{plotOptions.column}"},subtree:{borderRadius:{meta:{types:{number:1},name:"borderRadius",excludes:{},default:3},subtree:{}},colorByPoint:{meta:{types:{boolean:1},name:"colorByPoint",excludes:{},default:!0,description:"In an X-range series, this option makes all points of the same Y-axis\ncategory the same color."},subtree:{}},dataLabels:{meta:{types:{object:1},name:"dataLabels",excludes:{}},subtree:{formatter:{meta:{types:{},name:"formatter",excludes:{},description:"The default formatter for X-range data labels displays the percentage\nof the partial fill amount."},subtree:{}},inside:{meta:{types:{boolean:1},name:"inside",excludes:{},default:!0},subtree:{}},verticalAlign:{meta:{types:{string:1},name:"verticalAlign",excludes:{},default:"middle"},subtree:{}}}},partialFill:{meta:{types:{object:1},name:"partialFill",excludes:{},products:{highcharts:1,highstock:1},description:"A partial fill for each point, typically used to visualize how much of\na task is performed. The partial fill object can be set either on series\nor point level."},subtree:{fill:{meta:{types:{color:1},name:"fill",excludes:{},products:{highcharts:1,highstock:1},description:"The fill color to be used for partial fills. Defaults to a darker shade\nof the point color."},subtree:{}}}},pointRange:{meta:{types:{number:1},name:"pointRange",excludes:{},default:0},subtree:{}},tooltip:{meta:{types:{object:1},name:"tooltip",excludes:{}},subtree:{headerFormat:{meta:{types:{string:1},name:"headerFormat",excludes:{},default:'<span style="font-size: 0.85em">{point.x} - {point.x2}</span><br/>'},subtree:{}},pointFormat:{meta:{types:{string:1},name:"pointFormat",excludes:{},default:'<span style="color:{point.color}">●</span> {series.name}: <b>{point.yCategory}</b><br/>'},subtree:{}}}}}},zigzag:{meta:{types:{object:1},name:"zigzag",excludes:{},products:{highstock:1},description:"Zig Zag indicator.\n\nThis series requires `linkedTo` option to be set.\n\nConfiguration options for the series are given in three levels:\n1. Options for all series in a chart are defined in the\n   [plotOptions.series](plotOptions.series) object.\n2. Options for all `zigzag` series are defined in\n   [plotOptions.zigzag](plotOptions.zigzag).\n3. Options for one single series are given in\n   [the series instance array](series.zigzag).\n\n<pre>\nHighcharts.chart('container', {\n    plotOptions: {\n        series: {\n            // general options for all series\n        },\n        zigzag: {\n            // shared options for all zigzag series\n        }\n    },\n    series: [{\n        // specific options for this series instance\n        type: 'zigzag'\n    }]\n});\n</pre>\n            ",extends:"plotOptions.sma"},subtree:{params:{meta:{types:{object:1},name:"params",excludes:{}},subtree:{deviation:{meta:{types:{number:1},name:"deviation",excludes:{},default:1,products:{highstock:1},description:"The threshold for the value change.\n\nFor example deviation=1 means the indicator will ignore all price\nmovements less than 1%."},subtree:{}},highIndex:{meta:{types:{number:1},name:"highIndex",excludes:{},default:1,products:{highstock:1},description:"The point index which indicator calculations will base - high\nvalue.\n\nFor example using OHLC data, index=1 means the indicator will be\ncalculated using High values."},subtree:{}},lowIndex:{meta:{types:{number:1},name:"lowIndex",excludes:{},default:2,products:{highstock:1},description:"The point index which indicator calculations will base - low\nvalue.\n\nFor example using OHLC data, index=2 means the indicator will be\ncalculated using Low values."},subtree:{}}}}}}}},rangeSelector:{meta:{types:{object:1},name:"rangeSelector",excludes:{},products:{highstock:1},description:"The range selector is a tool for selecting ranges to display within\nthe chart. It provides buttons to select preconfigured ranges in\nthe chart, like 1 day, 1 week, 1 month etc. It also provides input\nboxes where min and max dates can be manually input."},subtree:{allButtonsEnabled:{meta:{types:{boolean:1},name:"allButtonsEnabled",excludes:{},default:"false",products:{highstock:1},description:"Whether to enable all buttons from the start. By default buttons are\nonly enabled if the corresponding time range exists on the X axis,\nbut enabling all buttons allows for dynamically loading different\ntime ranges."},subtree:{}},buttonPosition:{meta:{types:{"*":1},name:"buttonPosition",excludes:{},products:{highstock:1},description:"Positioning for the button row."},subtree:{align:{meta:{types:{string:1},name:"align",excludes:{},default:"left",description:"The alignment of the input box. Allowed properties are `left`,\n`center`, `right`."},subtree:{}},x:{meta:{types:{number:1},name:"x",excludes:{},default:"0",description:"X offset of the button row."},subtree:{}},y:{meta:{types:{number:1},name:"y",excludes:{},default:"0",description:"Y offset of the button row."},subtree:{}}}},buttonSpacing:{meta:{types:{number:1},name:"buttonSpacing",excludes:{},default:"0",products:{highstock:1},description:"The space in pixels between the buttons in the range selector."},subtree:{}},buttonTheme:{meta:{types:{"highcharts.cssobject":1},name:"buttonTheme",excludes:{},products:{highstock:1},description:"A collection of attributes for the buttons. The object takes SVG\nattributes like `fill`, `stroke`, `stroke-width`, as well as `style`,\na collection of CSS properties for the text.\n\nThe object can also be extended with states, so you can set\npresentational options for `hover`, `select` or `disabled` button\nstates.\n\nCSS styles for the text label.\n\nIn styled mode, the buttons are styled by the\n`.highcharts-range-selector-buttons .highcharts-button` rule with its\ndifferent states."},subtree:{height:{meta:{types:{number:1},name:"height",excludes:{},default:18},subtree:{}},padding:{meta:{types:{number:1},name:"padding",excludes:{},default:2},subtree:{}},width:{meta:{types:{number:1},name:"width",excludes:{},default:28},subtree:{}},zIndex:{meta:{types:{number:1},name:"zIndex",excludes:{},default:7},subtree:{}}}},buttons:{meta:{types:{array:"*"},name:"buttons",excludes:{},products:{highstock:1},description:"An array of configuration objects for the buttons.\n\nDefaults to\n\n<pre>buttons: [{\n    type: 'month',\n    count: 1,\n    text: '1m'\n}, {\n    type: 'month',\n    count: 3,\n    text: '3m'\n}, {\n    type: 'month',\n    count: 6,\n    text: '6m'\n}, {\n    type: 'ytd',\n    text: 'YTD'\n}, {\n    type: 'year',\n    count: 1,\n    text: '1y'\n}, {\n    type: 'all',\n    text: 'All'\n}]</pre>"},subtree:{count:{meta:{types:{number:1},name:"count",excludes:{},default:"1",products:{highstock:1},description:'How many units of the defined type the button should span. If `type`\nis "month" and `count` is 3, the button spans three months.'},subtree:{}},dataGrouping:{meta:{types:{"*":1},name:"dataGrouping",excludes:{},products:{highstock:1},description:"A custom data grouping object for each button.",extends:"plotOptions.series.dataGrouping"},subtree:{}},events:{meta:{types:{object:1},name:"events",excludes:{}},subtree:{click:{meta:{types:{function:1},name:"click",excludes:{},products:{highstock:1},description:"Fires when clicking on the rangeSelector button. One parameter,\nevent, is passed to the function, containing common event\ninformation.\n\n<pre>\nclick: function(e) {\n  console.log(this);\n}\n</pre>\n\nReturn false to stop default button's click action."},subtree:{}}}},offsetMax:{meta:{types:{number:1},name:"offsetMax",excludes:{},default:"0",products:{highstock:1},description:"Additional range (in milliseconds) added to the end of the calculated\ntime span."},subtree:{}},offsetMin:{meta:{types:{number:1},name:"offsetMin",excludes:{},default:"0",products:{highstock:1},description:"Additional range (in milliseconds) added to the start of the\ncalculated time span."},subtree:{}},preserveDataGrouping:{meta:{types:{boolean:1},name:"preserveDataGrouping",excludes:{},default:"false",products:{highstock:1},description:"When buttons apply dataGrouping on a series, by deafault zooming\nin/out will deselect buttons and unset dataGrouping. Enable this\noption to keep buttons selected when extremes change."},subtree:{}},text:{meta:{types:{string:1},name:"text",excludes:{},products:{highstock:1},description:"The text for the button itself."},subtree:{}},type:{meta:{types:{string:1},name:"type",excludes:{},products:{highstock:1},description:"Defined the time span for the button. Can be one of `millisecond`,\n`second`, `minute`, `hour`, `day`, `week`, `month`, `ytd`, `all`."},subtree:{}}}},enabled:{meta:{types:{boolean:1},name:"enabled",excludes:{},default:"true",products:{highstock:1},description:"Enable or disable the range selector."},subtree:{}},floating:{meta:{types:{boolean:1},name:"floating",excludes:{},default:"false",products:{highstock:1},description:"When the rangeselector is floating, the plot area does not reserve\nspace for it. This opens for positioning anywhere on the chart."},subtree:{}},height:{meta:{types:{number:1},name:"height",excludes:{},default:"undefined",products:{highstock:1},description:"Deprecated. The height of the range selector. Currently it is\ncalculated dynamically."},subtree:{}},inputBoxBorderColor:{meta:{types:{"highcharts.colorstring":1},name:"inputBoxBorderColor",excludes:{},default:"#cccccc",products:{highstock:1},description:"The border color of the date input boxes."},subtree:{}},inputBoxHeight:{meta:{types:{number:1},name:"inputBoxHeight",excludes:{},default:"17",products:{highstock:1},description:"The pixel height of the date input boxes."},subtree:{}},inputBoxStyle:{meta:{types:{"highcharts.cssobject":1},name:"inputBoxStyle",excludes:{},products:{highstock:1},description:"CSS for the container DIV holding the input boxes. Deprecated as\nof 1.2.5\\. Use [inputPosition](#rangeSelector.inputPosition) instead."},subtree:{}},inputBoxWidth:{meta:{types:{number:1},name:"inputBoxWidth",excludes:{},default:"90",products:{highstock:1},description:"The pixel width of the date input boxes."},subtree:{}},inputDateFormat:{meta:{types:{string:1},name:"inputDateFormat",excludes:{},default:"%b %e %Y,",products:{highstock:1},description:"The date format in the input boxes when not selected for editing.\nDefaults to `%b %e, %Y`."},subtree:{}},inputDateParser:{meta:{types:{function:1},name:"inputDateParser",excludes:{},products:{highstock:1},description:"A custom callback function to parse values entered in the input boxes\nand return a valid JavaScript time as milliseconds since 1970."},subtree:{}},inputEditDateFormat:{meta:{types:{string:1},name:"inputEditDateFormat",excludes:{},default:"%Y-%m-%d",products:{highstock:1},description:"The date format in the input boxes when they are selected for\nediting. This must be a format that is recognized by JavaScript\nDate.parse."},subtree:{}},inputEnabled:{meta:{types:{boolean:1},name:"inputEnabled",excludes:{},default:"true",products:{highstock:1},description:"Enable or disable the date input boxes. Defaults to enabled when\nthere is enough space, disabled if not (typically mobile)."},subtree:{}},inputPosition:{meta:{types:{"*":1},name:"inputPosition",excludes:{},products:{highstock:1},description:"Positioning for the input boxes. Allowed properties are `align`,\n `x` and `y`."},subtree:{align:{meta:{types:{string:1},name:"align",excludes:{},default:"right",description:"The alignment of the input box. Allowed properties are `left`,\n`center`, `right`."},subtree:{}},x:{meta:{types:{number:1},name:"x",excludes:{},default:"0",description:"X offset of the input row."},subtree:{}},y:{meta:{types:{number:1},name:"y",excludes:{},default:"0",description:"Y offset of the input row."},subtree:{}}}},inputStyle:{meta:{types:{"highcharts.cssobject":1},name:"inputStyle",excludes:{},products:{highstock:1},description:"CSS for the HTML inputs in the range selector.\n\nIn styled mode, the inputs are styled by the\n`.highcharts-range-input text` rule in SVG mode, and\n`input.highcharts-range-selector` when active."},subtree:{}},labelStyle:{meta:{types:{"highcharts.cssobject":1},name:"labelStyle",excludes:{},products:{highstock:1},description:"CSS styles for the labels - the Zoom, From and To texts.\n\nIn styled mode, the labels are styled by the\n`.highcharts-range-label` class."},subtree:{color:{meta:{types:{string:1},name:"color",excludes:{},default:"#666666"},subtree:{}}}},selected:{meta:{types:{number:1},name:"selected",excludes:{},products:{highstock:1},description:"The index of the button to appear pre-selected."},subtree:{}},verticalAlign:{meta:{types:{string:1},name:"verticalAlign",excludes:{},default:"top",description:"The vertical alignment of the rangeselector box. Allowed properties\nare `top`, `middle`, `bottom`."},subtree:{}},x:{meta:{types:{number:1},name:"x",excludes:{},default:"0",products:{highstock:1},description:"The x offset of the range selector relative to its horizontal\nalignment within `chart.spacingLeft` and `chart.spacingRight`."},subtree:{}},y:{meta:{types:{number:1},name:"y",excludes:{},default:"0",products:{highstock:1},description:"The y offset of the range selector relative to its horizontal\nalignment within `chart.spacingLeft` and `chart.spacingRight`."},subtree:{}}}},responsive:{meta:{types:{object:1},name:"responsive",excludes:{},description:"Allows setting a set of rules to apply for different screen or chart\nsizes. Each rule specifies additional chart options."},subtree:{rules:{meta:{types:{array:"Object"},name:"rules",excludes:{},description:"A set of rules for responsive settings. The rules are executed from\nthe top down."},subtree:{chartOptions:{meta:{types:{object:1},name:"chartOptions",excludes:{},description:"A full set of chart options to apply as overrides to the general\nchart options. The chart options are applied when the given rule\nis active.\n\nA special case is configuration objects that take arrays, for example\n[xAxis](#xAxis), [yAxis](#yAxis) or [series](#series). For these\ncollections, an `id` option is used to map the new option set to\nan existing object. If an existing object of the same id is not found,\nthe item of the same indexupdated. So for example, setting `chartOptions`\nwith two series items without an `id`, will cause the existing chart's\ntwo series to be updated with respective options."},subtree:{}},condition:{meta:{types:{object:1},name:"condition",excludes:{},description:"Under which conditions the rule applies."},subtree:{callback:{meta:{types:{function:1},name:"callback",excludes:{},description:"A callback function to gain complete control on when the responsive\nrule applies. Return `true` if it applies. This opens for checking\nagainst other metrics than the chart size, or example the document\nsize or other elements."},subtree:{}},maxHeight:{meta:{types:{number:1},name:"maxHeight",excludes:{},description:"The responsive rule applies if the chart height is less than this."},subtree:{}},maxWidth:{meta:{types:{number:1},name:"maxWidth",excludes:{},description:"The responsive rule applies if the chart width is less than this."},subtree:{}},minHeight:{meta:{types:{number:1},name:"minHeight",excludes:{},default:"0",description:"The responsive rule applies if the chart height is greater than this."},subtree:{}},minWidth:{meta:{types:{number:1},name:"minWidth",excludes:{},default:"0",description:"The responsive rule applies if the chart width is greater than this."},subtree:{}}}}}}}},scrollbar:{meta:{types:{object:1},name:"scrollbar",excludes:{},products:{highstock:1},description:"The scrollbar is a means of panning over the X axis of a stock chart.\nScrollbars can  also be applied to other types of axes.\n\nAnother approach to scrollable charts is the [chart.scrollablePlotArea](\nhttps://api.highcharts.com/highcharts/chart.scrollablePlotArea) option that\nis especially suitable for simpler cartesian charts on mobile.\n\nIn styled mode, all the presentational options for the\nscrollbar are replaced by the classes `.highcharts-scrollbar-thumb`,\n`.highcharts-scrollbar-arrow`, `.highcharts-scrollbar-button`,\n`.highcharts-scrollbar-rifles` and `.highcharts-scrollbar-track`."},subtree:{barBackgroundColor:{meta:{types:{"highcharts.colorstring":1},name:"barBackgroundColor",
excludes:{},default:"#cccccc",products:{highstock:1},description:"The background color of the scrollbar itself."},subtree:{}},barBorderColor:{meta:{types:{"highcharts.colorstring":1},name:"barBorderColor",excludes:{},default:"#cccccc",products:{highstock:1},description:"The color of the scrollbar's border."},subtree:{}},barBorderRadius:{meta:{types:{number:1},name:"barBorderRadius",excludes:{},default:"0",products:{highstock:1},description:"The border rounding radius of the bar."},subtree:{}},barBorderWidth:{meta:{types:{number:1},name:"barBorderWidth",excludes:{},default:"1",products:{highstock:1},description:"The width of the bar's border."},subtree:{}},buttonArrowColor:{meta:{types:{"highcharts.colorstring":1},name:"buttonArrowColor",excludes:{},default:"#333333",products:{highstock:1},description:"The color of the small arrow inside the scrollbar buttons."},subtree:{}},buttonBackgroundColor:{meta:{types:{"highcharts.colorstring":1},name:"buttonBackgroundColor",excludes:{},default:"#e6e6e6",products:{highstock:1},description:"The color of scrollbar buttons."},subtree:{}},buttonBorderColor:{meta:{types:{"highcharts.colorstring":1},name:"buttonBorderColor",excludes:{},default:"#cccccc",products:{highstock:1},description:"The color of the border of the scrollbar buttons."},subtree:{}},buttonBorderRadius:{meta:{types:{number:1},name:"buttonBorderRadius",excludes:{},default:"0",products:{highstock:1},description:"The corner radius of the scrollbar buttons."},subtree:{}},buttonBorderWidth:{meta:{types:{number:1},name:"buttonBorderWidth",excludes:{},default:"1",products:{highstock:1},description:"The border width of the scrollbar buttons."},subtree:{}},enabled:{meta:{types:{boolean:1},name:"enabled",excludes:{},default:"true",products:{highstock:1},description:"Enable or disable the scrollbar."},subtree:{}},height:{meta:{types:{number:1},name:"height",excludes:{},default:"20/14",products:{highstock:1},description:"The height of the scrollbar. The height also applies to the width\nof the scroll arrows so that they are always squares. Defaults to\n20 for touch devices and 14 for mouse devices."},subtree:{}},liveRedraw:{meta:{types:{boolean:1},name:"liveRedraw",excludes:{},products:{highstock:1},description:"Whether to redraw the main chart as the scrollbar or the navigator\nzoomed window is moved. Defaults to `true` for modern browsers and\n`false` for legacy IE browsers as well as mobile devices."},subtree:{}},margin:{meta:{types:{number:1},name:"margin",excludes:{},default:"10",description:"The margin between the scrollbar and its axis when the scrollbar is\napplied directly to an axis."},subtree:{}},minWidth:{meta:{types:{number:1},name:"minWidth",excludes:{},default:"6",products:{highstock:1},description:"The minimum width of the scrollbar."},subtree:{}},rifleColor:{meta:{types:{"highcharts.colorstring":1},name:"rifleColor",excludes:{},default:"#333333",products:{highstock:1},description:"The color of the small rifles in the middle of the scrollbar."},subtree:{}},showFull:{meta:{types:{boolean:1},name:"showFull",excludes:{},default:"true",products:{highstock:1},description:"Whether to show or hide the scrollbar when the scrolled content is\nzoomed out to it full extent."},subtree:{}},step:{meta:{types:{number:1},name:"step",excludes:{},default:"0.2"},subtree:{}},trackBackgroundColor:{meta:{types:{"highcharts.colorstring":1},name:"trackBackgroundColor",excludes:{},default:"#f2f2f2",products:{highstock:1},description:"The color of the track background."},subtree:{}},trackBorderColor:{meta:{types:{"highcharts.colorstring":1},name:"trackBorderColor",excludes:{},default:"#f2f2f2",products:{highstock:1},description:"The color of the border of the scrollbar track."},subtree:{}},trackBorderRadius:{meta:{types:{number:1},name:"trackBorderRadius",excludes:{},default:"0",products:{highstock:1},description:"The corner radius of the border of the scrollbar track."},subtree:{}},trackBorderWidth:{meta:{types:{number:1},name:"trackBorderWidth",excludes:{},default:"1",products:{highstock:1},description:"The width of the border of the scrollbar track."},subtree:{}},zIndex:{meta:{types:{number:1},name:"zIndex",excludes:{},default:"3",description:"The z index of the scrollbar group."},subtree:{}}}},series:{meta:{types:{array:"series",object:1},name:"series",excludes:{},extends:",plotOptions.series,plotOptions.ad,plotOptions.area,plotOptions.arearange,plotOptions.areaspline,plotOptions.areasplinerange,plotOptions.atr,plotOptions.bar,plotOptions.bb,plotOptions.bellcurve,plotOptions.boxplot,plotOptions.bubble,plotOptions.bullet,plotOptions.candlestick,plotOptions.cci,plotOptions.cmf,plotOptions.column,plotOptions.columnrange,plotOptions.ema,plotOptions.errorbar,plotOptions.flags,plotOptions.funnel,plotOptions.gauge,plotOptions.heatmap,plotOptions.histogram,plotOptions.ikh,plotOptions.line,plotOptions.macd,plotOptions.map,plotOptions.mapbubble,plotOptions.mapline,plotOptions.mappoint,plotOptions.mfi,plotOptions.momentum,plotOptions.ohlc,plotOptions.pareto,plotOptions.pie,plotOptions.pivotpoints,plotOptions.polygon,plotOptions.priceenvelopes,plotOptions.psar,plotOptions.pyramid,plotOptions.roc,plotOptions.rsi,plotOptions.sankey,plotOptions.scatter,plotOptions.scatter3d,plotOptions.sma,plotOptions.solidgauge,plotOptions.spline,plotOptions.stochastic,plotOptions.streamgraph,plotOptions.sunburst,plotOptions.tilemap,plotOptions.treemap,plotOptions.variablepie,plotOptions.variwide,plotOptions.vbp,plotOptions.vector,plotOptions.vwap,plotOptions.waterfall,plotOptions.windbarb,plotOptions.wma,plotOptions.wordcloud,plotOptions.xrange,plotOptions.zigzag"},subtree:{id:{meta:{types:{string:1},name:"id",excludes:{},description:"An id for the series. This can be used after render time to get a\npointer to the series object through `chart.get()`."},subtree:{}},index:{meta:{types:{number:1},name:"index",excludes:{},description:"The index of the series in the chart, affecting the internal index\nin the `chart.series` array, the visible Z index as well as the order\nin the legend."},subtree:{}},legendIndex:{meta:{types:{number:1},name:"legendIndex",excludes:{},description:"The sequential index of the series in the legend."},subtree:{}},mapData:{meta:{types:{array:"Object"},name:"mapData",excludes:{},products:{highmaps:1},description:"An array of objects containing a `path` definition and optionally\na code or property to join in the data as per the `joinBy` option."},subtree:{}},name:{meta:{types:{string:1},name:"name",excludes:{},description:"The name of the series as shown in the legend, tooltip etc."},subtree:{}},stack:{meta:{types:{"*":1,string:1},name:"stack",excludes:{},products:{highcharts:1,highstock:1},description:"This option allows grouping series in a stacked chart. The stack option\ncan be a string or anything else, as long as the grouped series' stack\noptions match each other after conversion into a string."},subtree:{}},type:{meta:{types:{string:1},name:"type",excludes:{},description:"The type of series, for example `line` or `column`. By default, the\nseries type is inherited from [chart.type](#chart.type), so unless the\nchart is a combination of series types, there is no need to set it on the\nseries level."},subtree:{}},xAxis:{meta:{types:{number:1,string:1},name:"xAxis",excludes:{},default:"0",products:{highcharts:1,highstock:1},description:"When using dual or multiple x axes, this number defines which xAxis\nthe particular series is connected to. It refers to either the [axis\nid](#xAxis.id) or the index of the axis in the xAxis array, with\n0 being the first."},subtree:{}},yAxis:{meta:{types:{number:1,string:1},name:"yAxis",excludes:{},default:"0",products:{highcharts:1,highstock:1},description:"When using dual or multiple y axes, this number defines which yAxis\nthe particular series is connected to. It refers to either the [axis\nid](#yAxis.id) or the index of the axis in the yAxis array, with\n0 being the first."},subtree:{}},zIndex:{meta:{types:{number:1},name:"zIndex",excludes:{},products:{highcharts:1,highstock:1},description:"Define the visual z index of the series."},subtree:{}},states:{meta:{types:{object:1},name:"states",excludes:{},validFor:{bar:!0,bullet:!0,column:!0,columnrange:!0}},subtree:{hover:{meta:{types:{},name:"hover",excludes:{},products:{highcharts:1,highstock:1}},subtree:{}},select:{meta:{types:{},name:"select",excludes:{},products:{highcharts:1,highstock:1}},subtree:{}}}},baseSeries:{meta:{types:{number:1,string:1},name:"baseSeries",excludes:{},default:"undefined",validFor:{bellcurve:!0,histogram:!0,pareto:!0},description:"An integer identifying the index to use for the base series, or a string\nrepresenting the id of the series."},subtree:{}},marker:{meta:{types:{},name:"marker",excludes:{},validFor:{bubble:!0,mapbubble:!0}},subtree:{}},nodes:{meta:{types:{array:"Object"},name:"nodes",excludes:{},validFor:{sankey:!0},products:{highcharts:1},description:"A collection of options for the individual nodes. The nodes in a sankey\ndiagram are auto-generated instances of `Highcharts.Point`, but options can\nbe applied here and linked by the `id`."},subtree:{color:{meta:{types:{color:1},name:"color",excludes:{},products:{highcharts:1},description:"The color of the auto generated node."},subtree:{}},colorIndex:{meta:{types:{number:1},name:"colorIndex",excludes:{},products:{highcharts:1},description:"The color index of the auto generated node, especially for use in styled\nmode."},subtree:{}},column:{meta:{types:{number:1,undefined:1},name:"column",excludes:{},default:"undefined",products:{highcharts:1},description:"An optional column index of where to place the node. The default behaviour is\nto place it next to the preceding node."},subtree:{}},id:{meta:{types:{string:1},name:"id",excludes:{},products:{highcharts:1},description:"The id of the auto-generated node, refering to the `from` or `to` setting of\nthe link."},subtree:{}},name:{meta:{types:{string:1},name:"name",excludes:{},products:{highcharts:1},description:"The name to display for the node in data labels and tooltips. Use this when\nthe name is different from the `id`. Where the id must be unique for each\nnode, this is not necessary for the name."},subtree:{}},offset:{meta:{types:{number:1},name:"offset",excludes:{},default:"0",products:{highcharts:1},description:"The vertical offset of a node in terms of weight. Positive values shift the\nnode downwards, negative shift it upwards."},subtree:{}}}}}},subtitle:{meta:{types:{"*":1},name:"subtitle",excludes:{},description:"The chart's subtitle. This can be used both to display a subtitle below\nthe main title, and to display random text anywhere in the chart. The\nsubtitle can be updated after chart initialization through the\n`Chart.setTitle` method."},subtree:{align:{meta:{types:{string:1},name:"align",excludes:{},default:"center",description:'The horizontal alignment of the subtitle. Can be one of "left",\n "center" and "right".'},subtree:{}},floating:{meta:{types:{boolean:1},name:"floating",excludes:{},default:"false",description:"When the subtitle is floating, the plot area will not move to make\nspace for it."},subtree:{}},style:{meta:{types:{"highcharts.cssobject":1},name:"style",excludes:{},default:'{"color": "#666666"}',description:"CSS styles for the title.\n\nIn styled mode, the subtitle style is given in the\n`.highcharts-subtitle` class."},subtree:{}},text:{meta:{types:{string:1},name:"text",excludes:{},default:"",description:"The subtitle of the chart."},subtree:{}},useHTML:{meta:{types:{boolean:1},name:"useHTML",excludes:{},default:"false",description:"Whether to\n[use HTML](https://www.highcharts.com/docs/chart-concepts/labels-and-string-formatting#html)\nto render the text."},subtree:{}},verticalAlign:{meta:{types:{string:1},name:"verticalAlign",excludes:{},description:'The vertical alignment of the title. Can be one of "top", "middle"\nand "bottom". When a value is given, the title behaves as floating.'},subtree:{}},widthAdjust:{meta:{types:{number:1},name:"widthAdjust",excludes:{},default:"-44",description:"Adjustment made to the subtitle width, normally to reserve space\nfor the exporting burger menu."},subtree:{}},x:{meta:{types:{number:1},name:"x",excludes:{},default:"0",description:"The x position of the subtitle relative to the alignment within\n`chart.spacingLeft` and `chart.spacingRight`."},subtree:{}},y:{meta:{types:{number:1},name:"y",excludes:{},description:"The y position of the subtitle relative to the alignment within\n`chart.spacingTop` and `chart.spacingBottom`. By default the subtitle\nis laid out below the title unless the title is floating."},subtree:{}}}},time:{meta:{types:{"*":1},name:"time",excludes:{},description:"Time options that can apply globally or to individual charts. These\nsettings affect how `datetime` axes are laid out, how tooltips are\nformatted, how series\n[pointIntervalUnit](#plotOptions.series.pointIntervalUnit) works and how\nthe Highstock range selector handles time.\n\nThe common use case is that all charts in the same Highcharts object\nshare the same time settings, in which case the global settings are set\nusing `setOptions`.\n\n```js\n// Apply time settings globally\nHighcharts.setOptions({\n    time: {\n        timezone: 'Europe/London'\n    }\n});\n// Apply time settings by instance\nvar chart = Highcharts.chart('container', {\n    time: {\n        timezone: 'America/New_York'\n    },\n    series: [{\n        data: [1, 4, 3, 5]\n    }]\n});\n\n// Use the Time object\nconsole.log(\n       'Current time in New York',\n       chart.time.dateFormat('%Y-%m-%d %H:%M:%S', Date.now())\n);\n```\n\nSince v6.0.5, the time options were moved from the `global` obect to the\n`time` object, and time options can be set on each individual chart."},subtree:{Date:{meta:{types:{object:1},name:"Date",excludes:{},products:{highcharts:1,highstock:1},description:"A custom `Date` class for advanced date handling. For example,\n[JDate](https://github.com/tahajahangir/jdate) can be hooked in to\nhandle Jalali dates."},subtree:{}},getTimezoneOffset:{meta:{types:{function:1},name:"getTimezoneOffset",excludes:{},products:{highcharts:1,highstock:1},description:"A callback to return the time zone offset for a given datetime. It\ntakes the timestamp in terms of milliseconds since January 1 1970,\nand returns the timezone offset in minutes. This provides a hook\nfor drawing time based charts in specific time zones using their\nlocal DST crossover dates, with the help of external libraries."},subtree:{}},timezone:{meta:{types:{string:1},name:"timezone",excludes:{},products:{highcharts:1,highstock:1},description:"Requires [moment.js](http://momentjs.com/). If the timezone option\nis specified, it creates a default\n[getTimezoneOffset](#time.getTimezoneOffset) function that looks\nup the specified timezone in moment.js. If moment.js is not included,\nthis throws a Highcharts error in the console, but does not crash the\nchart."},subtree:{}},timezoneOffset:{meta:{types:{number:1},name:"timezoneOffset",excludes:{},default:"0",products:{highcharts:1,highstock:1},description:"The timezone offset in minutes. Positive values are west, negative\nvalues are east of UTC, as in the ECMAScript\n[getTimezoneOffset](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/getTimezoneOffset)\nmethod. Use this to display UTC based data in a predefined time zone."},subtree:{}},useUTC:{meta:{types:{boolean:1},name:"useUTC",excludes:{},default:"true",description:"Whether to use UTC time for axis scaling, tickmark placement and\ntime display in `Highcharts.dateFormat`. Advantages of using UTC\nis that the time displays equally regardless of the user agent's\ntime zone settings. Local time can be used when the data is loaded\nin real time or when correct Daylight Saving Time transitions are\nrequired."},subtree:{}}}},title:{meta:{types:{"*":1},name:"title",excludes:{},description:"The chart's main title."},subtree:{align:{meta:{types:{string:1},name:"align",excludes:{},default:"center",description:'The horizontal alignment of the title. Can be one of "left", "center"\nand "right".'},subtree:{}},floating:{meta:{types:{boolean:1},name:"floating",excludes:{},default:"false",description:"When the title is floating, the plot area will not move to make space\nfor it."},subtree:{}},margin:{meta:{types:{number:1},name:"margin",excludes:{},default:"-44",description:"Adjustment made to the title width, normally to reserve space for\nthe exporting burger menu."},subtree:{}},style:{meta:{types:{"highcharts.cssobject":1},name:"style",excludes:{},description:"CSS styles for the title. Use this for font styling, but use `align`,\n`x` and `y` for text alignment.\n\nIn styled mode, the title style is given in the `.highcharts-title`\nclass."},subtree:{}},text:{meta:{types:{string:1},name:"text",excludes:{},default:"Chart title",description:"The title of the chart. To disable the title, set the `text` to\n`undefined`."},subtree:{}},useHTML:{meta:{types:{boolean:1},name:"useHTML",excludes:{},default:"false",description:"Whether to\n[use HTML](https://www.highcharts.com/docs/chart-concepts/labels-and-string-formatting#html)\nto render the text."},subtree:{}},verticalAlign:{meta:{types:{string:1},name:"verticalAlign",excludes:{},description:'The vertical alignment of the title. Can be one of `"top"`,\n`"middle"` and `"bottom"`. When a value is given, the title behaves\nas if [floating](#title.floating) were `true`.'},subtree:{}},widthAdjust:{meta:{types:{number:1},name:"widthAdjust",excludes:{},default:-44},subtree:{}},x:{meta:{types:{number:1},name:"x",excludes:{},default:"0",description:"The x position of the title relative to the alignment within\n`chart.spacingLeft` and `chart.spacingRight`."},subtree:{}},y:{meta:{types:{number:1},name:"y",excludes:{},description:"The y position of the title relative to the alignment within\n[chart.spacingTop](#chart.spacingTop) and [chart.spacingBottom](\n#chart.spacingBottom). By default it depends on the font size."},subtree:{}}}},tooltip:{meta:{types:{object:1},name:"tooltip",excludes:{}},subtree:{animation:{meta:{types:{boolean:1},name:"animation",excludes:{},default:"true",description:"Enable or disable animation of the tooltip."},subtree:{}},backgroundColor:{meta:{types:{"highcharts.colorstring":1},name:"backgroundColor",excludes:{},default:"rgba(247,247,247,0.85)",description:"The background color or gradient for the tooltip.\n\nIn styled mode, the stroke width is set in the\n`.highcharts-tooltip-box` class."},subtree:{}},borderColor:{meta:{types:{"highcharts.colorstring":1},name:"borderColor",excludes:{},description:"The color of the tooltip border. When `undefined`, the border takes\nthe color of the corresponding series or point."},subtree:{}},borderRadius:{meta:{types:{number:1},name:"borderRadius",excludes:{},default:"3",description:"The radius of the rounded border corners."},subtree:{}},borderWidth:{meta:{types:{number:1},name:"borderWidth",excludes:{},default:"1",description:"The pixel width of the tooltip border.\n\nIn styled mode, the stroke width is set in the\n`.highcharts-tooltip-box` class."},subtree:{}},changeDecimals:{meta:{types:{number:1},name:"changeDecimals",excludes:{},products:{highstock:1},description:"How many decimals to show for the `point.change` value when the\n`series.compare` option is set. This is overridable in each series'\ntooltip options object. The default is to preserve all decimals."},subtree:{}},crosshairs:{meta:{types:{"*":1},name:"crosshairs",excludes:{},default:"true",description:"Since 4.1, the crosshair definitions are moved to the Axis object\nin order for a better separation from the tooltip. See\n[xAxis.crosshair](#xAxis.crosshair)<a>.</a>"},subtree:{}},dateTimeLabelFormats:{meta:{types:{"highcharts.dictionary.<string>":1},name:"dateTimeLabelFormats",excludes:{},products:{highcharts:1,highstock:1},description:'For series on a datetime axes, the date format in the tooltip\'s\nheader will by default be guessed based on the closest data points.\nThis member gives the default string representations used for\neach unit. For an overview of the replacement codes, see\n[dateFormat](/class-reference/Highcharts#dateFormat).\n\nDefaults to:\n\n<pre>{\n    millisecond:"%A, %b %e, %H:%M:%S.%L",\n    second:"%A, %b %e, %H:%M:%S",\n    minute:"%A, %b %e, %H:%M",\n    hour:"%A, %b %e, %H:%M",\n    day:"%A, %b %e, %Y",\n    week:"Week from %A, %b %e, %Y",\n    month:"%B %Y",\n    year:"%Y"\n}</pre>'},subtree:{day:{meta:{types:{string:1},name:"day",excludes:{},default:"%A, %b %e, %Y"},subtree:{}},hour:{meta:{types:{string:1},name:"hour",excludes:{},default:"%A, %b %e, %H:%M"},subtree:{}},millisecond:{meta:{types:{string:1},name:"millisecond",excludes:{},default:"%A, %b %e, %H:%M:%S.%L"},subtree:{}},minute:{meta:{types:{string:1},name:"minute",excludes:{},default:"%A, %b %e, %H:%M"},subtree:{}},month:{meta:{types:{string:1},name:"month",excludes:{},default:"%B %Y"},subtree:{}},second:{meta:{types:{string:1},name:"second",excludes:{},default:"%A, %b %e, %H:%M:%S"},subtree:{}},week:{meta:{types:{string:1},name:"week",excludes:{},default:"Week from %A, %b %e, %Y"},subtree:{}},year:{meta:{types:{string:1},name:"year",excludes:{},default:"%Y"},subtree:{}}}},enabled:{meta:{types:{boolean:1},name:"enabled",excludes:{},default:"true",description:"Enable or disable the tooltip."},subtree:{}},followPointer:{meta:{types:{boolean:1},name:"followPointer",excludes:{},description:"Whether the tooltip should follow the mouse as it moves across\ncolumns, pie slices and other point types with an extent. By default\nit behaves this way for scatter, bubble and pie series by override\nin the `plotOptions` for those series types.\n\nFor touch moves to behave the same way, [followTouchMove](\n#tooltip.followTouchMove) must be `true` also."},subtree:{}},followTouchMove:{meta:{types:{boolean:1},name:"followTouchMove",excludes:{},description:"Whether the tooltip should follow the finger as it moves on a touch\ndevice. If this is `true` and [chart.panning](#chart.panning) is\nset,`followTouchMove` will take over one-finger touches, so the user\nneeds to use two fingers for zooming and panning."},subtree:{}},footerFormat:{meta:{types:{string:1},name:"footerFormat",excludes:{},default:"",description:"A string to append to the tooltip format."},subtree:{}},formatter:{meta:{types:{function:1},name:"formatter",excludes:{},description:"Callback function to format the text of the tooltip from scratch.\nReturn `false` to disable tooltip for a specific point on series.\n\nA subset of HTML is supported. Unless `useHTML` is true, the HTML of\nthe tooltip is parsed and converted to SVG, therefore this isn't a\ncomplete HTML renderer. The following tags are supported: `<b>`,\n`<strong>`, `<i>`, `<em>`, `<br/>`, `<span>`. Spans can be styled\nwith a `style` attribute, but only text-related CSS that is shared\nwith SVG is handled.\n\nSince version 2.1 the tooltip can be shared between multiple series\nthrough the `shared` option. The available data in the formatter\ndiffer a bit depending on whether the tooltip is shared or not. In\na shared tooltip, all properties except `x`, which is common for\nall points, are kept in an array, `this.points`.\n\nAvailable data are:\n\n<dl>\n\n<dt>this.percentage (not shared) / this.points[i].percentage (shared)\n</dt>\n\n<dd>Stacked series and pies only. The point's percentage of the\ntotal.\n</dd>\n\n<dt>this.point (not shared) / this.points[i].point (shared)</dt>\n\n<dd>The point object. The point name, if defined, is available\nthrough `this.point.name`.</dd>\n\n<dt>this.points</dt>\n\n<dd>In a shared tooltip, this is an array containing all other\nproperties for each point.</dd>\n\n<dt>this.series (not shared) / this.points[i].series (shared)</dt>\n\n<dd>The series object. The series name is available through\n`this.series.name`.</dd>\n\n<dt>this.total (not shared) / this.points[i].total (shared)</dt>\n\n<dd>Stacked series only. The total value at this point's x value.\n</dd>\n\n<dt>this.x</dt>\n\n<dd>The x value. This property is the same regardless of the tooltip\nbeing shared or not.</dd>\n\n<dt>this.y (not shared) / this.points[i].y (shared)</dt>\n\n<dd>The y value.</dd>\n\n</dl>"},subtree:{}},headerFormat:{meta:{types:{string:1},name:"headerFormat",excludes:{},default:'<span style="font-size: 10px">{point.key}</span><br/>',description:"The HTML of the tooltip header line. Variables are enclosed by\ncurly brackets. Available variables are `point.key`, `series.name`,\n`series.color` and other members from the `point` and `series`\nobjects. The `point.key` variable contains the category name, x\nvalue or datetime string depending on the type of axis. For datetime\naxes, the `point.key` date format can be set using\n`tooltip.xDateFormat`."},subtree:{}},hideDelay:{meta:{types:{number:1},name:"hideDelay",excludes:{},default:"500",description:"The number of milliseconds to wait until the tooltip is hidden when\nmouse out from a point or chart."},subtree:{}},outside:{meta:{types:{boolean:1},name:"outside",excludes:{},default:"false",description:"Whether to allow the tooltip to render outside the chart's SVG\nelement box. By default (`false`), the tooltip is rendered within the\nchart's SVG element, which results in the tooltip being aligned\ninside the chart area. For small charts, this may result in clipping\nor overlapping. When `true`, a separate SVG element is created and\noverlaid on the page, allowing the tooltip to be aligned inside the\npage itself."},subtree:{}},padding:{meta:{types:{number:1},name:"padding",excludes:{},default:"8",description:"Padding inside the tooltip, in pixels."},subtree:{}},pointFormat:{meta:{types:{string:1},name:"pointFormat",excludes:{},default:'<span style="color:{point.color}">\\u25CF</span> {series.name}: <b>{point.y}</b><br/>',description:"The HTML of the point's line in the tooltip. Variables are enclosed\nby curly brackets. Available variables are point.x, point.y, series.\nname and series.color and other properties on the same form.\nFurthermore, `point.y` can be extended by the `tooltip.valuePrefix`\nand `tooltip.valueSuffix` variables. This can also be overridden for\neach series, which makes it a good hook for displaying units.\n\nIn styled mode, the dot is colored by a class name rather\nthan the point color."},subtree:{}},pointFormatter:{meta:{types:{function:1},name:"pointFormatter",excludes:{},description:"A callback function for formatting the HTML output for a single point\nin the tooltip. Like the `pointFormat` string, but with more\nflexibility."},subtree:{}},positioner:{meta:{types:{function:1},name:"positioner",excludes:{},description:"A callback function to place the tooltip in a default position. The\ncallback receives three parameters: `labelWidth`, `labelHeight` and\n`point`, where point contains values for `plotX` and `plotY` telling\nwhere the reference point is in the plot area. Add `chart.plotLeft`\nand `chart.plotTop` to get the full coordinates.\n\nThe return should be an object containing x and y values, for example\n`{ x: 100, y: 100 }`."},subtree:{}},shadow:{meta:{types:{boolean:1},name:"shadow",excludes:{},default:"true",description:"Whether to apply a drop shadow to the tooltip."},subtree:{}},shape:{meta:{types:{string:1},name:"shape",excludes:{},default:"callout",description:'The name of a symbol to use for the border around the tooltip. Can\nbe one of: `"callout"`, `"circle"` or `"square"`.\n\nCustom callbacks for symbol path generation can also be added to\n`Highcharts.SVGRenderer.prototype.symbols` the same way as for\n[series.marker.symbol](plotOptions.line.marker.symbol).'},subtree:{}},shared:{meta:{types:{boolean:1},name:"shared",excludes:{},default:"false",products:{highcharts:1,highstock:1},description:"When the tooltip is shared, the entire plot area will capture mouse\nmovement or touch events. Tooltip texts for series types with ordered\ndata (not pie, scatter, flags etc) will be shown in a single bubble.\nThis is recommended for single series charts and for tablet/mobile\noptimized charts.\n\nSee also [tooltip.split](#tooltip.split), that is better suited for\ncharts with many series, especially line-type series. The\n`tooltip.split` option takes precedence over `tooltip.shared`."},subtree:{}},snap:{meta:{types:{number:1},name:"snap",excludes:{},default:"10/25",products:{highcharts:1,highstock:1},description:"Proximity snap for graphs or single points. It defaults to 10 for\nmouse-powered devices and 25 for touch devices.\n\nNote that in most cases the whole plot area captures the mouse\nmovement, and in these cases `tooltip.snap` doesn't make sense. This\napplies when [stickyTracking](#plotOptions.series.stickyTracking)\nis `true` (default) and when the tooltip is [shared](#tooltip.shared)\nor [split](#tooltip.split)."},subtree:{}},split:{meta:{types:{boolean:1},name:"split",excludes:{},products:{highcharts:1,highstock:1},description:"Split the tooltip into one label per series, with the header close\nto the axis. This is recommended over [shared](#tooltip.shared)\ntooltips for charts with multiple line series, generally making them\neasier to read. This option takes precedence over `tooltip.shared`."},subtree:{}},style:{meta:{types:{"highcharts.cssobject":1},name:"style",excludes:{},default:'{"color": "#333333", "cursor": "default", "fontSize": "12px", "pointerEvents": "none", "whiteSpace": "nowrap"}',description:"CSS styles for the tooltip. The tooltip can also be styled through\nthe CSS class `.highcharts-tooltip`."},subtree:{color:{meta:{types:{string:1},name:"color",excludes:{},default:"#333333"},subtree:{}},cursor:{meta:{types:{string:1},name:"cursor",excludes:{},default:"default"},subtree:{}},fontSize:{meta:{types:{string:1},name:"fontSize",excludes:{},default:"12px"},subtree:{}},pointerEvents:{meta:{types:{string:1},name:"pointerEvents",excludes:{},default:"none"},subtree:{}},whiteSpace:{meta:{types:{string:1},name:"whiteSpace",excludes:{},default:"nowrap"},subtree:{}}}},useHTML:{meta:{types:{boolean:1},name:"useHTML",excludes:{},default:"false",description:"Use HTML to render the contents of the tooltip instead of SVG. Using\nHTML allows advanced formatting like tables and images in the\ntooltip. It is also recommended for rtl languages as it works around\nrtl bugs in early Firefox."},subtree:{}},valueDecimals:{meta:{types:{number:1},name:"valueDecimals",excludes:{},description:"How many decimals to show in each series' y value. This is\noverridable in each series' tooltip options object. The default is to\npreserve all decimals."},subtree:{}},valuePrefix:{meta:{types:{string:1},name:"valuePrefix",excludes:{},description:"A string to prepend to each series' y value. Overridable in each\nseries' tooltip options object."},subtree:{}},valueSuffix:{meta:{types:{string:1},name:"valueSuffix",excludes:{},description:"A string to append to each series' y value. Overridable in each\nseries' tooltip options object."},subtree:{}},xDateFormat:{meta:{types:{string:1},name:"xDateFormat",excludes:{},products:{highcharts:1,highstock:1},description:"The format for the date in the tooltip header if the X axis is a\ndatetime axis. The default is a best guess based on the smallest\ndistance between points in the chart."},subtree:{}}}},xAxis:{meta:{types:{array:"xAxis"},name:"xAxis",excludes:{},description:"The X axis or category axis. Normally this is the horizontal axis,\nthough if the chart is inverted this is the vertical axis. In case of\nmultiple axes, the xAxis node is an array of configuration objects.\n\nSee [the Axis object](/class-reference/Highcharts.Axis) for\nprogrammatic access to the axis."},subtree:{alignTicks:{meta:{types:{boolean:1},name:"alignTicks",excludes:{},default:"true",products:{highcharts:1,highstock:1},description:"When using multiple axis, the ticks of two or more opposite axes\nwill automatically be aligned by adding ticks to the axis or axes\nwith the least ticks, as if `tickAmount` were specified.\n\nThis can be prevented by setting `alignTicks` to false. If the grid\nlines look messy, it's a good idea to hide them for the secondary\naxis by setting `gridLineWidth` to 0.\n\nIf `startOnTick` or `endOnTick` in an Axis options are set to false,\nthen the `alignTicks ` will be disabled for the Axis.\n\nDisabled for logarithmic axes."
},subtree:{}},allowDecimals:{meta:{types:{boolean:1},name:"allowDecimals",excludes:{},default:"true",description:"Whether to allow decimals in this axis' ticks. When counting\nintegers, like persons or hits on a web page, decimals should\nbe avoided in the labels."},subtree:{}},alternateGridColor:{meta:{types:{"highcharts.colorstring":1},name:"alternateGridColor",excludes:{},description:"When using an alternate grid color, a band is painted across the\nplot area between every other grid line."},subtree:{}},breaks:{meta:{types:{array:"*"},name:"breaks",excludes:{},products:{highcharts:1,highstock:1},description:"An array defining breaks in the axis, the sections defined will be\nleft out and all the points shifted closer to each other."},subtree:{breakSize:{meta:{types:{number:1},name:"breakSize",excludes:{},default:"0",products:{highcharts:1,highstock:1},description:"A number indicating how much space should be left between the start\nand the end of the break. The break size is given in axis units,\nso for instance on a `datetime` axis, a break size of 3600000 would\nindicate the equivalent of an hour."},subtree:{}},from:{meta:{types:{number:1},name:"from",excludes:{},products:{highcharts:1,highstock:1},description:"The point where the break starts."},subtree:{}},repeat:{meta:{types:{number:1},name:"repeat",excludes:{},default:"0",products:{highcharts:1,highstock:1},description:"Defines an interval after which the break appears again. By default\nthe breaks do not repeat."},subtree:{}},to:{meta:{types:{number:1},name:"to",excludes:{},products:{highcharts:1,highstock:1},description:"The point where the break ends."},subtree:{}}}},categories:{meta:{types:{array:"string"},name:"categories",excludes:{},products:{highcharts:1},description:"If categories are present for the xAxis, names are used instead of\nnumbers for that axis. Since Highcharts 3.0, categories can also\nbe extracted by giving each point a [name](#series.data) and setting\naxis [type](#xAxis.type) to `category`. However, if you have multiple\nseries, best practice remains defining the `categories` array.\n\nExample:\n\n<pre>categories: ['Apples', 'Bananas', 'Oranges']</pre>"},subtree:{}},ceiling:{meta:{types:{number:1},name:"ceiling",excludes:{},products:{highcharts:1,highstock:1},description:"The highest allowed value for automatically computed axis extremes."},subtree:{}},className:{meta:{types:{string:1},name:"className",excludes:{},description:"A class name that opens for styling the axis by CSS, especially in\nHighcharts styled mode. The class name is applied to group elements\nfor the grid, axis elements and labels."},subtree:{}},crosshair:{meta:{types:{"*":1,boolean:1},name:"crosshair",excludes:{},default:"false",description:"Configure a crosshair that follows either the mouse pointer or the\nhovered point.\n\nIn styled mode, the crosshairs are styled in the\n`.highcharts-crosshair`, `.highcharts-crosshair-thin` or\n`.highcharts-xaxis-category` classes."},subtree:{className:{meta:{types:{string:1},name:"className",excludes:{},description:"A class name for the crosshair, especially as a hook for styling."},subtree:{}},color:{meta:{types:{"highcharts.colorstring":1},name:"color",excludes:{},default:"#cccccc",description:"The color of the crosshair. Defaults to `#cccccc` for numeric and\ndatetime axes, and `rgba(204,214,235,0.25)` for category axes, where\nthe crosshair by default highlights the whole category."},subtree:{}},dashStyle:{meta:{types:{string:1},name:"dashStyle",excludes:{},default:"Solid",description:"The dash style for the crosshair. See\n[series.dashStyle](#plotOptions.series.dashStyle)\nfor possible values."},subtree:{}},label:{meta:{types:{"*":1},name:"label",excludes:{},products:{highstock:1},description:"A label on the axis next to the crosshair.\n\nIn styled mode, the label is styled with the\n`.highcharts-crosshair-label` class."},subtree:{align:{meta:{types:{string:1},name:"align",excludes:{},products:{highstock:1},description:"Alignment of the label compared to the axis. Defaults to `left` for\nright-side axes, `right` for left-side axes and `center` for\nhorizontal axes."},subtree:{}},backgroundColor:{meta:{types:{"highcharts.colorstring":1},name:"backgroundColor",excludes:{},products:{highstock:1},description:"The background color for the label. Defaults to the related series\ncolor, or `#666666` if that is not available."},subtree:{}},borderColor:{meta:{types:{"highcharts.colorstring":1},name:"borderColor",excludes:{},products:{highstock:1},description:"The border color for the crosshair label"},subtree:{}},borderRadius:{meta:{types:{number:1},name:"borderRadius",excludes:{},default:"3",products:{highstock:1},description:"The border corner radius of the crosshair label."},subtree:{}},borderWidth:{meta:{types:{number:1},name:"borderWidth",excludes:{},default:"0",products:{highstock:1},description:"The border width for the crosshair label."},subtree:{}},format:{meta:{types:{string:1},name:"format",excludes:{},products:{highstock:1},description:"A format string for the crosshair label. Defaults to `{value}` for\nnumeric axes and `{value:%b %d, %Y}` for datetime axes."},subtree:{}},formatter:{meta:{types:{function:1},name:"formatter",excludes:{},products:{highstock:1},description:"Formatter function for the label text."},subtree:{}},padding:{meta:{types:{number:1},name:"padding",excludes:{},default:"8",products:{highstock:1},description:"Padding inside the crosshair label."},subtree:{}},shape:{meta:{types:{string:1},name:"shape",excludes:{},default:"callout",products:{highstock:1},description:"The shape to use for the label box."},subtree:{}},style:{meta:{types:{"highcharts.cssobject":1},name:"style",excludes:{},default:'{"color": "white", "fontWeight": "normal", "fontSize": "11px", "textAlign": "center"}',products:{highstock:1},description:"Text styles for the crosshair label."},subtree:{}}}},snap:{meta:{types:{boolean:1},name:"snap",excludes:{},default:"true",description:"Whether the crosshair should snap to the point or follow the pointer\nindependent of points."},subtree:{}},width:{meta:{types:{number:1},name:"width",excludes:{},default:"1",description:"The pixel width of the crosshair. Defaults to 1 for numeric or\ndatetime axes, and for one category width for category axes."},subtree:{}},zIndex:{meta:{types:{number:1},name:"zIndex",excludes:{},default:"2",description:"The Z index of the crosshair. Higher Z indices allow drawing the\ncrosshair on top of the series or behind the grid lines."},subtree:{}}}},dateTimeLabelFormats:{meta:{types:{"*":1},name:"dateTimeLabelFormats",excludes:{},products:{highcharts:1,highstock:1},description:"For a datetime axis, the scale will automatically adjust to the\nappropriate unit. This member gives the default string\nrepresentations used for each unit. For intermediate values,\ndifferent units may be used, for example the `day` unit can be used\non midnight and `hour` unit be used for intermediate values on the\nsame axis. For an overview of the replacement codes, see\n[dateFormat](/class-reference/Highcharts#dateFormat). Defaults to:\n\n<pre>{\n    millisecond: '%H:%M:%S.%L',\n    second: '%H:%M:%S',\n    minute: '%H:%M',\n    hour: '%H:%M',\n    day: '%e. %b',\n    week: '%e. %b',\n    month: '%b \\'%y',\n    year: '%Y'\n}</pre>"},subtree:{day:{meta:{types:{string:1},name:"day",excludes:{},default:"%e. %b"},subtree:{}},hour:{meta:{types:{string:1},name:"hour",excludes:{},default:"%H:%M"},subtree:{}},millisecond:{meta:{types:{string:1},name:"millisecond",excludes:{},default:"%H:%M:%S.%L"},subtree:{}},minute:{meta:{types:{string:1},name:"minute",excludes:{},default:"%H:%M"},subtree:{}},month:{meta:{types:{string:1},name:"month",excludes:{},default:"%b '%y"},subtree:{}},second:{meta:{types:{string:1},name:"second",excludes:{},default:"%H:%M:%S"},subtree:{}},week:{meta:{types:{string:1},name:"week",excludes:{},default:"%e. %b"},subtree:{}},year:{meta:{types:{string:1},name:"year",excludes:{},default:"%Y"},subtree:{}}}},description:{meta:{types:{string:1},name:"description",excludes:{},description:"_Requires Accessibility module_\n\nDescription of the axis to screen reader users."},subtree:{}},endOnTick:{meta:{types:{boolean:1},name:"endOnTick",excludes:{},default:!1,description:"Whether to force the axis to end on a tick. Use this option with\nthe `maxPadding` option to control the axis end."},subtree:{}},events:{meta:{types:{"*":1},name:"events",excludes:{},description:"Event handlers for the axis."},subtree:{afterBreaks:{meta:{types:{function:1},name:"afterBreaks",excludes:{},products:{highcharts:1},description:"An event fired after the breaks have rendered."},subtree:{}},afterSetExtremes:{meta:{types:{function:1},name:"afterSetExtremes",excludes:{},description:"As opposed to the `setExtremes` event, this event fires after the\nfinal min and max values are computed and corrected for `minRange`.\n\n\nFires when the minimum and maximum is set for the axis, either by\ncalling the `.setExtremes()` method or by selecting an area in the\nchart. One parameter, `event`, is passed to the function, containing\ncommon event information.\n\nThe new user set minimum and maximum values can be found by\n`event.min` and `event.max`. These reflect the axis minimum and\nmaximum in axis values. The actual data extremes are found in\n`event.dataMin` and `event.dataMax`."},subtree:{}},pointBreak:{meta:{types:{function:1},name:"pointBreak",excludes:{},products:{highcharts:1},description:"An event fired when a break from this axis occurs on a point."},subtree:{}},pointInBreak:{meta:{types:{function:1},name:"pointInBreak",excludes:{},products:{highcharts:1,highstock:1},description:"An event fired when a point falls inside a break from this axis."},subtree:{}},setExtremes:{meta:{types:{function:1},name:"setExtremes",excludes:{},description:'Fires when the minimum and maximum is set for the axis, either by\ncalling the `.setExtremes()` method or by selecting an area in the\nchart. One parameter, `event`, is passed to the function,\ncontaining common event information.\n\nThe new user set minimum and maximum values can be found by\n`event.min` and `event.max`. These reflect the axis minimum and\nmaximum in data values. When an axis is zoomed all the way out from\nthe "Reset zoom" button, `event.min` and `event.max` are null, and\nthe new extremes are set based on `this.dataMin` and `this.dataMax`.'},subtree:{}}}},floor:{meta:{types:{number:1},name:"floor",excludes:{},products:{highcharts:1,highstock:1},description:"The lowest allowed value for automatically computed axis extremes."},subtree:{}},gridLineColor:{meta:{types:{"highcharts.colorstring":1},name:"gridLineColor",excludes:{},default:"#e6e6e6",description:"Color of the grid lines extending the ticks across the plot area.\n\nIn styled mode, the stroke is given in the `.highcharts-grid-line`\nclass."},subtree:{}},gridLineDashStyle:{meta:{types:{string:1},name:"gridLineDashStyle",excludes:{},default:"Solid",description:"The dash or dot style of the grid lines. For possible values, see\n[this demonstration](https://jsfiddle.net/gh/get/library/pure/\nhighcharts/highcharts/tree/master/samples/highcharts/plotoptions/\nseries-dashstyle-all/)."},subtree:{}},gridLineWidth:{meta:{types:{number:1},name:"gridLineWidth",excludes:{},default:"0",description:"The width of the grid lines extending the ticks across the plot area.\n\nIn styled mode, the stroke width is given in the\n`.highcharts-grid-line` class."},subtree:{}},gridZIndex:{meta:{types:{number:1},name:"gridZIndex",excludes:{},default:"1",products:{highcharts:1,highstock:1},description:"The Z index of the grid lines."},subtree:{}},id:{meta:{types:{string:1},name:"id",excludes:{},description:"An id for the axis. This can be used after render time to get\na pointer to the axis object through `chart.get()`."},subtree:{}},labels:{meta:{types:{"*":1},name:"labels",excludes:{},description:"The axis labels show the number or category for each tick."},subtree:{align:{meta:{types:{string:1},name:"align",excludes:{},description:'What part of the string the given position is anchored to.\nIf `left`, the left side of the string is at the axis position.\nCan be one of `"left"`, `"center"` or `"right"`. Defaults to\nan intelligent guess based on which side of the chart the axis\nis on and the rotation of the label.'},subtree:{}},autoRotation:{meta:{types:{array:"number"},name:"autoRotation",excludes:{},default:"[-45]",products:{highcharts:1,highstock:1},description:"For horizontal axes, the allowed degrees of label rotation\nto prevent overlapping labels. If there is enough space,\nlabels are not rotated. As the chart gets narrower, it\nwill start rotating the labels -45 degrees, then remove\nevery second label and try again with rotations 0 and -45 etc.\nSet it to `false` to disable rotation, which will\ncause the labels to word-wrap if possible."},subtree:{}},autoRotationLimit:{meta:{types:{number:1},name:"autoRotationLimit",excludes:{},default:"80",products:{highcharts:1},description:"When each category width is more than this many pixels, we don't\napply auto rotation. Instead, we lay out the axis label with word\nwrap. A lower limit makes sense when the label contains multiple\nshort words that don't extend the available horizontal space for\neach label."},subtree:{}},distance:{meta:{types:{number:1},name:"distance",excludes:{},default:"15",products:{highcharts:1},description:"Polar charts only. The label's pixel distance from the perimeter\nof the plot area."},subtree:{}},enabled:{meta:{types:{boolean:1},name:"enabled",excludes:{},default:!0,description:"Enable or disable the axis labels."},subtree:{}},format:{meta:{types:{string:1},name:"format",excludes:{},default:"{value}",description:"A [format string](https://www.highcharts.com/docs/chart-\nconcepts/labels-and-string-formatting) for the axis label."},subtree:{}},formatter:{meta:{types:{function:1},name:"formatter",excludes:{},description:"Callback JavaScript function to format the label. The value\nis given by `this.value`. Additional properties for `this` are\n`axis`, `chart`, `isFirst` and `isLast`. The value of the default\nlabel formatter can be retrieved by calling\n`this.axis.defaultLabelFormatter.call(this)` within the function.\n\nDefaults to:\n\n<pre>function() {\n    return this.value;\n}</pre>"},subtree:{}},maxStaggerLines:{meta:{types:{number:1},name:"maxStaggerLines",excludes:{},default:"5",products:{highmaps:1,highstock:1},description:"Horizontal axis only. When `staggerLines` is not set,\n`maxStaggerLines` defines how many lines the axis is allowed to\nadd to automatically avoid overlapping X labels. Set to `1` to\ndisable overlap detection."},subtree:{}},overflow:{meta:{types:{boolean:1,string:1},name:"overflow",excludes:{},description:'How to handle overflowing labels on horizontal axis. Can be\nundefined, `false` or `"justify"`. By default it aligns inside\nthe chart area. If "justify", labels will not render outside\nthe plot area. If `false`, it will not be aligned at all.\nIf there is room to move it, it will be aligned to the edge,\nelse it will be removed.'},subtree:{}},padding:{meta:{types:{number:1},name:"padding",excludes:{},default:"5",products:{highcharts:1},description:"The pixel padding for axis labels, to ensure white space between\nthem."},subtree:{}},position3d:{meta:{types:{string:1},name:"position3d",excludes:{},default:"offset",products:{highcharts:1},description:"Defines how the labels are be repositioned according to the 3D chart\norientation.\n- `'offset'`: Maintain a fixed horizontal/vertical distance from the\n     tick marks, despite the chart orientation. This is the backwards\n     compatible behavior, and causes skewing of X and Z axes.\n- `'chart'`: Preserve 3D position relative to the chart.\n  This looks nice, but hard to read if the text isn't\n  forward-facing.\n- `'flap'`: Rotated text along the axis to compensate for the chart\n     orientation. This tries to maintain text as legible as possible\n     on all orientations.\n- `'ortho'`: Rotated text along the axis direction so that the labels\n     are orthogonal to the axis. This is very similar to `'flap'`,\n     but prevents skewing the labels (X and Y scaling are still\n     present)."},subtree:{}},reserveSpace:{meta:{types:{boolean:1},name:"reserveSpace",excludes:{},products:{highcharts:1},description:"Whether to reserve space for the labels. By default, space is\nreserved for the labels in these cases:\n\n* On all horizontal axes.\n* On vertical axes if `label.align` is `right` on a left-side\naxis or `left` on a right-side axis.\n* On vertical axes if `label.align` is `center`.\n\nThis can be turned off when for example the labels are rendered\ninside the plot area instead of outside."},subtree:{}},rotation:{meta:{types:{number:1},name:"rotation",excludes:{},default:"0",description:"Rotation of the labels in degrees."},subtree:{}},skew3d:{meta:{types:{boolean:1},name:"skew3d",excludes:{},default:!1,products:{highcharts:1},description:"If enabled, the axis labels will skewed to follow the perspective.\n\nThis will fix overlapping labels and titles, but texts become less\nlegible due to the distortion.\n\nThe final appearance depends heavily on `labels.position3d`."},subtree:{}},staggerLines:{meta:{types:{number:1},name:"staggerLines",excludes:{},description:"Horizontal axes only. The number of lines to spread the labels\nover to make room or tighter labels."},subtree:{}},step:{meta:{types:{number:1},name:"step",excludes:{},description:"To show only every _n_'th label on the axis, set the step to _n_.\nSetting the step to 2 shows every other label.\n\nBy default, the step is calculated automatically to avoid\noverlap. To prevent this, set it to 1\\. This usually only\nhappens on a category axis, and is often a sign that you have\nchosen the wrong axis type.\n\nRead more at\n[Axis docs](https://www.highcharts.com/docs/chart-concepts/axes)\n=> What axis should I use?"},subtree:{}},style:{meta:{types:{"highcharts.cssobject":1},name:"style",excludes:{},description:"CSS styles for the label. Use `whiteSpace: 'nowrap'` to prevent\nwrapping of category labels. Use `textOverflow: 'none'` to\nprevent ellipsis (dots).\n\nIn styled mode, the labels are styled with the\n`.highcharts-axis-labels` class."},subtree:{color:{meta:{types:{string:1},name:"color",excludes:{},default:"#666666"},subtree:{}},cursor:{meta:{types:{string:1},name:"cursor",excludes:{},default:"default"},subtree:{}},fontSize:{meta:{types:{string:1},name:"fontSize",excludes:{},default:"11px"},subtree:{}}}},useHTML:{meta:{types:{boolean:1},name:"useHTML",excludes:{},default:"false",description:"Whether to [use HTML](https://www.highcharts.com/docs/chart-\nconcepts/labels-and-string-formatting#html) to render the labels."},subtree:{}},x:{meta:{types:{number:1},name:"x",excludes:{},default:"0",description:"The x position offset of the label relative to the tick position\non the axis."},subtree:{}},y:{meta:{types:{number:1},name:"y",excludes:{},description:"The y position offset of the label relative to the tick position\non the axis. The default makes it adapt to the font size on\nbottom axis."},subtree:{}},zIndex:{meta:{types:{number:1},name:"zIndex",excludes:{},default:"7",description:"The Z index for the axis labels."},subtree:{}}}},lineColor:{meta:{types:{"highcharts.colorstring":1},name:"lineColor",excludes:{},default:"#ccd6eb",description:"The color of the line marking the axis itself.\n\nIn styled mode, the line stroke is given in the\n`.highcharts-axis-line` or `.highcharts-xaxis-line` class."},subtree:{}},lineWidth:{meta:{types:{number:1},name:"lineWidth",excludes:{},default:1,description:"The width of the line marking the axis itself.\n\nIn styled mode, the stroke width is given in the\n`.highcharts-axis-line` or `.highcharts-xaxis-line` class."},subtree:{}},linkedTo:{meta:{types:{number:1},name:"linkedTo",excludes:{},products:{highcharts:1,highstock:1},description:"Index of another axis that this axis is linked to. When an axis is\nlinked to a master axis, it will take the same extremes as\nthe master, but as assigned by min or max or by setExtremes.\nIt can be used to show additional info, or to ease reading the\nchart by duplicating the scales."},subtree:{}},max:{meta:{types:{number:1},name:"max",excludes:{},description:"The maximum value of the axis. If `null`, the max value is\nautomatically calculated.\n\nIf the [endOnTick](#yAxis.endOnTick) option is true, the `max` value\nmight be rounded up.\n\nIf a [tickAmount](#yAxis.tickAmount) is set, the axis may be extended\nbeyond the set max in order to reach the given number of ticks. The\nsame may happen in a chart with multiple axes, determined by [chart.\nalignTicks](#chart), where a `tickAmount` is applied internally."},subtree:{}},maxPadding:{meta:{types:{number:1},name:"maxPadding",excludes:{},default:.01,description:"Padding of the max value relative to the length of the axis. A\npadding of 0.05 will make a 100px axis 5px longer. This is useful\nwhen you don't want the highest data value to appear on the edge\nof the plot area. When the axis' `max` option is set or a max extreme\nis set using `axis.setExtremes()`, the maxPadding will be ignored."},subtree:{}},maxRange:{meta:{types:{number:1},name:"maxRange",excludes:{},default:"undefined",products:{highstock:1},description:"Maximum range which can be set using the navigator's handles.\nOpposite of [xAxis.minRange](#xAxis.minRange)."},subtree:{}},maxZoom:{meta:{types:{number:1},name:"maxZoom",excludes:{},products:{highcharts:1,highstock:1},description:"Deprecated. Use `minRange` instead."},subtree:{}},min:{meta:{types:{number:1},name:"min",excludes:{},description:"The minimum value of the axis. If `null` the min value is\nautomatically calculated.\n\nIf the [startOnTick](#yAxis.startOnTick) option is true (default),\nthe `min` value might be rounded down.\n\nThe automatically calculated minimum value is also affected by\n[floor](#yAxis.floor), [softMin](#yAxis.softMin),\n[minPadding](#yAxis.minPadding), [minRange](#yAxis.minRange)\nas well as [series.threshold](#plotOptions.series.threshold)\nand [series.softThreshold](#plotOptions.series.softThreshold)."},subtree:{}},minPadding:{meta:{types:{number:1},name:"minPadding",excludes:{},default:.01,products:{highcharts:1,highstock:1},description:"Padding of the min value relative to the length of the axis. A\npadding of 0.05 will make a 100px axis 5px longer. This is useful\nwhen you don't want the lowest data value to appear on the edge\nof the plot area. When the axis' `min` option is set or a min extreme\nis set using `axis.setExtremes()`, the minPadding will be ignored."},subtree:{}},minRange:{meta:{types:{number:1},name:"minRange",excludes:{},description:"The minimum range to display on this axis. The entire axis will not\nbe allowed to span over a smaller interval than this. For example,\nfor a datetime axis the main unit is milliseconds. If minRange is\nset to 3600000, you can't zoom in more than to one hour.\n\nThe default minRange for the x axis is five times the smallest\ninterval between any of the data points.\n\nOn a logarithmic axis, the unit for the minimum range is the power.\nSo a minRange of 1 means that the axis can be zoomed to 10-100,\n100-1000, 1000-10000 etc.\n\nNote that the `minPadding`, `maxPadding`, `startOnTick` and\n`endOnTick` settings also affect how the extremes of the axis\nare computed."},subtree:{}},minTickInterval:{meta:{types:{number:1},name:"minTickInterval",excludes:{},description:"The minimum tick interval allowed in axis values. For example on\nzooming in on an axis with daily data, this can be used to prevent\nthe axis from showing hours. Defaults to the closest distance between\ntwo points on the axis."},subtree:{}},minorGridLineColor:{meta:{types:{"highcharts.colorstring":1},name:"minorGridLineColor",excludes:{},default:"#f2f2f2",description:"Color of the minor, secondary grid lines.\n\nIn styled mode, the stroke width is given in the\n`.highcharts-minor-grid-line` class."},subtree:{}},minorGridLineDashStyle:{meta:{types:{string:1},name:"minorGridLineDashStyle",excludes:{},default:"Solid",description:"The dash or dot style of the minor grid lines. For possible values,\nsee [this demonstration](https://jsfiddle.net/gh/get/library/pure/\nhighcharts/highcharts/tree/master/samples/highcharts/plotoptions/\nseries-dashstyle-all/)."},subtree:{}},minorGridLineWidth:{meta:{types:{number:1},name:"minorGridLineWidth",excludes:{},default:1,description:"Width of the minor, secondary grid lines.\n\nIn styled mode, the stroke width is given in the\n`.highcharts-grid-line` class."},subtree:{}},minorTickColor:{meta:{types:{"highcharts.colorstring":1},name:"minorTickColor",excludes:{},default:"#999999",description:"Color for the minor tick marks."},subtree:{}},minorTickInterval:{meta:{types:{null:1,number:1,string:1},name:"minorTickInterval",excludes:{},description:'Specific tick interval in axis units for the minor ticks. On a linear\naxis, if `"auto"`, the minor tick interval is calculated as a fifth\nof the tickInterval. If `null` or `undefined`, minor ticks are not\nshown.\n\nOn logarithmic axes, the unit is the power of the value. For example,\nsetting the minorTickInterval to 1 puts one tick on each of 0.1, 1,\n10, 100 etc. Setting the minorTickInterval to 0.1 produces 9 ticks\nbetween 1 and 10, 10 and 100 etc.\n\nIf user settings dictate minor ticks to become too dense, they don\'t\nmake sense, and will be ignored to prevent performance problems.'},subtree:{}},minorTickLength:{meta:{types:{number:1},name:"minorTickLength",excludes:{},default:2},subtree:{}},minorTickPosition:{meta:{types:{string:1},name:"minorTickPosition",excludes:{},default:"outside",description:"The position of the minor tick marks relative to the axis line.\n Can be one of `inside` and `outside`."},subtree:{}},minorTickWidth:{meta:{types:{number:1},name:"minorTickWidth",excludes:{},default:"0",description:"The pixel width of the minor tick mark."},subtree:{}},minorTicks:{meta:{types:{boolean:1},name:"minorTicks",excludes:{},default:"false",description:'Enable or disable minor ticks. Unless\n[minorTickInterval](#xAxis.minorTickInterval) is set, the tick\ninterval is calculated as a fifth of the `tickInterval`.\n\nOn a logarithmic axis, minor ticks are laid out based on a best\nguess, attempting to enter approximately 5 minor ticks between\neach major tick.\n\nPrior to v6.0.0, ticks were unabled in auto layout by setting\n`minorTickInterval` to `"auto"`.'},subtree:{}},offset:{meta:{types:{number:1},name:"offset",excludes:{},default:"0",description:"The distance in pixels from the plot area to the axis line.\nA positive offset moves the axis with it's line, labels and ticks\naway from the plot area. This is typically used when two or more\naxes are displayed on the same side of the plot. With multiple\naxes the offset is dynamically adjusted to avoid collision, this\ncan be overridden by setting offset explicitly."},subtree:{}},opposite:{meta:{types:{boolean:1},name:"opposite",excludes:{},default:"false",description:"Whether to display the axis on the opposite side of the normal. The\nnormal is on the left side for vertical axes and bottom for\nhorizontal, so the opposite sides will be right and top respectively.\nThis is typically used with dual or multiple axes."},subtree:{}},ordinal:{meta:{types:{boolean:1},name:"ordinal",excludes:{},default:"true",products:{highstock:1},description:"In an ordinal axis, the points are equally spaced in the chart\nregardless of the actual time or x distance between them. This means\nthat missing data periods (e.g. nights or weekends for a stock chart)\nwill not take up space in the chart.\nHaving `ordinal: false` will show any gaps created by the `gapSize`\nsetting proportionate to their duration.\n\nIn stock charts the X axis is ordinal by default, unless\nthe boost module is used and at least one of the series' data length\nexceeds the [boostThreshold](#series.line.boostThreshold)."},subtree:{}},overscroll:{meta:{types:{number:1},name:"overscroll",excludes:{},default:"0",products:{highstock:1},description:"Additional range on the right side of the xAxis. Works similar to\n`xAxis.maxPadding`, but value is set in milliseconds. Can be set for\nboth main `xAxis` and the navigator's `xAxis`."},subtree:{}},pane:{meta:{types:{number:1},name:"pane",excludes:{},products:{highcharts:1},description:"Refers to the index in the [panes](#panes) array. Used for circular\ngauges and polar charts. When the option is not set then first pane\nwill be used."},subtree:{}},plotBands:{meta:{types:{array:"*"},name:"plotBands",excludes:{},products:{highcharts:1,highstock:1},description:"An array of colored bands stretching across the plot area marking\nan interval on the axis.\n\nIn styled mode, the plot bands are styled by the\n`.highcharts-plot-band` class in addition to the `className` option."},subtree:{borderColor:{meta:{types:{"highcharts.colorstring":1},name:"borderColor",excludes:{},products:{highcharts:1,highstock:1},description:"Border color for the plot band. Also requires `borderWidth` to be\nset."},subtree:{}},borderWidth:{meta:{types:{number:1},name:"borderWidth",excludes:{},default:"0",products:{highcharts:1,highstock:1},description:"Border width for the plot band. Also requires `borderColor` to be\nset."},subtree:{}},className:{meta:{types:{string:1},name:"className",excludes:{},description:"A custom class name, in addition to the default\n`highcharts-plot-band`, to apply to each individual band."},subtree:{}},color:{meta:{types:{"highcharts.colorstring":1},name:"color",excludes:{},products:{highcharts:1,highstock:1},description:"The color of the plot band."},subtree:{}},events:{meta:{types:{"*":1},name:"events",excludes:{},products:{highcharts:1,highstock:1},description:"An object defining mouse events for the plot band. Supported\nproperties are `click`, `mouseover`, `mouseout`, `mousemove`."},subtree:{}},from:{meta:{types:{number:1},name:"from",excludes:{},products:{highcharts:1,highstock:1},description:"The start position of the plot band in axis units."},subtree:{}},id:{meta:{types:{string:1},name:"id",excludes:{},products:{highcharts:1,highstock:1},description:"An id used for identifying the plot band in Axis.removePlotBand."},subtree:{}},label:{meta:{types:{"*":1},name:"label",excludes:{},products:{highcharts:1,highstock:1},description:"Text labels for the plot bands"},subtree:{align:{meta:{types:{string:1},name:"align",excludes:{},default:"center",products:{highcharts:1,highstock:1},description:'Horizontal alignment of the label. Can be one of "left", "center"\nor "right".'},subtree:{}},rotation:{meta:{types:{number:1},name:"rotation",excludes:{},default:"0",products:{highcharts:1,highstock:1},description:"Rotation of the text label in degrees ."},subtree:{}},style:{meta:{types:{"highcharts.cssobject":1},name:"style",excludes:{},products:{highcharts:1,highstock:1},description:"CSS styles for the text label.\n\nIn styled mode, the labels are styled by the\n`.highcharts-plot-band-label` class."},subtree:{}},text:{meta:{types:{string:1},name:"text",excludes:{},products:{highcharts:1},description:"The string text itself. A subset of HTML is supported."},subtree:{}},textAlign:{meta:{types:{string:1},name:"textAlign",excludes:{},products:{highcharts:1,highstock:1},description:'The text alignment for the label. While `align` determines where\nthe texts anchor point is placed within the plot band, `textAlign`\ndetermines how the text is aligned against its anchor point. Possible\nvalues are "left", "center" and "right". Defaults to the same as\nthe `align` option.'},subtree:{}},useHTML:{meta:{types:{boolean:1},name:"useHTML",excludes:{},default:"false",products:{highcharts:1,highstock:1},description:"Whether to [use HTML](https://www.highcharts.com/docs/chart-concepts/labels-\nand-string-formatting#html) to render the labels."},subtree:{}},verticalAlign:{meta:{types:{string:1},name:"verticalAlign",
excludes:{},default:"top",products:{highcharts:1,highstock:1},description:'Vertical alignment of the label relative to the plot band. Can be\none of "top", "middle" or "bottom".'},subtree:{}},x:{meta:{types:{number:1},name:"x",excludes:{},products:{highcharts:1,highstock:1},description:"Horizontal position relative the alignment. Default varies by\norientation."},subtree:{}},y:{meta:{types:{number:1},name:"y",excludes:{},products:{highcharts:1,highstock:1},description:"Vertical position of the text baseline relative to the alignment.\n Default varies by orientation."},subtree:{}}}},to:{meta:{types:{number:1},name:"to",excludes:{},products:{highcharts:1,highstock:1},description:"The end position of the plot band in axis units."},subtree:{}},zIndex:{meta:{types:{number:1},name:"zIndex",excludes:{},products:{highcharts:1,highstock:1},description:"The z index of the plot band within the chart, relative to other\nelements. Using the same z index as another element may give\nunpredictable results, as the last rendered element will be on top.\nValues from 0 to 20 make sense."},subtree:{}}}},plotLines:{meta:{types:{array:"*"},name:"plotLines",excludes:{},products:{highcharts:1,highstock:1},description:"An array of lines stretching across the plot area, marking a specific\nvalue on one of the axes.\n\nIn styled mode, the plot lines are styled by the\n`.highcharts-plot-line` class in addition to the `className` option."},subtree:{className:{meta:{types:{string:1},name:"className",excludes:{},description:"A custom class name, in addition to the default\n`highcharts-plot-line`, to apply to each individual line."},subtree:{}},color:{meta:{types:{"highcharts.colorstring":1},name:"color",excludes:{},products:{highcharts:1,highstock:1},description:"The color of the line."},subtree:{}},dashStyle:{meta:{types:{string:1},name:"dashStyle",excludes:{},default:"Solid",products:{highcharts:1,highstock:1},description:"The dashing or dot style for the plot line. For possible values see\n[this overview](https://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/highcharts/plotoptions/series-\ndashstyle-all/)."},subtree:{}},events:{meta:{types:{"*":1},name:"events",excludes:{},products:{highcharts:1,highstock:1},description:"An object defining mouse events for the plot line. Supported\nproperties are `click`, `mouseover`, `mouseout`, `mousemove`."},subtree:{}},id:{meta:{types:{string:1},name:"id",excludes:{},products:{highcharts:1,highstock:1},description:"An id used for identifying the plot line in Axis.removePlotLine."},subtree:{}},label:{meta:{types:{"*":1},name:"label",excludes:{},products:{highcharts:1,highstock:1},description:"Text labels for the plot bands"},subtree:{align:{meta:{types:{string:1},name:"align",excludes:{},default:"left",products:{highcharts:1,highstock:1},description:'Horizontal alignment of the label. Can be one of "left", "center"\nor "right".'},subtree:{}},rotation:{meta:{types:{number:1},name:"rotation",excludes:{},products:{highcharts:1,highstock:1},description:"Rotation of the text label in degrees. Defaults to 0 for horizontal\nplot lines and 90 for vertical lines."},subtree:{}},style:{meta:{types:{"highcharts.cssobject":1},name:"style",excludes:{},products:{highcharts:1,highstock:1},description:"CSS styles for the text label.\n\nIn styled mode, the labels are styled by the\n`.highcharts-plot-line-label` class."},subtree:{}},text:{meta:{types:{string:1},name:"text",excludes:{},products:{highcharts:1},description:"The text itself. A subset of HTML is supported."},subtree:{}},textAlign:{meta:{types:{string:1},name:"textAlign",excludes:{},products:{highcharts:1,highstock:1},description:'The text alignment for the label. While `align` determines where\nthe texts anchor point is placed within the plot band, `textAlign`\ndetermines how the text is aligned against its anchor point. Possible\nvalues are "left", "center" and "right". Defaults to the same as\nthe `align` option.'},subtree:{}},useHTML:{meta:{types:{boolean:1},name:"useHTML",excludes:{},default:"false",products:{highcharts:1,highstock:1},description:"Whether to [use HTML](https://www.highcharts.com/docs/chart-concepts/labels-\nand-string-formatting#html) to render the labels."},subtree:{}},verticalAlign:{meta:{types:{string:1},name:"verticalAlign",excludes:{},products:{highcharts:1,highstock:1},description:'Vertical alignment of the label relative to the plot line. Can be\none of "top", "middle" or "bottom".'},subtree:{}},x:{meta:{types:{number:1},name:"x",excludes:{},products:{highcharts:1,highstock:1},description:"Horizontal position relative the alignment. Default varies by\norientation."},subtree:{}},y:{meta:{types:{number:1},name:"y",excludes:{},products:{highcharts:1,highstock:1},description:"Vertical position of the text baseline relative to the alignment.\n Default varies by orientation."},subtree:{}}}},value:{meta:{types:{number:1},name:"value",excludes:{},products:{highcharts:1,highstock:1},description:"The position of the line in axis units."},subtree:{}},width:{meta:{types:{number:1},name:"width",excludes:{},products:{highcharts:1,highstock:1},description:"The width or thickness of the plot line."},subtree:{}},zIndex:{meta:{types:{number:1},name:"zIndex",excludes:{},products:{highcharts:1,highstock:1},description:"The z index of the plot line within the chart."},subtree:{}}}},range:{meta:{types:{number:1},name:"range",excludes:{},products:{highstock:1},description:"The zoomed range to display when only defining one or none of `min`\nor `max`. For example, to show the latest month, a range of one month\ncan be set."},subtree:{}},reversed:{meta:{types:{boolean:1},name:"reversed",excludes:{},default:"false",description:"Whether to reverse the axis so that the highest number is closest\nto the origin. If the chart is inverted, the x axis is reversed by\ndefault."},subtree:{}},reversedStacks:{meta:{types:{boolean:1},name:"reversedStacks",excludes:{},default:"false",products:{highcharts:1,highstock:1},description:"This option determines how stacks should be ordered within a group.\nFor example reversed xAxis also reverses stacks, so first series\ncomes last in a group. To keep order like for non-reversed xAxis\nenable this option."},subtree:{}},scrollbar:{meta:{types:{"*":1},name:"scrollbar",excludes:{},products:{highstock:1},description:"An optional scrollbar to display on the X axis in response to\nlimiting the minimum and maximum of the axis values.\n\nIn styled mode, all the presentational options for the scrollbar\nare replaced by the classes `.highcharts-scrollbar-thumb`,\n`.highcharts-scrollbar-arrow`, `.highcharts-scrollbar-button`,\n`.highcharts-scrollbar-rifles` and `.highcharts-scrollbar-track`.",extends:"scrollbar"},subtree:{}},showEmpty:{meta:{types:{boolean:1},name:"showEmpty",excludes:{},default:"true",description:"Whether to show the axis line and title when the axis has no data."},subtree:{}},showFirstLabel:{meta:{types:{boolean:1},name:"showFirstLabel",excludes:{},default:"true",description:"Whether to show the first tick label."},subtree:{}},showLastLabel:{meta:{types:{boolean:1},name:"showLastLabel",excludes:{},default:"true",products:{highcharts:1,highstock:1},description:"Whether to show the last tick label. Defaults to `true` on cartesian\ncharts, and `false` on polar charts."},subtree:{}},softMax:{meta:{types:{number:1},name:"softMax",excludes:{},products:{highcharts:1,highstock:1},description:"A soft maximum for the axis. If the series data maximum is less than\nthis, the axis will stay at this maximum, but if the series data\nmaximum is higher, the axis will flex to show all data."},subtree:{}},softMin:{meta:{types:{number:1},name:"softMin",excludes:{},products:{highcharts:1,highstock:1},description:"A soft minimum for the axis. If the series data minimum is greater\nthan this, the axis will stay at this minimum, but if the series\ndata minimum is lower, the axis will flex to show all data."},subtree:{}},startOfWeek:{meta:{types:{number:1},name:"startOfWeek",excludes:{},default:"1",products:{highcharts:1,highstock:1},description:"For datetime axes, this decides where to put the tick between weeks.\n 0 = Sunday, 1 = Monday."},subtree:{}},startOnTick:{meta:{types:{boolean:1},name:"startOnTick",excludes:{},default:!1,description:"Whether to force the axis to start on a tick. Use this option with\nthe `minPadding` option to control the axis start."},subtree:{}},tickAmount:{meta:{types:{number:1},name:"tickAmount",excludes:{},products:{highcharts:1,highstock:1},description:"The amount of ticks to draw on the axis. This opens up for aligning\nthe ticks of multiple charts or panes within a chart. This option\noverrides the `tickPixelInterval` option.\n\nThis option only has an effect on linear axes. Datetime, logarithmic\nor category axes are not affected."},subtree:{}},tickColor:{meta:{types:{"highcharts.colorstring":1},name:"tickColor",excludes:{},default:"#ccd6eb",description:"Color for the main tick marks.\n\nIn styled mode, the stroke is given in the `.highcharts-tick`\nclass."},subtree:{}},tickInterval:{meta:{types:{number:1},name:"tickInterval",excludes:{},description:"The interval of the tick marks in axis units. When `undefined`, the\ntick interval is computed to approximately follow the\n[tickPixelInterval](#xAxis.tickPixelInterval) on linear and datetime\naxes. On categorized axes, a `undefined` tickInterval will default to\n1, one category. Note that datetime axes are based on milliseconds,\nso for example an interval of one day is expressed as\n`24 * 3600 * 1000`.\n\nOn logarithmic axes, the tickInterval is based on powers, so a\ntickInterval of 1 means one tick on each of 0.1, 1, 10, 100 etc. A\ntickInterval of 2 means a tick of 0.1, 10, 1000 etc. A tickInterval\nof 0.2 puts a tick on 0.1, 0.2, 0.4, 0.6, 0.8, 1, 2, 4, 6, 8, 10, 20,\n40 etc.\n\n\nIf the tickInterval is too dense for labels to be drawn, Highcharts\nmay remove ticks.\n\nIf the chart has multiple axes, the [alignTicks](#chart.alignTicks)\noption may interfere with the `tickInterval` setting."},subtree:{}},tickLength:{meta:{types:{number:1},name:"tickLength",excludes:{},default:10,description:"The pixel length of the main tick marks."},subtree:{}},tickPixelInterval:{meta:{types:{number:1},name:"tickPixelInterval",excludes:{},default:100,description:"If tickInterval is `null` this option sets the approximate pixel\ninterval of the tick marks. Not applicable to categorized axis.\n\nThe tick interval is also influenced by the [minTickInterval](\n#xAxis.minTickInterval) option, that, by default prevents ticks from\nbeing denser than the data points."},subtree:{}},tickPosition:{meta:{types:{string:1},name:"tickPosition",excludes:{},default:"outside",description:"The position of the major tick marks relative to the axis line.\nCan be one of `inside` and `outside`."},subtree:{}},tickPositioner:{meta:{types:{function:1},name:"tickPositioner",excludes:{},description:"A callback function returning array defining where the ticks are\nlaid out on the axis. This overrides the default behaviour of\n[tickPixelInterval](#xAxis.tickPixelInterval) and [tickInterval](\n#xAxis.tickInterval). The automatic tick positions are accessible\nthrough `this.tickPositions` and can be modified by the callback."},subtree:{}},tickPositions:{meta:{types:{array:"number"},name:"tickPositions",excludes:{},description:"An array defining where the ticks are laid out on the axis. This\noverrides the default behaviour of [tickPixelInterval](\n#xAxis.tickPixelInterval) and [tickInterval](#xAxis.tickInterval)."},subtree:{}},tickWidth:{meta:{types:{number:1},name:"tickWidth",excludes:{},description:"The pixel width of the major tick marks.\n\nIn styled mode, the stroke width is given in the `.highcharts-tick`\nclass."},subtree:{}},tickmarkPlacement:{meta:{types:{string:1},name:"tickmarkPlacement",excludes:{},default:"between",products:{highcharts:1},description:"For categorized axes only. If `on` the tick mark is placed in the\ncenter of the category, if `between` the tick mark is placed between\ncategories. The default is `between` if the `tickInterval` is 1,\n else `on`."},subtree:{}},title:{meta:{types:{object:1},name:"title",excludes:{},description:"The axis title, showing next to the axis line."},subtree:{align:{meta:{types:{string:1},name:"align",excludes:{},default:"middle",description:'Alignment of the title relative to the axis values. Possible\nvalues are "low", "middle" or "high".'},subtree:{}},enabled:{meta:{types:{string:1},name:"enabled",excludes:{},default:"middle",products:{highcharts:1},description:"Deprecated. Set the `text` to `null` to disable the title."},subtree:{}},margin:{meta:{types:{number:1},name:"margin",excludes:{},description:"The pixel distance between the axis labels or line and the title.\nDefaults to 0 for horizontal axes, 10 for vertical"},subtree:{}},offset:{meta:{types:{number:1},name:"offset",excludes:{},description:"The distance of the axis title from the axis line. By default,\nthis distance is computed from the offset width of the labels,\nthe labels' distance from the axis and the title's margin.\nHowever when the offset option is set, it overrides all this."},subtree:{}},position3d:{meta:{types:{string:1},name:"position3d",excludes:{},default:null,products:{highcharts:1},description:"Defines how the title is repositioned according to the 3D chart\norientation.\n- `'offset'`: Maintain a fixed horizontal/vertical distance from the\n  tick marks, despite the chart orientation. This is the backwards\n  compatible behavior, and causes skewing of X and Z axes.\n- `'chart'`: Preserve 3D position relative to the chart.\n  This looks nice, but hard to read if the text isn't\n  forward-facing.\n- `'flap'`: Rotated text along the axis to compensate for the chart\n  orientation. This tries to maintain text as legible as possible on\n  all orientations.\n- `'ortho'`: Rotated text along the axis direction so that the labels\n  are orthogonal to the axis. This is very similar to `'flap'`, but\n  prevents skewing the labels (X and Y scaling are still present).\n- `null`: Will use the config from `labels.position3d`"},subtree:{}},reserveSpace:{meta:{types:{boolean:1},name:"reserveSpace",excludes:{},default:"true",products:{highcharts:1,highstock:1},description:"Whether to reserve space for the title when laying out the axis."},subtree:{}},rotation:{meta:{types:{number:1},name:"rotation",excludes:{},default:"0",description:"The rotation of the text in degrees. 0 is horizontal, 270 is\nvertical reading from bottom to top."},subtree:{}},skew3d:{meta:{types:{boolean:1},name:"skew3d",excludes:{},default:null,products:{highcharts:1},description:"If enabled, the axis title will skewed to follow the perspective.\n\nThis will fix overlapping labels and titles, but texts become less\nlegible due to the distortion.\n\nThe final appearance depends heavily on `title.position3d`.\n\nA `null` value will use the config from `labels.skew3d`."},subtree:{}},style:{meta:{types:{"highcharts.cssobject":1},name:"style",excludes:{},default:'{"color": "#666666"}',description:"CSS styles for the title. If the title text is longer than the\naxis length, it will wrap to multiple lines by default. This can\nbe customized by setting `textOverflow: 'ellipsis'`, by\nsetting a specific `width` or by setting `whiteSpace: 'nowrap'`.\n\nIn styled mode, the stroke width is given in the\n`.highcharts-axis-title` class."},subtree:{color:{meta:{types:{string:1},name:"color",excludes:{},default:"#666666"},subtree:{}}}},text:{meta:{types:{string:1},name:"text",excludes:{},description:"The actual text of the axis title. It can contain basic HTML text\nmarkup like <b>, <i> and spans with style."},subtree:{}},textAlign:{meta:{types:{string:1},name:"textAlign",excludes:{},description:'Alignment of the text, can be `"left"`, `"right"` or `"center"`.\nDefault alignment depends on the\n[title.align](xAxis.title.align):\n\nHorizontal axes:\n- for `align` = `"low"`, `textAlign` is set to `left`\n- for `align` = `"middle"`, `textAlign` is set to `center`\n- for `align` = `"high"`, `textAlign` is set to `right`\n\nVertical axes:\n- for `align` = `"low"` and `opposite` = `true`, `textAlign` is\n  set to `right`\n- for `align` = `"low"` and `opposite` = `false`, `textAlign` is\n  set to `left`\n- for `align` = `"middle"`, `textAlign` is set to `center`\n- for `align` = `"high"` and `opposite` = `true` `textAlign` is\n  set to `left`\n- for `align` = `"high"` and `opposite` = `false` `textAlign` is\n  set to `right`'},subtree:{}},useHTML:{meta:{types:{boolean:1},name:"useHTML",excludes:{},default:"false",products:{highcharts:1,highstock:1},description:"Whether to [use HTML](https://www.highcharts.com/docs/\nchart-concepts/labels-and-string-formatting#html) to render the\naxis title."},subtree:{}},x:{meta:{types:{number:1},name:"x",excludes:{},default:"0",products:{highcharts:1,highstock:1},description:"Horizontal pixel offset of the title position."},subtree:{}},y:{meta:{types:{number:1},name:"y",excludes:{},products:{highcharts:1,highstock:1},description:"Vertical pixel offset of the title position."},subtree:{}}}},type:{meta:{types:{string:1},name:"type",excludes:{},default:"linear",products:{highcharts:1},description:"The type of axis. Can be one of `linear`, `logarithmic`, `datetime`\nor `category`. In a datetime axis, the numbers are given in\nmilliseconds, and tick marks are placed on appropriate values like\nfull hours or days. In a category axis, the\n[point names](#series.line.data.name) of the chart's series are used\nfor categories, if not a [categories](#xAxis.categories) array is\ndefined."},subtree:{}},uniqueNames:{meta:{types:{boolean:1},name:"uniqueNames",excludes:{},default:"true",products:{highcharts:1},description:"Applies only when the axis `type` is `category`. When `uniqueNames`\nis true, points are placed on the X axis according to their names.\nIf the same point name is repeated in the same or another series,\nthe point is placed on the same X position as other points of the\nsame name. When `uniqueNames` is false, the points are laid out in\nincreasing X positions regardless of their names, and the X axis\ncategory will take the name of the last point in each position."},subtree:{}},units:{meta:{types:{array:"Array.<(string|Array.<number"},name:"units",excludes:{},products:{highcharts:1,highstock:1},description:"Datetime axis only. An array determining what time intervals the\nticks are allowed to fall on. Each array item is an array where the\nfirst value is the time unit and the second value another array of\nallowed multiples. Defaults to:\n\n<pre>units: [[\n    'millisecond', // unit name\n    [1, 2, 5, 10, 20, 25, 50, 100, 200, 500] // allowed multiples\n], [\n    'second',\n    [1, 2, 5, 10, 15, 30]\n], [\n    'minute',\n    [1, 2, 5, 10, 15, 30]\n], [\n    'hour',\n    [1, 2, 3, 4, 6, 8, 12]\n], [\n    'day',\n    [1]\n], [\n    'week',\n    [1]\n], [\n    'month',\n    [1, 3, 6]\n], [\n    'year',\n    null\n]]</pre>"},subtree:{}},visible:{meta:{types:{boolean:1},name:"visible",excludes:{},default:"true",products:{highcharts:1,highstock:1},description:"Whether axis, including axis title, line, ticks and labels, should\nbe visible."},subtree:{}}}},yAxis:{meta:{types:{array:"yAxis"},name:"yAxis",excludes:{},description:"The Y axis or value axis. Normally this is the vertical axis,\nthough if the chart is inverted this is the horizontal axis.\nIn case of multiple axes, the yAxis node is an array of\nconfiguration objects.\n\nSee [the Axis object](/class-reference/Highcharts.Axis) for programmatic\naccess to the axis.",extends:"xAxis"},subtree:{angle:{meta:{types:{number:1},name:"angle",excludes:{},default:"0",products:{highcharts:1},description:"In a polar chart, this is the angle of the Y axis in degrees, where\n0 is up and 90 is right. The angle determines the position of the\naxis line and the labels, though the coordinate system is unaffected."},subtree:{}},endOnTick:{meta:{types:{boolean:1},name:"endOnTick",excludes:{},default:"true"},subtree:{}},gridLineInterpolation:{meta:{types:{string:1},name:"gridLineInterpolation",excludes:{},products:{highcharts:1},description:"Polar charts only. Whether the grid lines should draw as a polygon\nwith straight lines between categories, or as circles. Can be either\n`circle` or `polygon`."},subtree:{}},gridLineWidth:{meta:{types:{number:1},name:"gridLineWidth",excludes:{},default:1},subtree:{}},height:{meta:{types:{number:1,string:1},name:"height",excludes:{},products:{highstock:1},description:"The height of the Y axis. If it's a number, it is interpreted as\npixels.\n\nSince Highstock 2: If it's a percentage string, it is interpreted\nas percentages of the total plot height."},subtree:{}},labels:{meta:{types:{"*":1},name:"labels",excludes:{},extends:"xAxis.labels"},subtree:{align:{meta:{types:{string:1},name:"align",excludes:{},description:'What part of the string the given position is anchored to. Can\nbe one of `"left"`, `"center"` or `"right"`. The exact position\nalso depends on the `labels.x` setting.\n\nAngular gauges and solid gauges defaults to `center`.'},subtree:{}},distance:{meta:{types:{number:1},name:"distance",excludes:{},default:"-25",products:{highcharts:1},description:"Angular gauges and solid gauges only. The label's pixel distance\nfrom the perimeter of the plot area."},subtree:{}},x:{meta:{types:{number:1},name:"x",excludes:{},default:"-8",description:"The x position offset of the label relative to the tick position\non the axis. Defaults to -15 for left axis, 15 for right axis."},subtree:{}},y:{meta:{types:{number:1},name:"y",excludes:{},description:"The y position offset of the label relative to the tick position\non the axis."},subtree:{}}}},lineColor:{meta:{types:{"highcharts.colorstring":1},name:"lineColor",excludes:{}},subtree:{}},lineWidth:{meta:{types:{number:1},name:"lineWidth",excludes:{},default:0},subtree:{}},max:{meta:{types:{number:1},name:"max",excludes:{}},subtree:{}},maxColor:{meta:{types:{"highcharts.colorstring":1},name:"maxColor",excludes:{},default:"#003399",products:{highcharts:1},description:"Solid gauge only. Unless [stops](#yAxis.stops) are set, the color\nto represent the maximum value of the Y axis."},subtree:{}},maxLength:{meta:{types:{number:1,string:1},name:"maxLength",excludes:{},products:{highstock:1},description:"Maximal size of a resizable axis. Could be set as a percent\nof plot area or pixel size.\n\nThis feature requires the `drag-panes.js` module."},subtree:{}},maxPadding:{meta:{types:{number:1},name:"maxPadding",excludes:{},default:"0.05",products:{highcharts:1,highstock:1},description:"Padding of the max value relative to the length of the axis. A\npadding of 0.05 will make a 100px axis 5px longer. This is useful\nwhen you don't want the highest data value to appear on the edge\nof the plot area. When the axis' `max` option is set or a max extreme\nis set using `axis.setExtremes()`, the maxPadding will be ignored."},subtree:{}},min:{meta:{types:{number:1},name:"min",excludes:{}},subtree:{}},minColor:{meta:{types:{"highcharts.colorstring":1},name:"minColor",excludes:{},default:"#e6ebf5",products:{highcharts:1},description:"Solid gauge only. Unless [stops](#yAxis.stops) are set, the color\nto represent the minimum value of the Y axis."},subtree:{}},minLength:{meta:{types:{number:1,string:1},name:"minLength",excludes:{},products:{highstock:1},description:"Minimal size of a resizable axis. Could be set as a percent\nof plot area or pixel size.\n\nThis feature requires the `drag-panes.js` module."},subtree:{}},minPadding:{meta:{types:{number:1},name:"minPadding",excludes:{},default:.05},subtree:{}},opposite:{meta:{types:{boolean:1},name:"opposite",excludes:{},products:{highcharts:1,highstock:1}},subtree:{}},plotBands:{meta:{types:{array:"*"},name:"plotBands",excludes:{},products:{highcharts:1,highstock:1},description:"An array of objects defining plot bands on the Y axis.",extends:"xAxis.plotBands"},subtree:{innerRadius:{meta:{types:{number:1,string:1},name:"innerRadius",excludes:{},products:{highcharts:1},description:'In a gauge chart, this option determines the inner radius of the\nplot band that stretches along the perimeter. It can be given as\na percentage string, like `"100%"`, or as a pixel number, like `100`.\nBy default, the inner radius is controlled by the [thickness](\n#yAxis.plotBands.thickness) option.'},subtree:{}},outerRadius:{meta:{types:{number:1,string:1},name:"outerRadius",excludes:{},default:"100%",products:{highcharts:1},description:'In a gauge chart, this option determines the outer radius of the\nplot band that stretches along the perimeter. It can be given as\na percentage string, like `"100%"`, or as a pixel number, like `100`.'},subtree:{}},thickness:{meta:{types:{number:1,string:1},name:"thickness",excludes:{},default:"10",products:{highcharts:1},description:'In a gauge chart, this option sets the width of the plot band\nstretching along the perimeter. It can be given as a percentage\nstring, like `"10%"`, or as a pixel number, like `10`. The default\nvalue 10 is the same as the default [tickLength](#yAxis.tickLength),\nthus making the plot band act as a background for the tick markers.'},subtree:{}}}},plotLines:{meta:{types:{array:"*"},name:"plotLines",excludes:{},products:{highcharts:1,highstock:1},description:"An array of objects representing plot lines on the X axis",extends:"xAxis.plotLines"},subtree:{}},resize:{meta:{types:{object:1},name:"resize",excludes:{},products:{highstock:1},description:"Options for axis resizing. This feature requires the\n`drag-panes.js` -\n[classic](http://code.highcharts.com/stock/modules/drag-panes.js) or\n[styled](http://code.highcharts.com/stock/js/modules/drag-panes.js)\nmode - module."},subtree:{controlledAxis:{meta:{types:{object:1},name:"controlledAxis",excludes:{},description:"Contains two arrays of axes that are controlled by control line\nof the axis.\n\nThis feature requires the `drag-panes.js` module."},subtree:{next:{meta:{types:{array:"(String|Number)"},name:"next",excludes:{},default:"[]",description:"Array of axes that should move out of the way of resizing\nbeing done for the current axis. If not set, the next axis\nwill be used.\n\nThis feature requires the `drag-panes.js` module."},subtree:{}},prev:{meta:{types:{array:"(String|Number)"},name:"prev",excludes:{},description:"Array of axes that should move with the current axis\nwhile resizing.\n\nThis feature requires the `drag-panes.js` module."},subtree:{}}}},cursor:{meta:{types:{string:1},name:"cursor",excludes:{},default:"ns-resize",description:"Cursor style for the control line.\n\nIn styled mode use class `highcharts-axis-resizer` instead.\n\nThis feature requires the `drag-panes.js` module."},subtree:{}},enabled:{meta:{types:{boolean:1},name:"enabled",excludes:{},default:!1,description:"Enable or disable resize by drag for the axis.\n\nThis feature requires the `drag-panes.js` module."},subtree:{}},lineColor:{meta:{types:{color:1},name:"lineColor",excludes:{},default:"#cccccc",description:"Color of the control line.\n\nIn styled mode use class `highcharts-axis-resizer` instead.\n\nThis feature requires the `drag-panes.js` module."},subtree:{}},lineDashStyle:{meta:{types:{string:1},name:"lineDashStyle",excludes:{},default:"Solid",description:"Dash style of the control line.\n\nIn styled mode use class `highcharts-axis-resizer` instead.\n\nThis feature requires the `drag-panes.js` module."},subtree:{}},lineWidth:{meta:{types:{number:1},name:"lineWidth",excludes:{},default:4,description:"Width of the control line.\n\nIn styled mode use class `highcharts-axis-resizer` instead.\n\nThis feature requires the `drag-panes.js` module."},subtree:{}},x:{meta:{types:{number:1},name:"x",excludes:{},default:0,description:"Horizontal offset of the control line.\n\nThis feature requires the `drag-panes.js` module."},subtree:{}},y:{meta:{types:{number:1},name:"y",excludes:{},default:0,description:"Vertical offset of the control line.\n\nThis feature requires the `drag-panes.js` module."},subtree:{}}}},reversed:{meta:{types:{boolean:1},name:"reversed",excludes:{},description:"Whether to reverse the axis so that the highest number is closest\nto the origin."},subtree:{}},reversedStacks:{meta:{types:{boolean:1},name:"reversedStacks",excludes:{},default:"true",products:{highcharts:1,highstock:1},description:"If `true`, the first series in a stack will be drawn on top in a\npositive, non-reversed Y axis. If `false`, the first series is in\nthe base of the stack."},subtree:{}},scrollbar:{meta:{types:{"*":1},name:"scrollbar",excludes:{},products:{highstock:1},description:"An optional scrollbar to display on the Y axis in response to\nlimiting the minimum an maximum of the axis values.\n\nIn styled mode, all the presentational options for the scrollbar\nare replaced by the classes `.highcharts-scrollbar-thumb`,\n`.highcharts-scrollbar-arrow`, `.highcharts-scrollbar-button`,\n`.highcharts-scrollbar-rifles` and `.highcharts-scrollbar-track`.",extends:"scrollbar"},subtree:{enabled:{meta:{types:{boolean:1},name:"enabled",excludes:{},default:"false",products:{highstock:1},description:"Enable the scrollbar on the Y axis."},subtree:{}},margin:{meta:{types:{number:1},name:"margin",excludes:{},default:"10",products:{highstock:1},description:"Pixel margin between the scrollbar and the axis elements."},subtree:{}},showFull:{meta:{types:{boolean:1},name:"showFull",excludes:{},default:"true",products:{highstock:1},description:"Whether to show the scrollbar when it is fully zoomed out at max\nrange. Setting it to `false` on the Y axis makes the scrollbar stay\nhidden until the user zooms in, like common in browsers."},subtree:{}},size:{meta:{types:{number:1},name:"size",excludes:{},default:"14",products:{highstock:1},description:"The width of a vertical scrollbar or height of a horizontal\nscrollbar. Defaults to 20 on touch devices."},subtree:{}},zIndex:{meta:{types:{number:1},name:"zIndex",excludes:{},default:"3",products:{highstock:1},description:"Z index of the scrollbar elements."},subtree:{}}}},showLastLabel:{meta:{types:{boolean:1},name:"showLastLabel",excludes:{},default:"true"},subtree:{}},softMax:{meta:{types:{number:1},name:"softMax",excludes:{},products:{highcharts:1,highstock:1},description:"A soft maximum for the axis. If the series data maximum is less\nthan this, the axis will stay at this maximum, but if the series\ndata maximum is higher, the axis will flex to show all data.\n\n**Note**: The [series.softThreshold](\n#plotOptions.series.softThreshold) option takes precedence over this\noption."},subtree:{}},softMin:{meta:{types:{number:1},name:"softMin",excludes:{},products:{highcharts:1,highstock:1},description:"A soft minimum for the axis. If the series data minimum is greater\nthan this, the axis will stay at this minimum, but if the series\ndata minimum is lower, the axis will flex to show all data.\n\n**Note**: The [series.softThreshold](\n#plotOptions.series.softThreshold) option takes precedence over this\noption."},subtree:{}},stackLabels:{meta:{types:{"*":1},name:"stackLabels",excludes:{},products:{highcharts:1},description:"The stack labels show the total value for each bar in a stacked\ncolumn or bar chart. The label will be placed on top of positive\ncolumns and below negative columns. In case of an inverted column\nchart or a bar chart the label is placed to the right of positive\nbars and to the left of negative bars."},subtree:{align:{meta:{types:{string:1},name:"align",excludes:{},products:{highcharts:1},description:'Defines the horizontal alignment of the stack total label. Can be one\nof `"left"`, `"center"` or `"right"`. The default value is calculated\nat runtime and depends on orientation and whether the stack is\npositive or negative.'},subtree:{}},allowOverlap:{meta:{types:{boolean:1},name:"allowOverlap",excludes:{},default:!1,products:{highcharts:1},description:"Allow the stack labels to overlap."},subtree:{}
},enabled:{meta:{types:{boolean:1},name:"enabled",excludes:{},default:!1,products:{highcharts:1},description:"Enable or disable the stack total labels."},subtree:{}},format:{meta:{types:{string:1},name:"format",excludes:{},default:"{total}",products:{highcharts:1,highstock:1},description:"A [format string](http://docs.highcharts.com/#formatting) for the\ndata label. Available variables are the same as for `formatter`."},subtree:{}},formatter:{meta:{types:{function:1},name:"formatter",excludes:{},default:"function() { return H.numberFormat(this.total, -1); }",products:{highcharts:1},description:"Callback JavaScript function to format the label. The value is\ngiven by `this.total`."},subtree:{}},rotation:{meta:{types:{number:1},name:"rotation",excludes:{},default:"0",products:{highcharts:1},description:"Rotation of the labels in degrees."},subtree:{}},style:{meta:{types:{"highcharts.cssobject":1},name:"style",excludes:{},products:{highcharts:1},description:"CSS styles for the label.\n\nIn styled mode, the styles are set in the\n`.highcharts-stack-label` class."},subtree:{color:{meta:{types:{string:1},name:"color",excludes:{},default:"#000000"},subtree:{}},fontSize:{meta:{types:{string:1},name:"fontSize",excludes:{},default:"11px"},subtree:{}},fontWeight:{meta:{types:{string:1},name:"fontWeight",excludes:{},default:"bold"},subtree:{}},textOutline:{meta:{types:{string:1},name:"textOutline",excludes:{},default:"1px contrast"},subtree:{}}}},textAlign:{meta:{types:{string:1},name:"textAlign",excludes:{},products:{highcharts:1},description:'The text alignment for the label. While `align` determines where the\ntexts anchor point is placed with regards to the stack, `textAlign`\ndetermines how the text is aligned against its anchor point. Possible\nvalues are `"left"`, `"center"` and `"right"`. The default value is\ncalculated at runtime and depends on orientation and whether the\nstack is positive or negative.'},subtree:{}},useHTML:{meta:{types:{boolean:1},name:"useHTML",excludes:{},default:"false",products:{highcharts:1,highstock:1},description:"Whether to [use HTML](https://www.highcharts.com/docs/chart-concepts/\nlabels-and-string-formatting#html) to render the labels."},subtree:{}},verticalAlign:{meta:{types:{string:1},name:"verticalAlign",excludes:{},products:{highcharts:1},description:'Defines the vertical alignment of the stack total label. Can be one\nof `"top"`, `"middle"` or `"bottom"`. The default value is calculated\nat runtime and depends on orientation and whether the stack is\npositive or negative.'},subtree:{}},x:{meta:{types:{number:1},name:"x",excludes:{},products:{highcharts:1},description:"The x position offset of the label relative to the left of the\nstacked bar. The default value is calculated at runtime and depends\non orientation and whether the stack is positive or negative."},subtree:{}},y:{meta:{types:{number:1},name:"y",excludes:{},products:{highcharts:1},description:"The y position offset of the label relative to the tick position\non the axis. The default value is calculated at runtime and depends\non orientation and whether the stack is positive or negative."},subtree:{}}}},startOnTick:{meta:{types:{boolean:1},name:"startOnTick",excludes:{},default:"true",products:{highcharts:1,highstock:1},description:"Whether to force the axis to start on a tick. Use this option with\nthe `maxPadding` option to control the axis start."},subtree:{}},stops:{meta:{types:{array:"Array.<(number|Highcharts.ColorString)"},name:"stops",excludes:{},products:{highcharts:1},description:"Solid gauge series only. Color stops for the solid gauge. Use this\nin cases where a linear gradient between a `minColor` and `maxColor`\nis not sufficient. The stops is an array of tuples, where the first\nitem is a float between 0 and 1 assigning the relative position in\nthe gradient, and the second item is the color.\n\nFor solid gauges, the Y axis also inherits the concept of [data classes](http://api.\nhighcharts.com/highmaps#colorAxis.dataClasses) from the Highmaps\ncolor axis."},subtree:{}},tickPixelInterval:{meta:{types:{number:1},name:"tickPixelInterval",excludes:{},default:"72"},subtree:{}},tickWidth:{meta:{types:{number:1},name:"tickWidth",excludes:{},default:"0",products:{highcharts:1,highstock:1},description:"The pixel width of the major tick marks."},subtree:{}},title:{meta:{types:{"*":1},name:"title",excludes:{},extends:"xAxis.title"},subtree:{margin:{meta:{types:{number:1},name:"margin",excludes:{},default:"40",description:"The pixel distance between the axis labels and the title.\nPositive values are outside the axis line, negative are inside."},subtree:{}},rotation:{meta:{types:{number:1},name:"rotation",excludes:{},default:"270",description:"The rotation of the text in degrees. 0 is horizontal, 270 is\nvertical reading from bottom to top."},subtree:{}},text:{meta:{types:{string:1},name:"text",excludes:{},default:"Values",products:{highcharts:1,highstock:1},description:"The actual text of the axis title. Horizontal texts can contain\nHTML, but rotated texts are painted using vector techniques and\nmust be clean text. The Y axis title is disabled by setting the\n`text` option to `undefined`."},subtree:{}}}},tooltipValueFormat:{meta:{types:{string:1},name:"tooltipValueFormat",excludes:{},default:"undefined",description:"Parallel coordinates only. Format that will be used for point.y\nand available in [tooltip.pointFormat](#tooltip.pointFormat) as\n`{point.formattedValue}`. If not set, `{point.formattedValue}`\nwill use other options, in this order:\n\n1. [yAxis.labels.format](#yAxis.labels.format) will be used if\n   set\n2. if yAxis is a category, then category name will be displayed\n3. if yAxis is a datetime, then value will use the same format as\n   yAxis labels\n4. if yAxis is linear/logarithmic type, then simple value will be\n   used"},subtree:{}},top:{meta:{types:{number:1,string:1},name:"top",excludes:{},products:{highstock:1},description:"The top position of the Y axis. If it's a number, it is interpreted\nas pixel position relative to the chart.\n\nSince Highstock 2: If it's a percentage string, it is interpreted\nas percentages of the plot height, offset from plot area top."},subtree:{}}}},zAxis:{meta:{types:{array:"zAxis"},name:"zAxis",excludes:{},products:{highcharts:1},description:"The Z axis or depth axis for 3D plots.\n\nSee [the Axis object](/class-reference/Highcharts.Axis) for programmatic\naccess to the axis.",extends:"xAxis"},subtree:{}}}};


  //模板
  //Install "zh_cn" translations
  highed.installLanguage({
    language: "zh_cn", 
    entries: {
      "confirmNewChart": "确定放弃当前图表并重新开始?",
      "previewChart": "预览",
      "newChart": "新建",
      "saveProject": "保存项目",
      "loadProject": "加载项目",
      "exportPNG": "导出为PNG",
      "exportJPEG": "导出为JPEG",
      "exportSVG": "导出为SVG",
      "exportPDF": "导出为PDF",
      "help": "帮助",
      "licenseInfo": "许可信息",
      "stepDone": "完成",
      "stepStart": "开始",
      "stepImport": "导入",
      "stepTemplates": "模板",
      "stepCustomize": "自定义",
      "stepExport": "导出",
      "stepData": "数据",
      "doneCaption": "关闭并生成图表",
      "dgDeleteRow": "确定删除已选行?",
      "dgWithSelected": "对已选择的行:",
      "dgImportBtn": "导入",
      "dgExportBtn": "导出",
      "dgNewBtn": "新建",
      "dgAddRow": "增加行",
      "dgDataImported": "数据已导入",
      "dgDataImporting": "数据导入中",
      "dgNewCol": "新增列",
      "dgSortAsc": "升序",
      "dgSortDec": "倒序",
      "dgSortAscMonth": "按月升序",
      "dgSortDecMonth": "按月倒序",
      "dgDelCol": "删除列",
      "dgDelColConfirm": "确定删除该列?",
      "dgInsColBefore": "前插列",
      "dgInsColAfter": "后插列",
      "customizeSimple": "简单",
      "customizeAdvanced": "高级",
      "option.cat.title": "标题",
      "option.subcat.titles": "主标题",
      "option.cat.general": "通用",
      "option.subcat.size": "图表尺寸",
      "option.subcat.interaction": "图表交互",
      "option.cat.appearance": "外观",
      "option.subcat.fonts": "字体",
      "option.subcat.titlestyle": "标题样式",
      "option.subcat.seriescolors": "系列颜色",
      "option.subcat.chartarea": "图表区域",
      "option.subcat.plotarea": "绘图区域",
      "option.cat.axes": "轴",
      "option.subcat.axessetup": "轴设置",
      "option.subcat.xaxis": "X轴",
      "option.subcat.yaxis": "Y轴",
      "option.cat.series": "数据系列",
      "option.cat.labels": "数据标签",
      "option.subcat.labels": "数据标签",
      "option.cat.legend": "图例",
      "option.subcat.general": "通用",
      "option.subcat.placement": "位置",
      "option.subcat.legendappearance": "外观",
      "option.cat.tooltip": "提示",
      "option.subcat.colorborder": "颜色和边框",
      "option.cat.exporting": "导出",
      "option.cat.localization": "本地化",
      "option.subcat.numberformat": "数值格式",
      "option.subcat.exportbutton": "导出按钮及菜单",
      "option.subcat.zoombutton": "缩放按钮",
      "option.cat.credits": "著作权",
      "option.text.title.text": "图表标题",
      "option.tooltip.title.text": "主标题",
      "option.text.subtitle.text": "副标题",
      "option.tooltip.subtitle.text": "图表的副标题,以较小的字体显示在主标题下方",
      "option.text.yAxis.title.text": "Y轴标题",
      "option.tooltip.yAxis.title.text": "Y轴标题,沿Y轴方向显示",
      "option.text.chart.width": "图表宽度",
      "option.tooltip.chart.width": "图表的确切宽度。默认(<code>null</code>)根据包含元素的偏移宽度计算。",
      "option.text.chart.height": "图表高度",
      "option.tooltip.chart.height": "图表的确切高度。默认(<code>null</code>)根据包含元素的偏移高度计算,若包含元素高度为0则采用400像素。",
      "option.text.chart.zoomType": "允许缩放",
      "option.tooltip.chart.zoomType": "用户可以通过鼠标拖拽缩放的维度。可选值为:<code>x</code>, <code>y</code> or <code>xy</code>.",
      "option.text.chart.polar": "极坐标(雷达)投影",
      "option.tooltip.chart.polar": "若勾选,线图、样条图、堆积图和柱状图将会按照极坐标系统进行转换。需要<code>highcharts-more.js</code>支持。",
      "option.text.chart.style": "所有字体",
      "option.tooltip.chart.style": "整个使用的字体",
      "option.text.title.style": "主标题样式",
      "option.tooltip.title.style": "控制主标题的样式",
      "option.text.subtitle.style": "副标题样式",
      "option.tooltip.subtitle.style": "控制副标题的样式,通常以更小的字体在主标题下方显示",
      "option.text.colors": "颜色",
      "option.tooltip.colors": "数据系列默认的颜色,或者针对饼图或柱状图单个点的颜色。色彩会被按顺序选择。如果在<em>数据系列</em>中对系列进行设置,则以之为准。",
      "option.text.chart.backgroundColor": "背景颜色",
      "option.tooltip.chart.backgroundColor": "整个图表区域的背景颜色",
      "option.text.chart.borderWidth": "边框宽度",
      "option.tooltip.chart.borderWidth": "图表外边框宽度(像素)。",
      "option.text.chart.borderRadius": "边角半径",
      "option.tooltip.chart.borderRadius": "图表外边框角半径。",
      "option.text.chart.borderColor": "边框颜色",
      "option.tooltip.chart.borderColor": "图表外边框颜色。",
      "option.text.chart.plotBackgroundColor": "背景颜色",
      "option.tooltip.chart.plotBackgroundColor": "绘图区域(坐标内区域)背景色",
      "option.text.chart.plotBackgroundImage": "背景图片链接",
      "option.tooltip.chart.plotBackgroundImage": "作为绘图区域背景图片的在线URL",
      "option.text.chart.plotBorderWidth": "边框宽度",
      "option.tooltip.chart.plotBorderWidth": "绘图区域边框宽度(像素)。",
      "option.text.chart.plotBorderColor": "边框颜色",
      "option.tooltip.chart.plotBorderColor": "绘图区域边框颜色。",
      "option.text.chart.inverted": "交换轴",
      "option.tooltip.chart.inverted": "<p>是否交换轴以使得x轴垂直而y轴水平。When true, the x axis is <a href=\"#xAxis.reversed\">reversed</a> by default. If a bar series is present in the chart, it will be inverted automatically.</p>\r\n\r\n<p>Inverting the chart doesn't have an effect if there are no cartesian series in the chart, or if the chart is <a href=\"#chart.polar\">polar</a>.</p>",
      "option.text.xAxis.title.style": "X轴标题样式",
      "option.tooltip.xAxis.title.style": "X轴标题的样式",
      "option.text.xAxis.title.text": "文本",
      "option.tooltip.xAxis.title.text": "该轴标题的具体文本。它可以含有基础的HTML标签,如:&lt;b&gt;, &lt;i&gt; ",
      "option.text.xAxis.type": "类型",
      "option.tooltip.xAxis.type": "轴的类型",
      "option.text.xAxis.opposite": "对侧显示",
      "option.tooltip.xAxis.opposite": "是否将坐标轴显示在图表的另一侧。一般来说,垂直的坐标在左侧,水平的坐标在下侧,所以另一侧相应地是指右侧和上侧。一般在双坐标或多坐标场景下使用。",
      "option.text.xAxis.reversed": "逆向显示",
      "option.tooltip.xAxis.reversed": "是否将坐标逆向以使得最大坐标值离原点最近。若图表逆向,默认将X轴逆向。",
      "option.text.xAxis.labels.format": "轴标签格式",
      "option.tooltip.xAxis.labels.format": "<p>轴标签的格式字符串。实际数据可通过变量<code>{value}</code>来获得。</p><p><b>例如可以使用<code>{value} USD</code>来增加单位。</p><p>在变量内部也可以使用冒号来对数据进行<b>格式化</b>,如:<code>USD {value:.2f}</code>可展现两位有效数字,<code>{value:%Y-%m-%d}</code>可进行日期字符串格式化。",
      "option.text.yAxis.title.style": "Y轴标题样式",
      "option.tooltip.yAxis.title.style": "Y轴标题的样式",
      "option.text.yAxis.type": "类型",
      "option.tooltip.yAxis.type": "轴的类型",
      "option.text.yAxis.opposite": "对侧显示",
      "option.tooltip.yAxis.opposite": "是否将坐标轴显示在图表的另一侧。一般来说,垂直的坐标在左侧,水平的坐标在下侧,所以另一侧相应地是指右侧和上侧。一般在双坐标或多坐标场景下使用。",
      "option.text.yAxis.reversed": "逆向显示",
      "option.tooltip.yAxis.reversed": "是否将坐标逆向以使得最大坐标值离原点最近。若图表逆向,默认将Y轴逆向。",
      "option.text.yAxis.labels.format": "轴标签格式",
      "option.tooltip.yAxis.labels.format": "<p>轴标签的格式字符串。实际数据可通过变量<code>{value}</code>来获得。</p><p><b>例如可以使用<code>{value} USD</code>来增加单位。</p><p>在变量内部也可以使用冒号来对数据进行<b>格式化</b>,如:<code>USD {value:.2f}</code>可展现两位有效数字,<code>{value:%Y-%m-%d}</code>可进行日期字符串格式化。",
      "option.text.series.type": "系列类型",
      "option.tooltip.series.type": "该系列的类型",
      "option.text.series.color": "颜色",
      "option.tooltip.series.color": "该系列的主颜色。若此处不指定,则从\"外观\"中的默认颜色中选取。",
      "option.text.series.negativeColor": "负色",
      "option.tooltip.series.negativeColor": "该系列低于阈值的负颜色。阈值默认是0,在高级设定中可以修改。",
      "option.text.series.colorByPoint": "单点着色",
      "option.tooltip.series.colorByPoint": "每一个点使用一种颜色。颜色可以在\"外观\"中修改。",
      "option.text.series.dashStyle": "短划线风格",
      "option.tooltip.series.dashStyle": "图中短划线风格。仅对具有图的系列有作用,如<code>线图</code>, <code>样条图</code>, <code>面积图</code>和<code>散点图</code>,并且具有<code>lineWidth</code>。<code>短划线风格</code>有:\r\n\t\t    <ul>\r\n\t\t    \t<li>Solid</li>\r\n\t\t    \t<li>ShortDash</li>\r\n\t\t    \t<li>ShortDot</li>\r\n\t\t    \t<li>ShortDashDot</li>\r\n\t\t    \t<li>ShortDashDotDot</li>\r\n\t\t    \t<li>Dot</li>\r\n\t\t    \t<li>Dash</li>\r\n\t\t    \t<li>LongDash</li>\r\n\t\t    \t<li>DashDot</li>\r\n\t\t    \t<li>LongDashDot</li>\r\n\t\t    \t<li>LongDashDotDot</li>\r\n\t\t    </ul>",
      "option.text.series.marker.enabled": "启用点标记",
      "option.tooltip.series.marker.enabled": "是否启用点标记。如果是<code>null</code>,若数据稠密则标记隐藏,否则展现。",
      "option.text.series.marker.symbol": "标记符号",
      "option.tooltip.series.marker.symbol": "<p>为标记预定义的形状或符号。若空,则顺序使用<code>options.symbols</code>中的符号。其他可选值为:\"circle\", \"square\", \"diamond\", \"triangle\" 以及 \"triangle-down\".</p>\r\n\r\n<p>Additionally, the URL to a graphic can be given on this form:  \"url(graphic.png)\". Note that for the image to be applied to exported charts, its URL needs to be accessible by the export server.</p>\r\n\r\n<p>Custom callbacks for symbol path generation can also be added to <code>Highcharts.SVGRenderer.prototype.symbols</code>. The callback is then used by its method name, as shown in the demo.</p>",
      "option.text.plotOptions.series.dataLabels.enabled": "对所有系列启用数据标签",
      "option.tooltip.plotOptions.series.dataLabels.enabled": "在每个数据值(点、柱、饼图切片等)旁边显示一个小标签。",
      "option.text.plotOptions.series.dataLabels.style": "文本样式",
      "option.tooltip.plotOptions.series.dataLabels.style": "标签的样式。",
      "option.text.legend.enabled": "启用图例",
      "option.tooltip.legend.enabled": "是否启用图例。",
      "option.text.legend.layout": "图例布局",
      "option.tooltip.legend.layout": "图例项的布局。可选为: \"horizontal\" , \"vertical\".",
      "option.text.legend.align": "水平对齐",
      "option.tooltip.legend.align": "<p>图例在图表区域内的水平对齐。合法取值为:<code>left</code>, <code>center</code> 以及 <code>right</code>。</p>\r\n\r\n<p>若图例对齐到角落位置,<code>layout</code>选项将决定图例展现在绘图区域的上侧或下侧。</p>",
      "option.text.legend.x": "水平偏移",
      "option.tooltip.legend.x": "图例相较于它的对齐的偏移量(像素)",
      "option.text.legend.verticalAlign": "垂直对齐",
      "option.tooltip.legend.verticalAlign": "<p>图例的垂直对齐。合法取值为:<code>top</code>, <code>middle</code> 或  <code>bottom</code>。垂直位置可以通过<code>y</code>选项进一步调整。</p>\r\n\r\n<p>若图例对齐到角落位置,<code>layout</code>选项将决定图例展现在绘图区域的上侧或下侧。</p>",
      "option.text.legend.y": "垂直偏移",
      "option.tooltip.legend.y": "图例相较于它的对齐的偏移量(像素)",
      "option.text.legend.floating": "在绘图区域内显示",
      "option.tooltip.legend.floating": "若勾选,则绘图区域不会考虑图例,且绘图可能覆盖图例。",
      "option.text.legend.itemStyle": "文本样式",
      "option.tooltip.legend.itemStyle": "每个图例项的CSS样式。仅支持CSS的一个子集,特别是和文本相关的选项。",
      "option.text.legend.itemHiddenStyle": "隐藏时文本样式",
      "option.tooltip.legend.itemHiddenStyle": "若系列或点隐藏了,其相关的图例项的CSS样式。仅支持CSS的一个子集,特别是和文本相关的选项。除非此处配置,否则属性从<code>style</code>继承。",
      "option.text.legend.backgroundColor": "背景颜色",
      "option.tooltip.legend.backgroundColor": "图例的背景颜色。",
      "option.text.legend.borderWidth": "边框宽度",
      "option.tooltip.legend.borderWidth": "图例边框的宽度。",
      "option.text.legend.borderRadius": "边框角半径",
      "option.tooltip.legend.borderRadius": "图例的边框角半径。",
      "option.text.legend.borderColor": "边框颜色",
      "option.tooltip.legend.borderColor": "图例边框的颜色。",
      "option.text.tooltip.enabled": "启用提示",
      "option.tooltip.tooltip.enabled": "是否启用提示。提示指的是当鼠标悬停或者触摸一个点时显示的信息框。",
      "option.text.tooltip.shared": "系列间共享",
      "option.tooltip.tooltip.shared": "若勾选,整个绘图区域将捕获鼠标移动或者触摸事件。具有有序数据的系列(非饼图、散点图等)的提示信息将在同一个信息框中展现。推荐对于单系列以及为移动设备优化的图表启用。",
      "option.text.tooltip.backgroundColor": "背景颜色",
      "option.tooltip.tooltip.backgroundColor": "提示框的背景颜色",
      "option.text.tooltip.borderWidth": "边框宽度",
      "option.tooltip.tooltip.borderWidth": "<p>提示边框的宽度(像素)。</p>\r\n\r\n<p>In <a href=\"http://www.highcharts.com/docs/chart-design-and-style/style-by-css\">styled mode</a>, the stroke width is set in the <code>.highcharts-tooltip-box</code> class.</p>",
      "option.text.tooltip.borderRadius": "边框角半径",
      "option.tooltip.tooltip.borderRadius": "提示框的边框角半径。",
      "option.text.tooltip.borderColor": "边框颜色",
      "option.tooltip.tooltip.borderColor": "提示框边框颜色。若不设置,则使用与之关联的系列的颜色。",
      "option.text.exporting.enabled": "启用导出",
      "option.tooltip.exporting.enabled": "若勾选,则启用图表右上角的上下文按钮以允许终端用户以不同格式下载图表。",
      "option.text.exporting.sourceWidth": "导出宽度",
      "option.tooltip.exporting.sourceWidth": "导出时原图的宽度。导出后的图片宽度(像素)等于该值乘以<em>缩放因子</em>。",
      "option.text.exporting.scale": "缩放因子",
      "option.tooltip.exporting.scale": "导出时的缩放因子. 若宽度已经设置,则该设置无效。",
      "option.text.lang.decimalPoint": "小数点",
      "option.tooltip.lang.decimalPoint": "所有数字使用的小数点",
      "option.text.lang.thousandsSep": "千位分隔符",
      "option.tooltip.lang.thousandsSep": "所有数字使用的千位分隔符",
      "option.text.lang.contextButtonTitle": "上下文按钮标题",
      "option.tooltip.lang.contextButtonTitle": "导出模块菜单。包含打印和导出菜单项的提示框标题。",
      "option.text.lang.printChart": "打印图表",
      "option.tooltip.lang.printChart": "仅用于导出模块。打印图表菜单项的文本内容。",
      "option.text.lang.downloadPNG": "下载PNG",
      "option.tooltip.lang.downloadPNG": "仅用于导出模块。PNG下载菜单项的文本内容。",
      "option.text.lang.downloadJPEG": "下载JPEG",
      "option.tooltip.lang.downloadJPEG": "仅用于导出模块。JPEG下载菜单项的文本内容。",
      "option.text.lang.downloadPDF": "下载PDF",
      "option.tooltip.lang.downloadPDF": "仅用于导出模块。PDF下载菜单项的文本内容。",
      "option.text.lang.downloadSVG": "下载SVG",
      "option.tooltip.lang.downloadSVG": "仅用于导出模块。SVG下载菜单项的文本内容。",
      "option.text.lang.resetZoom": "重置缩放按钮",
      "option.tooltip.lang.resetZoom": "图表被缩放时展现的标签文本内容。",
      "option.text.credits.enabled": "启用著作权信息",
      "option.tooltip.credits.enabled": "是否显示著作权信息",
      "option.text.credits.text": "著作权信息",
      "option.tooltip.credits.text": "著作权标签文本内容。",
      "option.text.credits.href": "链接",
      "option.tooltip.credits.href": "著作权标签的URL"
    }    
  });
  
       highed.validators.add("line", function (e) { return !0 }), highed.validators.add("line", function (e) { return !0 }), highed.validators.add("line", function (e) { return !0 }), highed.samples.add({ id: "line-series-dates", title: "Dates on X", description: "", type: "csv", dataset: ["row,val", "2013-01-01,24", "2014-01-01,76", "2015-01-01,23"] }), highed.samples.add({ id: "line-series-four-series", title: "Categorized, four series", description: "", type: "csv", dataset: ["Categories,Tokyo,New York,Berlin,London", "Jan,7,-0.2,-0.9,3.9", "Feb,6.9,0.8,0.6,4.2", "Mar,9.5,5.7,3.5,5.7", "Apr,14.5,11.3,8.4,8.5", "May,18.2,17,13.5,11.9", "Jun,21.5,22,17,15.2", "Jul,25.2,24.8,18.6,17", "Aug,26.5,24.1,17.9,16.6", "Sep,23.3,20.1,14.3,14.2", "Oct,18.3,14.1,9,10.3", "Nov,13.9,8.6,3.9,6.6", "Dec,9.6,2.5,1,4.8"] }), highed.samples.add({ id: "line-series-simple", title: "Basic Line Series", description: "", type: "csv", dataset: ["row,val", "0,24", "1,76", "2,23"] }), highed.samples.add({ id: "os-stats", title: "OS Usage Stats", description: "", type: "csv", dataset: ["Date,Windows,Android,iOS,OS X,Unknown,Linux,Nokia Unknown,Series 40,BlackBerry OS,Chrome OS,Samsung,SymbianOS,Playstation,Tizen,Xbox,LG,Sony Ericsson,MeeGo,bada,Other", "2016-02-01,48.15,27.51,11.04,5.2,3.61,1,0.97,0.98,0.39,0.3,0.29,0.29,0.09,0.03,0.03,0.03,0.03,0.02,0.02,0.02", "2016-03-01,47.32,29.34,11.02,5.08,2.95,0.95,0.94,0.93,0.38,0.29,0.29,0.28,0.08,0.03,0.02,0.03,0.03,0.02,0.02,0.02", "2016-04-01,46.44,29.9,11.12,5.09,3.12,0.99,0.96,0.89,0.4,0.3,0.28,0.26,0.08,0.03,0.03,0.03,0.02,0.02,0.01,0.02", "2016-05-01,44.29,31.6,11.38,5.05,3.35,0.91,0.99,0.89,0.41,0.3,0.3,0.26,0.1,0.04,0.03,0.03,0.03,0.02,0.01,0.02", "2016-06-01,45.55,30.15,11.83,5.29,3.39,0.96,0.79,0.72,0.35,0.22,0.29,0.2,0.1,0.04,0.03,0.03,0.03,0.02,0.01,0.02", "2016-07-01,42.56,32.48,12.25,4.81,4,0.96,0.87,0.77,0.34,0.18,0.3,0.22,0.09,0.04,0.03,0.03,0.03,0.02,0.01,0.02", "2016-08-01,42.49,32.07,12.16,4.96,4.53,0.98,0.85,0.71,0.29,0.21,0.28,0.21,0.09,0.04,0.03,0.03,0.03,0.02,0.01,0.02", "2016-09-01,41.61,32.84,11.87,5.07,4.84,0.94,0.84,0.65,0.27,0.33,0.28,0.19,0.1,0.05,0.03,0.02,0.03,0.02,0.01,0.02", "2016-10-01,40.06,34.46,12.04,5.3,4.57,0.85,0.87,0.55,0.27,0.34,0.26,0.17,0.08,0.07,0.03,0.02,0.03,0.01,0.01,0.02", "2016-11-01,39.65,36.28,12.28,5.22,3.15,0.86,0.79,0.49,0.26,0.35,0.24,0.15,0.08,0.08,0.03,0.02,0.03,0.01,0.01,0.02", "2016-12-01,38.35,37.8,12.71,4.92,2.85,0.86,0.77,0.49,0.22,0.33,0.25,0.15,0.09,0.1,0.03,0.02,0.02,0.01,0.01,0.02", "2017-01-01,38.75,37.15,13.16,5.06,2.63,0.78,0.75,0.46,0.21,0.35,0.24,0.14,0.09,0.11,0.03,0.02,0.02,0.01,0.01,0.02", "2017-02-01,38.59,37.42,12.99,5.24,2.56,0.77,0.74,0.42,0.23,0.38,0.22,0.13,0.1,0.12,0.03,0.02,0.01,0.01,0.01,0.01"] }), highed.samples.add({ id: "pie-pacman", title: "Pacman Pie", description: "", type: "csv", dataset: ["slice,val", "Not Pacman,24", "Pacman,76"] }), highed.samples.add({ id: "pie-series-simple", title: "Basic Pie Series", description: "", type: "csv", dataset: ["slice,val", "Cats,20", "Dogs,75", "Birds,5"] })
       highed.templates.addCategory("Area", {}), highed.templates.addCategory("Bar", {}), highed.templates.addCategory("Line", { description: ['A line chart is a type of chart which diplays information as a series of data points called "markers" connected by straight line segments'], samples: ["os-stats", "line-series-simple", "line-series-four-series"] }), highed.templates.addCategory("Pie", { description: ["A pie chart is a circular statistical graphic which is divided into slices to illustrate numerical proportions.", "In a pie chart, the arc length of each slice is proportional to the quantity it represents."], samples: ["pie-series-simple"] }), highed.templates.addCategory("Bar", { description: ["A bar chart is a chart that presents grouped data with rectangular bars with lengths proportional to the values that they represent."], nofits: "The dataset must contain at least one column.", samples: [] }), highed.templates.addCategory("Column", { description: [], samples: [] }), highed.templates.addCategory("Stock", {}), highed.templates.addCategory("Scatter And Bubble", {}), highed.templates.addCategory("Polar", {}), highed.templates.addCategory("More", {}), highed.templates.add("Area", { title: "Basic Area", description: "", thumbnail: "ecexev.svg", dataValidator: !1, sampleSets: [], popular: !0, config: { chart: { type: "area", polar: !1 } } }), highed.templates.add("Area", { title: "Arearange", description: "", thumbnail: "udepat.svg", dataValidator: !1, sampleSets: [], config: { chart: { type: "arearange", polar: !1 } } }), highed.templates.add("Area", { title: "Area with labels", description: "", thumbnail: "atikon.svg", dataValidator: !1, sampleSets: [], config: { chart: { type: "area", polar: !1 }, plotOptions: { series: { dataLabels: { enabled: !0 } } } } }), highed.templates.add("Area", { title: "Inverted", description: "", thumbnail: "yqenid.svg", dataValidator: !1, sampleSets: [], config: { chart: { type: "area", inverted: !0, polar: !1 } } }), highed.templates.add("Area", { title: "Inverted with labels", description: "", thumbnail: "acemyq.svg", dataValidator: !1, sampleSets: [], config: { chart: { type: "area", inverted: !0, polar: !1 }, plotOptions: { series: { dataLabels: { enabled: !0 } } } } }), highed.templates.add("Area", { title: "Negative color", description: "", thumbnail: "ydypal.svg", dataValidator: !1, sampleSets: [], config: { chart: { type: "area", polar: !1 }, "series[0]": { negativeColor: "#0088FF", color: "#FF0000" } } }), highed.templates.add("Area", { title: "Stacked percentage", description: "", thumbnail: "iporos.svg", dataValidator: !1, sampleSets: [], config: { chart: { type: "area", polar: !1 }, plotOptions: { series: { stacking: "percent" } } } }), highed.templates.add("Area", { title: "Stacked", description: "", thumbnail: "inebav.svg", dataValidator: !1, sampleSets: [], config: { chart: { type: "area", polar: !1 }, plotOptions: { series: { stacking: "normal" } } } }), highed.templates.add("Area", { title: "Stacked with labels", description: "", thumbnail: "iluryh.svg", dataValidator: !1, sampleSets: [], config: { chart: { type: "area", polar: !1 }, plotOptions: { series: { stacking: "normal", dataLabels: { enabled: !0 } } } } }), highed.templates.add("Area", { title: "Step line", description: "", thumbnail: "abutix.svg", dataValidator: !1, sampleSets: [], config: { chart: { type: "area", polar: !1 }, plotOptions: { area: { step: "left" } } } })
       highed.templates.add("Bar", { title: "Basic bar", description: "", thumbnail: "ovuvul.svg", dataValidator: !1, popular: !0, sampleSets: [], config: { chart: { type: "column", inverted: !0, polar: !1 } } }), highed.templates.add("Bar", { title: "Horizontal columnrange", description: "", thumbnail: "iqagel.svg", dataValidator: !1, sampleSets: [], config: { chart: { type: "columnrange", inverted: !0, polar: !1 } } }), highed.templates.add("Bar", { title: "Columnrange with labels", description: "", thumbnail: "eracar.svg", dataValidator: !1, sampleSets: [], config: { chart: { type: "columnrange", inverted: !0, polar: !1 }, plotOptions: { series: { dataLabels: { enabled: !0 } } } } }), highed.templates.add("Bar", { title: "Stacked bar", description: "", thumbnail: "epodat.svg", dataValidator: !1, sampleSets: [], config: { chart: { type: "column", inverted: !0, polar: !1 }, plotOptions: { series: { stacking: "normal" } } } }), highed.templates.add("Bar", { title: "Stacked with labels", description: "", thumbnail: "otupaz.svg", dataValidator: !1, sampleSets: [], config: { chart: { type: "column", inverted: !0, polar: !1 }, plotOptions: { series: { stacking: "normal", dataLabels: { enabled: !0 } } } } }), highed.templates.add("Bar", { title: "Stacked percent bar", description: "", thumbnail: "yhekaq.svg", dataValidator: !1, sampleSets: [], config: { chart: { type: "column", inverted: !0, polar: !1 }, plotOptions: { series: { stacking: "percent" } } } }), highed.templates.add("Bar", { title: "Stacked percentage with labels", description: "", thumbnail: "izoqyx.svg", dataValidator: !1, sampleSets: [], config: { chart: { type: "column", inverted: !0, polar: !1 }, plotOptions: { series: { stacking: "percent", dataLabels: { enabled: !0 } } } } }), highed.templates.add("Bar", { title: "Basic with labels", description: "", thumbnail: "ovuvul.svg", dataValidator: !1, sampleSets: [], config: { chart: { type: "column", inverted: !0, polar: !1 }, plotOptions: { series: { dataLabels: { enabled: !0 } } } } }), highed.templates.add("Bar", { title: "Error bar", description: "", thumbnail: "omikax.svg", dataValidator: !1, sampleSets: [], config: { chart: { type: "column", inverted: !0, polar: !1 }, "series[1]": { type: "errorbar" } } }), highed.templates.add("Bar", { title: "Logarithmic", description: "", thumbnail: "imykus.svg", dataValidator: !1, sampleSets: [], config: { chart: { type: "column", inverted: !0, polar: !1 }, yAxis: { type: "logarithmic", minorTickInterval: "auto" } } }), highed.templates.add("Bar", { title: "Multi color", description: "", thumbnail: "ogixak.svg", dataValidator: !1, sampleSets: [], config: { chart: { type: "column", inverted: !0, polar: !1 }, plotOptions: { series: { colorByPoint: !0 } } } }), highed.templates.add("Bar", { title: "Negative color", description: "", thumbnail: "efygam.svg", dataValidator: !1, sampleSets: [], config: { chart: { type: "column", inverted: !0, polar: !1 }, "series[0]": { negativeColor: "#0088FF", color: "#FF0000" } } }), highed.templates.add("Bar", { title: "Packed columns", description: "", thumbnail: "orixis.svg", dataValidator: !1, sampleSets: [], config: { chart: { type: "column", inverted: !0, polar: !1 }, plotOptions: { series: { pointPadding: 0, groupPadding: 0, borderWidth: 0, shadow: !1 } } } }), highed.templates.add("Column", { title: "Basic Column", description: "", thumbnail: "ovobiq.svg", dataValidator: !1, popular: !0, sampleSets: [], config: { chart: { type: "column", polar: !1 } } })
      highed.templates.add("Column", { title: "Column 3D", description: "", thumbnail: "ahyqyx.svg", dataValidator: !1, sampleSets: [], config: { chart: { type: "column", margin: 75, options3d: { enabled: !0, alpha: 15, beta: 15, depth: 50, viewDistance: 15 }, polar: !1 }, plotOptions: { column: { depth: 25 } } } }), highed.templates.add("Column", { title: "Stacked 3D", description: "", thumbnail: "ahyqyx.svg", dataValidator: !1, sampleSets: [], config: { chart: { type: "column", margin: 75, options3d: { enabled: !0, alpha: 15, beta: 15, depth: 50, viewDistance: 15 }, polar: !1 }, plotOptions: { column: { depth: 25 }, series: { stacking: "normal" } } } }), highed.templates.add("Column", { title: "Stacked percent", description: "", thumbnail: "ojixow.svg", dataValidator: !1, sampleSets: [], config: { chart: { type: "column" }, plotOptions: { series: { stacking: "percent" } } } }), highed.templates.add("Column", { title: "Stacked percent with labels", description: "", thumbnail: "iwanyg.svg", dataValidator: !1, sampleSets: [], config: { chart: { type: "column", polar: !1 }, plotOptions: { series: { stacking: "percent", dataLabels: { enabled: !0 } } } } }), highed.templates.add("Column", { title: "Columnrange", description: "", thumbnail: "ihilaq.svg", dataValidator: !1, sampleSets: [], config: { chart: { type: "columnrange", polar: !1 } } }), highed.templates.add("Column", { title: "Columnrange with labels", description: "", thumbnail: "ojykiw.svg", dataValidator: !1, sampleSets: [], config: { chart: { type: "columnrange", polar: !1 }, plotOptions: { series: { dataLabels: { enabled: !0 } } } } }), highed.templates.add("Column", { title: "Stacked", description: "", thumbnail: "ycehiz.svg", dataValidator: !1, sampleSets: [], config: { chart: { type: "column", polar: !1 }, plotOptions: { series: { stacking: "normal" } } } }), highed.templates.add("Column", { title: "Stacked with labels", description: "", thumbnail: "acijil.svg", dataValidator: !1, sampleSets: [], config: { chart: { type: "column", polar: !1 }, plotOptions: { series: { stacking: "normal", dataLabels: { enabled: !0 } } } } }), highed.templates.add("Column", { title: "Error bar", description: "", thumbnail: "icytes.svg", dataValidator: !1, sampleSets: [], config: { chart: { type: "column", polar: !1 }, "series[1]": { type: "errorbar" } } }), highed.templates.add("Column", { title: "With label", description: "", thumbnail: "ivetir.svg", dataValidator: !1, sampleSets: [], config: { chart: { type: "column", polar: !1 }, plotOptions: { series: { dataLabels: { enabled: !0 } } } } }), highed.templates.add("Column", { title: "Logarithmic", description: "", thumbnail: "igipeg.svg", dataValidator: !1, sampleSets: [], config: { chart: { type: "column", polar: !1 }, yAxis: { type: "logarithmic", minorTickInterval: "auto" } } }), highed.templates.add("Column", { title: "Multi color", description: "", thumbnail: "alyqyz.svg", dataValidator: !1, sampleSets: [], config: { chart: { type: "column", polar: !1 }, plotOptions: { series: { colorByPoint: !0 } } } }), highed.templates.add("Column", { title: "Negative color", description: "", thumbnail: "yxajih.svg", dataValidator: !1, sampleSets: [], config: { chart: { type: "column", polar: !1 }, "series[0]": { negativeColor: "#0088FF", color: "#FF0000" } } }), highed.templates.add("Column", { title: "Packed columns", description: "", thumbnail: "exypor.svg", dataValidator: !1, sampleSets: [], config: { chart: { type: "column", polar: !1 }, plotOptions: { series: { pointPadding: 0, groupPadding: 0, borderWidth: 0, shadow: !1 } } } }), highed.templates.add("Line", { title: "Line chart", description: "", thumbnail: "abywon.svg", popular: !0, dataValidator: !1, sampleSets: [], config: { chart: { type: "line" } } })
      highed.templates.add("Line", { title: "Error bar", description: "", thumbnail: "ypewak.svg", dataValidator: !1, sampleSets: [], config: { chart: { type: "line", polar: !1 }, "series[0]": { type: "line" }, "series[1]": { type: "errorbar" } } }), highed.templates.add("Line", { title: "Inverted", description: "", thumbnail: "ozojul.svg", dataValidator: !1, sampleSets: [], config: { chart: { type: "line", inverted: !0, polar: !1 } } }), highed.templates.add("Line", { title: "Line", description: ["Basic line series. Good starting point for custom line series.", "Requires one column for X values or categories, subsequently one column for each series' Y values."], constructor: "Chart", thumbnail: "abywon.svg", sampleSets: [], validator: "line", config: { chart: { type: "line" } } }), highed.templates.add("Line", { title: "Logarithmic", description: "", thumbnail: "abywon.svg", dataValidator: !1, sampleSets: [], config: { chart: { type: "line", polar: !1 }, yAxis: { type: "logarithmic", minorTickInterval: "auto" } } }), highed.templates.add("Line", { title: "Negative color", description: "", thumbnail: "uxyfys.svg", dataValidator: !1, sampleSets: [], config: { chart: { type: "line", polar: !1 }, "series[0]": { negativeColor: "#0088FF", color: "#FF0000" } } }), highed.templates.add("Line", { title: "Spline", description: "", thumbnail: "upafes.svg", dataValidator: !1, sampleSets: [], config: { chart: { type: "spline", polar: !1 } } }), highed.templates.add("Line", { title: "Spline with labels", description: "", thumbnail: "odopic.svg", dataValidator: !1, sampleSets: [], config: { chart: { type: "spline", polar: !1 }, plotOptions: { series: { dataLabels: { enabled: !0 } } } } }), highed.templates.add("Line", { title: "Step line", description: "", thumbnail: "akeduw.svg", dataValidator: !1, sampleSets: [], config: { chart: { type: "line", polar: !1 }, plotOptions: { line: { step: "left" } } } }), highed.templates.add("Line", { title: "Step line with labels", description: "", thumbnail: "oxenux.svg", dataValidator: !1, sampleSets: [], config: { chart: { type: "line", polar: !1 }, plotOptions: { series: { dataLabels: { enabled: !0 } }, line: { step: "left" } } } }), highed.templates.add("Line", { title: "With data labels", description: "", thumbnail: "agonam.svg", dataValidator: !1, sampleSets: [], config: { chart: { type: "line", polar: !1 }, plotOptions: { series: { dataLabels: { enabled: !0 } } } } }), highed.templates.add("More", { title: "Boxplot", description: "", thumbnail: "idagib.svg", dataValidator: !1, sampleSets: [], config: { chart: { type: "boxplot" } } }), highed.templates.add("More", { title: "Funnel", description: "", thumbnail: "exumeq.svg", dataValidator: !1, sampleSets: [], config: { chart: { type: "funnel" }, plotOptions: { series: { datalabels: { color: "#000000" }, dataLabels: { softConnector: !0 }, neckWidth: "20%", neckHeight: "35%" } }, "series[0]": { width: "64%" } } }), highed.templates.add("More", { title: "Pyramid", description: "", thumbnail: "obulek.svg", dataValidator: !1, sampleSets: [], config: { chart: { type: "pyramid" }, plotOptions: { series: { datalabels: { color: "#000000" }, dataLabels: { softConnector: !0 } } }, "series[0]": { width: "64%" } } }), highed.templates.add("More", { title: "Solid gauge", description: "", thumbnail: "apocob.svg", dataValidator: !1, sampleSets: [], config: { chart: { type: "solidgauge" }, pane: { center: ["50%", "85%"], size: "140%", startAngle: "-90", endAngle: "90", background: { backgroundColor: "#EEE", innerRadius: "60%", outerRadius: "100%", shape: "arc" } }, tooltip: { enabled: !1 }, yAxis: { stops: [[.1, "#55BF3B"], [.5, "#DDDF0D"], [.9, "#DF5353"]], min: 0, max: 100, lineWidth: 0, minorTickInterval: null, tickPixelInterval: 400, tickWidth: 0, title: { y: -70 }, labels: { y: 16 } }, plotOptions: { solidgauge: { dataLabels: { y: 10, borderWidth: 0, useHTML: !0 } } }, "series[0]": { dataLabels: { format: '<div style="text-align:center"><span style="font-size:25px;color:#000000">{y}</span></div>' } } } })
      highed.templates.add("Pie", { title: "Pie", description: ["Good starting point for custom pie series."], constructor: "Chart", popular: !0, thumbnail: "yqoxob.svg", sampleSets: [], validator: "pie", config: { chart: { type: "pie" } } }), highed.templates.add("Pie", { title: "Pie chart with labels", description: "", thumbnail: "yqoxob.svg", dataValidator: !1, sampleSets: [], config: { chart: { type: "pie", polar: !1 }, plotOptions: { pie: { allowPointSelect: !0, cursor: !0 }, series: { dataLabels: { enabled: !0 } } } } }), highed.templates.add("Pie", { title: "Pie with legend", description: "", thumbnail: "anofof.svg", dataValidator: !1, sampleSets: [], config: { chart: { type: "pie", polar: !1 }, plotOptions: { pie: { allowPointSelect: !0, cursor: !0, showInLegend: !0, dataLabels: { enabled: !1 } } } } }), highed.templates.add("Pie", { title: "3D Pie with legend", description: "", thumbnail: "ubopaq.svg", dataValidator: !1, sampleSets: [], config: { chart: { type: "pie", options3d: { enabled: !0, alpha: 45, beta: 0 }, polar: !1 }, plotOptions: { pie: { allowPointSelect: !0, depth: 35, cursor: "pointer", showInLegend: !0, dataLabels: { enabled: !1 } } } } }), highed.templates.add("Pie", { title: "3D Pie chart", description: "", thumbnail: "erifer.svg", dataValidator: !1, sampleSets: [], config: { chart: { type: "pie", options3d: { enabled: !0, alpha: 45, beta: 0 }, polar: !1 }, plotOptions: { pie: { allowPointSelect: !0, depth: 35, cursor: "pointer" }, series: { dataLabels: { enabled: !0 } } } } }), highed.templates.add("Pie", { title: "Donut", description: "", thumbnail: "upaxab.svg", dataValidator: !1, sampleSets: [], config: { chart: { type: "pie", polar: !1 }, plotOptions: { pie: { allowPointSelect: !0, cursor: !0, innerSize: "60%", dataLabels: { enabled: !0 } } } } }), highed.templates.add("Pie", { title: "3D Donut chart", description: "", thumbnail: "ehuvoh.svg", dataValidator: !1, sampleSets: [], config: { chart: { type: "pie", options3d: { enabled: !0, alpha: 45, beta: 0 }, polar: !1 }, plotOptions: { pie: { allowPointSelect: !0, depth: 35, cursor: "pointer", innerSize: "60%" }, series: { dataLabels: { enabled: !0 } } } } }), highed.templates.add("Pie", { title: "3D Donut chart with legend", description: "", thumbnail: "oriwyb.svg", dataValidator: !1, sampleSets: [], config: { chart: { type: "pie", options3d: { enabled: !0, alpha: 45, beta: 0 }, polar: !1 }, plotOptions: { pie: { allowPointSelect: !0, depth: 35, cursor: "pointer", showInLegend: !0, innerSize: "60%" }, series: { dataLabels: { enabled: !1 } } } } }), highed.templates.add("Pie", { title: "Donut with legend", description: "", thumbnail: "arutag.svg", dataValidator: !1, sampleSets: [], config: { chart: { type: "pie", polar: !1 }, plotOptions: { pie: { allowPointSelect: !0, cursor: !0, showInLegend: !0, innerSize: "60%", dataLabels: { enabled: !1 } } } } }), highed.templates.add("Pie", { title: "Semi circle donut", description: "", thumbnail: "iwyfes.svg", dataValidator: !1, sampleSets: [], config: { chart: { type: "pie", polar: !1 }, plotOptions: { pie: { allowPointSelect: !1, dataLabels: { distance: -30, style: { fontWeight: "bold", color: "white", textShadow: "0px 1px 2px black" } }, innerSize: "50%", startAngle: -90, endAngle: 90, center: ["50%", "75%"] }, series: { dataLabels: { enabled: !0 } } } } }), highed.templates.add("Polar", { title: "Polar area", description: "", thumbnail: "oqajux.svg", dataValidator: !1, sampleSets: [], config: { chart: { type: "area", polar: !0 } } }), highed.templates.add("Polar", { title: "Polar line", description: "", thumbnail: "ajogud.svg", dataValidator: !1, sampleSets: [], config: { chart: { type: "line", polar: !0 } } }), highed.templates.add("Polar", { title: "Spider area", description: "", thumbnail: "exajib.svg", dataValidator: !1, sampleSets: [], config: { chart: { type: "area", polar: !0 }, xAxis: { tickmarkPlacement: "on", lineWidth: 0 }, yAxis: { lineWidth: 0, gridLineInterpolation: "polygon" } } })
       highed.templates.add("Polar", { title: "Spider line", description: "", thumbnail: "uqonaj.svg", dataValidator: !1, sampleSets: [], config: { chart: { type: "line", polar: !0 }, xAxis: { tickmarkPlacement: "on", lineWidth: 0 }, yAxis: { lineWidth: 0, gridLineInterpolation: "polygon" } } }), highed.templates.add("Scatter And Bubble", { title: "Scatter with line", description: "", thumbnail: "ydaqok.svg", dataValidator: !1, popular: !0, sampleSets: [], config: { chart: { type: "scatter", polar: !1 }, plotOptions: { series: { lineWidth: 1 } } } }), highed.templates.add("Scatter And Bubble", { title: "Bubble chart", description: "", thumbnail: "usyfyw.svg", dataValidator: !1, sampleSets: [], config: { chart: { type: "bubble", polar: !1 } } }), highed.templates.add("Scatter And Bubble", { title: "Scatter chart", description: "", thumbnail: "ezatat.svg", dataValidator: !1, sampleSets: [], config: { chart: { type: "scatter", polar: !1 } } }), highed.templates.add("Scatter And Bubble", { title: "Scatter with line, no marker", description: "", thumbnail: "uvepiw.svg", dataValidator: !1, sampleSets: [], config: { chart: { type: "scatter", polar: !1 }, plotOptions: { series: { lineWidth: 1, marker: { enabled: !1 } } } } });
     
     /*
  
  Highcharts Editor v0.3.0
  
  Copyright (c) 2016-2017, Highsoft
  
  Permission is hereby granted, free of charge, to any person obtaining
  a copy of this software and associated documentation files (the
  "Software"), to deal in the Software without restriction, including
  without limitation the rights to use, copy, modify, merge, publish,
  distribute, sublicense, and/or sell copies of the Software, and to
  permit persons to whom the Software is furnished to do so, subject to
  the following conditions:
  
  The above copyright notice and this permission notice shall be
  included in all copies or substantial portions of the Software.
  
  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
  EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
  MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.
  IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY
  CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT,
  TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE
  SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
  
  */
  highed.templates.addCategory("Stock",{description:["Stock charts are used to display financial data."],samples:[]}),highed.templates.add("Stock",{title:"Area",description:"",constructor:"StockChart",thumbnail:"ukaqor.svg",dataValidator:!1,sampleSets:["line-series-dates"],config:{chart:{type:"area",polar:!1},rangeSelector:{enabled:!1}}}),highed.templates.add("Stock",{title:"Basic",description:"",constructor:"StockChart",thumbnail:"awuhad.svg",dataValidator:!1,sampleSets:["line-series-dates"],config:{chart:{type:"line",polar:!1},rangeSelector:{enabled:!1}}}),highed.templates.add("Stock",{title:"Candlestick",description:"",constructor:"StockChart",thumbnail:"etybef.svg",dataValidator:!1,sampleSets:["candlestick"],config:{chart:{type:"candlestick",polar:!1},rangeSelector:{enabled:!1}}}),highed.templates.add("Stock",{title:"Column",description:"",constructor:"StockChart",thumbnail:"ogywen.svg",dataValidator:!1,sampleSets:["line-series-dates"],config:{chart:{type:"column",polar:!1},rangeSelector:{enabled:!1}}}),highed.templates.add("Stock",{title:"OHLC",description:"",constructor:"StockChart",thumbnail:"opilip.svg",dataValidator:!1,sampleSets:["candlestick"],config:{chart:{type:"ohlc",polar:!1},rangeSelector:{enabled:!1}}});
     
tinymce.PluginManager.add('highcharts', function (editor, url) {

   
     var modal = highed.ModalEditor(false, {
                    features: 'data templates customize',
                    language: 'zh_cn',
                    allowDone: true
                }, function (chart) {
                    var html = chart.export.html(true);
                   editor.insertContent('<div class="mceNonEditable">' + html + '</div><p></p>');                
                }); 

    if (tinymce.majorVersion > 4) {
        editor.ui.registry.addMenuItem('highcharts', {
            text: 'Highcharts (Interactive)',
            onAction: function (e) {
                tinymce.activeEditor.schema.addValidElements("script[type|src],div[id|style]a[*],altGlyph[*],altGlyphDef[*],altGlyphItem[*],animate[*],animateColor[*],animateMotion[*],animateTransform[*],circle[*],clipPath[*],color-profile[*],cursor[*],defs[*],desc[*],ellipse[*],feBlend[*],feColorMatrix[*],feComponentTransfer[*],feComposite[*],feConvolveMatrix[*],feDiffuseLighting[*],feDisplacementMap[*],feDistantLight[*],feFlood[*],feFuncA[*],feFuncB[*],feFuncG[*],feFuncR[*],feGaussianBlur[*],feImage[*],feMerge[*],feMergeNode[*],feMorphology[*],feOffset[*],fePointLight[*],feSpecularLighting[*],feSpotLight[*],feTile[*],feTurbulence[*],filter[*],font[*],font-face[*],font-face-format[*],font-face-name[*],font-face-src[*],font-face-uri[*],foreignObject[*],g[*],glyph[*],glyphRef[*],hkern[*],image[*],line[*],linearGradient[*],marker[*],mask[*],metadata[*],missing-glyph[*],mpath[*],path[*],pattern[*],polygon[*],polyline[*],radialGradient[*],rect[*],script[*],set[*],stop[*],style[*],svg[*],switch[*],symbol[*],text[*],textPath[*],title[*],tref[*],tspan[*],use[*],view[*],vkern[*]");
                modal.attachToSummoner(this._id);
                modal.show();
                modal.resize();
            }
        });
    } else {
        editor.addMenuItem('highcharts', {
            text: 'Highcharts (Interactive)',
            context: 'insert',
            icon: false,
            onclick: function (e) {
                tinymce.activeEditor.schema.addValidElements("script[type|src],div[id|style]a[*],altGlyph[*],altGlyphDef[*],altGlyphItem[*],animate[*],animateColor[*],animateMotion[*],animateTransform[*],circle[*],clipPath[*],color-profile[*],cursor[*],defs[*],desc[*],ellipse[*],feBlend[*],feColorMatrix[*],feComponentTransfer[*],feComposite[*],feConvolveMatrix[*],feDiffuseLighting[*],feDisplacementMap[*],feDistantLight[*],feFlood[*],feFuncA[*],feFuncB[*],feFuncG[*],feFuncR[*],feGaussianBlur[*],feImage[*],feMerge[*],feMergeNode[*],feMorphology[*],feOffset[*],fePointLight[*],feSpecularLighting[*],feSpotLight[*],feTile[*],feTurbulence[*],filter[*],font[*],font-face[*],font-face-format[*],font-face-name[*],font-face-src[*],font-face-uri[*],foreignObject[*],g[*],glyph[*],glyphRef[*],hkern[*],image[*],line[*],linearGradient[*],marker[*],mask[*],metadata[*],missing-glyph[*],mpath[*],path[*],pattern[*],polygon[*],polyline[*],radialGradient[*],rect[*],script[*],set[*],stop[*],style[*],svg[*],switch[*],symbol[*],text[*],textPath[*],title[*],tref[*],tspan[*],use[*],view[*],vkern[*]");
                modal.attachToSummoner(this._id);
                modal.show();
                modal.resize();
            }
        });
    }
});