-
Notifications
You must be signed in to change notification settings - Fork 1
/
index-6.htm
78 lines (77 loc) · 56.8 KB
/
index-6.htm
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
<!doctype html><head id="www-apexcharts-com"><meta charset="UTF-8"> <!--[if IE ]><meta http-equiv="X-UA-Compatible" content="IE=edge"> <![endif]--> <script>window.Promise || document.write('<script src="https://cdn.jsdelivr.net/npm/promise-polyfill@8/dist/polyfill.min.js"><\/script>');
window.Promise || document.write('<script src="https://cdn.jsdelivr.net/npm/[email protected]/classList.min.js"><\/script>');
window.Promise || document.write('<script src="https://cdn.jsdelivr.net/npm/findindex_polyfill_mdn"><\/script>');
window.Promise || document.write('<script src="https://cdn.jsdelivr.net/npm/blob-polyfill"><\/script>');</script> <link rel="stylesheet" media="print" onload="this.onload=null;this.media='all';" id="ao_optimized_gfonts" href="https://fonts.googleapis.com/css?family=Lato:400,700&display=swap" /><link media="all" href="https://apexcharts.com/wp-content/cache/autoptimize/css/autoptimize_11b74b5198ca3594eccaee41cce18b7f.css" rel="stylesheet" /><link media="screen" href="https://apexcharts.com/wp-content/cache/autoptimize/css/autoptimize_9c2eed08b0ab8b5c5473d9f5c71230a1.css" rel="stylesheet" /><title>ApexCharts.js - Open Source JavaScript Charts for your website</title><meta name="title" content="ApexCharts.js - Open Source JavaScript Charts for your website"><meta name="viewport" content="width=device-width, initial-scale=1"><meta name="Copyright" content="Copyright © ApexCharts.js 2021. All Rights Reserved."><link rel="shortcut icon" href="https://apexcharts.com/wp-content/themes/apexcharts/favicon.ico" /><link rel="preconnect" href="https://fonts.gstatic.com"> <script async src="https://www.googletagmanager.com/gtag/js?id=UA-119908947-1"></script> <meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' /><meta name="description" content="ApexCharts is a a free and open-source modern charting library that helps developers to create beautiful and interactive visualizations for web pages." /><link rel="canonical" href="https://apexcharts.com/" /><meta property="og:locale" content="en_US" /><meta property="og:type" content="website" /><meta property="og:title" content="ApexCharts.js - Open Source JavaScript Charts for your website" /><meta property="og:description" content="ApexCharts is a a free and open-source modern charting library that helps developers to create beautiful and interactive visualizations for web pages." /><meta property="og:url" content="https://apexcharts.com/" /><meta property="og:site_name" content="ApexCharts.js" /><meta property="article:publisher" content="https://facebook.com/apexcharts" /><meta property="article:modified_time" content="2020-03-07T17:55:50+00:00" /><meta name="twitter:card" content="summary_large_image" /><meta name="twitter:site" content="@apexcharts" /> <script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://apexcharts.com/#organization","name":"ApexCharts","url":"https://apexcharts.com/","sameAs":["https://facebook.com/apexcharts","https://twitter.com/apexcharts"],"logo":{"@type":"ImageObject","@id":"https://apexcharts.com/#logo","inLanguage":"en-US","url":"https://apexcharts.com/wp-content/uploads/2018/05/apexcharts-logo-small.png","contentUrl":"https://apexcharts.com/wp-content/uploads/2018/05/apexcharts-logo-small.png","width":45,"height":39,"caption":"ApexCharts"},"image":{"@id":"https://apexcharts.com/#logo"}},{"@type":"WebSite","@id":"https://apexcharts.com/#website","url":"https://apexcharts.com/","name":"ApexCharts.js","description":"Open-Source HTML5 JavaScript Charts","publisher":{"@id":"https://apexcharts.com/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://apexcharts.com/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https://apexcharts.com/#webpage","url":"https://apexcharts.com/","name":"ApexCharts.js - Open Source JavaScript Charts for your website","isPartOf":{"@id":"https://apexcharts.com/#website"},"about":{"@id":"https://apexcharts.com/#organization"},"datePublished":"2019-06-02T10:42:30+00:00","dateModified":"2020-03-07T17:55:50+00:00","description":"ApexCharts is a a free and open-source modern charting library that helps developers to create beautiful and interactive visualizations for web pages.","breadcrumb":{"@id":"https://apexcharts.com/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https://apexcharts.com/"]}]},{"@type":"BreadcrumbList","@id":"https://apexcharts.com/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home"}]}]}</script> <link rel='dns-prefetch' href='//cdn.jsdelivr.net' /><link rel='dns-prefetch' href='//unpkg.com' /><link rel='dns-prefetch' href='//cdnjs.cloudflare.com' /><link href='https://fonts.gstatic.com' crossorigin='anonymous' rel='preconnect' /><link rel="alternate" type="application/rss+xml" title="ApexCharts.js » Feed" href="https://apexcharts.com/feed/" /><link rel="alternate" type="application/rss+xml" title="ApexCharts.js » Comments Feed" href="https://apexcharts.com/comments/feed/" /> <script src='//cdnjs.cloudflare.com/ajax/libs/jquery/1.10.2/jquery.min.js' id='jquery-js'></script> <script id='PopupBuilder.js-js-before'>var SGPB_POPUP_PARAMS = {"popupTypeAgeRestriction":"ageRestriction","defaultThemeImages":{"1":"https:\/\/apexcharts.com\/wp-content\/plugins\/popup-builder\/public\/img\/theme_1\/close.png","2":"https:\/\/apexcharts.com\/wp-content\/plugins\/popup-builder\/public\/img\/theme_2\/close.png","3":"https:\/\/apexcharts.com\/wp-content\/plugins\/popup-builder\/public\/img\/theme_3\/close.png","5":"https:\/\/apexcharts.com\/wp-content\/plugins\/popup-builder\/public\/img\/theme_5\/close.png","6":"https:\/\/apexcharts.com\/wp-content\/plugins\/popup-builder\/public\/img\/theme_6\/close.png"},"homePageUrl":"https:\/\/apexcharts.com\/","isPreview":false,"convertedIdsReverse":[],"dontShowPopupExpireTime":365,"conditionalJsClasses":[],"disableAnalyticsGeneral":false};
var SGPB_JS_PACKAGES = {"packages":{"current":1,"free":1,"silver":2,"gold":3,"platinum":4},"extensions":{"geo-targeting":false,"advanced-closing":false}};
var SGPB_JS_PARAMS = {"ajaxUrl":"https:\/\/apexcharts.com\/wp-admin\/admin-ajax.php","nonce":"51aa64fd11"};</script> <link rel="https://api.w.org/" href="https://apexcharts.com/wp-json/" /><link rel="alternate" type="application/json" href="https://apexcharts.com/wp-json/wp/v2/pages/3254" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://apexcharts.com/xmlrpc.php?rsd" /><link rel="wlwmanifest" type="application/wlwmanifest+xml" href="https://apexcharts.com/wp-includes/wlwmanifest.xml" /><meta name="generator" content="WordPress 5.8.2" /><link rel='shortlink' href='https://apexcharts.com/' /><link rel="alternate" type="application/json+oembed" href="https://apexcharts.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fapexcharts.com%2F" /><link rel="alternate" type="text/xml+oembed" href="https://apexcharts.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fapexcharts.com%2F&format=xml" /> <script type="text/html" id="tmpl-autocomplete-header"><div class="autocomplete-header">
<div class="autocomplete-header-title">{{{ data.label }}}</div>
<div class="clear"></div>
</div></script> <script type="text/html" id="tmpl-autocomplete-post-suggestion"><a class="suggestion-link" href="{{ data.permalink }}" title="{{ data.post_title }}">
<# if ( data.images.thumbnail ) { #>
<img class="suggestion-post-thumbnail" src="{{ data.images.thumbnail.url }}" alt="{{ data.post_title }}">
<# } #>
<div class="suggestion-post-attributes">
<span class="suggestion-post-title">{{{ data._highlightResult.post_title.value }}}</span>
<# if ( data._snippetResult['content'] ) { #>
<span class="suggestion-post-content">{{{ data._snippetResult['content'].value }}}</span>
<# } #>
</div>
</a></script> <script type="text/html" id="tmpl-autocomplete-term-suggestion"><a class="suggestion-link" href="{{ data.permalink }}" title="{{ data.name }}">
<svg viewBox="0 0 21 21" width="21" height="21">
<svg width="21" height="21" viewBox="0 0 21 21">
<path
d="M4.662 8.72l-1.23 1.23c-.682.682-.68 1.792.004 2.477l5.135 5.135c.7.693 1.8.688 2.48.005l1.23-1.23 5.35-5.346c.31-.31.54-.92.51-1.36l-.32-4.29c-.09-1.09-1.05-2.06-2.15-2.14l-4.3-.33c-.43-.03-1.05.2-1.36.51l-.79.8-2.27 2.28-2.28 2.27zm9.826-.98c.69 0 1.25-.56 1.25-1.25s-.56-1.25-1.25-1.25-1.25.56-1.25 1.25.56 1.25 1.25 1.25z"
fill-rule="evenodd"></path>
</svg>
</svg>
<span class="suggestion-post-title">{{{ data._highlightResult.name.value }}}</span>
</a></script> <script type="text/html" id="tmpl-autocomplete-user-suggestion"><a class="suggestion-link user-suggestion-link" href="{{ data.posts_url }}" title="{{ data.display_name }}">
<# if ( data.avatar_url ) { #>
<img class="suggestion-user-thumbnail" src="{{ data.avatar_url }}" alt="{{ data.display_name }}">
<# } #>
<span class="suggestion-post-title">{{{ data._highlightResult.display_name.value }}}</span>
</a></script> <script type="text/html" id="tmpl-autocomplete-footer"><div class="autocomplete-footer">
<div class="autocomplete-footer-branding">
<a href="#" class="algolia-powered-by-link" title="Algolia">
<svg width="130" viewBox="0 0 130 18" xmlns="http://www.w3.org/2000/svg">
<title>Search by Algolia</title>
<defs>
<linearGradient x1="-36.868%" y1="134.936%" x2="129.432%" y2="-27.7%" id="a">
<stop stop-color="#00AEFF" offset="0%"/>
<stop stop-color="#3369E7" offset="100%"/>
</linearGradient>
</defs>
<g fill="none" fill-rule="evenodd">
<path
d="M59.399.022h13.299a2.372 2.372 0 0 1 2.377 2.364V15.62a2.372 2.372 0 0 1-2.377 2.364H59.399a2.372 2.372 0 0 1-2.377-2.364V2.381A2.368 2.368 0 0 1 59.399.022z"
fill="url(#a)"/>
<path
d="M66.257 4.56c-2.815 0-5.1 2.272-5.1 5.078 0 2.806 2.284 5.072 5.1 5.072 2.815 0 5.1-2.272 5.1-5.078 0-2.806-2.279-5.072-5.1-5.072zm0 8.652c-1.983 0-3.593-1.602-3.593-3.574 0-1.972 1.61-3.574 3.593-3.574 1.983 0 3.593 1.602 3.593 3.574a3.582 3.582 0 0 1-3.593 3.574zm0-6.418v2.664c0 .076.082.131.153.093l2.377-1.226c.055-.027.071-.093.044-.147a2.96 2.96 0 0 0-2.465-1.487c-.055 0-.11.044-.11.104l.001-.001zm-3.33-1.956l-.312-.311a.783.783 0 0 0-1.106 0l-.372.37a.773.773 0 0 0 0 1.101l.307.305c.049.049.121.038.164-.011.181-.245.378-.479.597-.697.225-.223.455-.42.707-.599.055-.033.06-.109.016-.158h-.001zm5.001-.806v-.616a.781.781 0 0 0-.783-.779h-1.824a.78.78 0 0 0-.783.779v.632c0 .071.066.12.137.104a5.736 5.736 0 0 1 1.588-.223c.52 0 1.035.071 1.534.207a.106.106 0 0 0 .131-.104z"
fill="#FFF"/>
<path
d="M102.162 13.762c0 1.455-.372 2.517-1.123 3.193-.75.676-1.895 1.013-3.44 1.013-.564 0-1.736-.109-2.673-.316l.345-1.689c.783.163 1.819.207 2.361.207.86 0 1.473-.174 1.84-.523.367-.349.548-.866.548-1.553v-.349a6.374 6.374 0 0 1-.838.316 4.151 4.151 0 0 1-1.194.158 4.515 4.515 0 0 1-1.616-.278 3.385 3.385 0 0 1-1.254-.817 3.744 3.744 0 0 1-.811-1.351c-.192-.539-.29-1.504-.29-2.212 0-.665.104-1.498.307-2.054a3.925 3.925 0 0 1 .904-1.433 4.124 4.124 0 0 1 1.441-.926 5.31 5.31 0 0 1 1.945-.365c.696 0 1.337.087 1.961.191a15.86 15.86 0 0 1 1.588.332v8.456h-.001zm-5.954-4.206c0 .893.197 1.885.592 2.299.394.414.904.621 1.528.621.34 0 .663-.049.964-.142a2.75 2.75 0 0 0 .734-.332v-5.29a8.531 8.531 0 0 0-1.413-.18c-.778-.022-1.369.294-1.786.801-.411.507-.619 1.395-.619 2.223zm16.12 0c0 .719-.104 1.264-.318 1.858a4.389 4.389 0 0 1-.904 1.52c-.389.42-.854.746-1.402.975-.548.229-1.391.36-1.813.36-.422-.005-1.26-.125-1.802-.36a4.088 4.088 0 0 1-1.397-.975 4.486 4.486 0 0 1-.909-1.52 5.037 5.037 0 0 1-.329-1.858c0-.719.099-1.411.318-1.999.219-.588.526-1.09.92-1.509.394-.42.865-.741 1.402-.97a4.547 4.547 0 0 1 1.786-.338 4.69 4.69 0 0 1 1.791.338c.548.229 1.019.55 1.402.97.389.42.69.921.909 1.509.23.588.345 1.28.345 1.999h.001zm-2.191.005c0-.921-.203-1.689-.597-2.223-.394-.539-.948-.806-1.654-.806-.707 0-1.26.267-1.654.806-.394.539-.586 1.302-.586 2.223 0 .932.197 1.558.592 2.098.394.545.948.812 1.654.812.707 0 1.26-.272 1.654-.812.394-.545.592-1.166.592-2.098h-.001zm6.962 4.707c-3.511.016-3.511-2.822-3.511-3.274L113.583.926l2.142-.338v10.003c0 .256 0 1.88 1.375 1.885v1.792h-.001zm3.774 0h-2.153V5.072l2.153-.338v9.534zm-1.079-10.542c.718 0 1.304-.578 1.304-1.291 0-.714-.581-1.291-1.304-1.291-.723 0-1.304.578-1.304 1.291 0 .714.586 1.291 1.304 1.291zm6.431 1.013c.707 0 1.304.087 1.786.262.482.174.871.42 1.156.73.285.311.488.735.608 1.182.126.447.186.937.186 1.476v5.481a25.24 25.24 0 0 1-1.495.251c-.668.098-1.419.147-2.251.147a6.829 6.829 0 0 1-1.517-.158 3.213 3.213 0 0 1-1.178-.507 2.455 2.455 0 0 1-.761-.904c-.181-.37-.274-.893-.274-1.438 0-.523.104-.855.307-1.215.208-.36.487-.654.838-.883a3.609 3.609 0 0 1 1.227-.49 7.073 7.073 0 0 1 2.202-.103c.263.027.537.076.833.147v-.349c0-.245-.027-.479-.088-.697a1.486 1.486 0 0 0-.307-.583c-.148-.169-.34-.3-.581-.392a2.536 2.536 0 0 0-.915-.163c-.493 0-.942.06-1.353.131-.411.071-.75.153-1.008.245l-.257-1.749c.268-.093.668-.185 1.183-.278a9.335 9.335 0 0 1 1.66-.142l-.001-.001zm.181 7.731c.657 0 1.145-.038 1.484-.104v-2.168a5.097 5.097 0 0 0-1.978-.104c-.241.033-.46.098-.652.191a1.167 1.167 0 0 0-.466.392c-.121.169-.175.267-.175.523 0 .501.175.79.493.981.323.196.75.289 1.293.289h.001zM84.109 4.794c.707 0 1.304.087 1.786.262.482.174.871.42 1.156.73.29.316.487.735.608 1.182.126.447.186.937.186 1.476v5.481a25.24 25.24 0 0 1-1.495.251c-.668.098-1.419.147-2.251.147a6.829 6.829 0 0 1-1.517-.158 3.213 3.213 0 0 1-1.178-.507 2.455 2.455 0 0 1-.761-.904c-.181-.37-.274-.893-.274-1.438 0-.523.104-.855.307-1.215.208-.36.487-.654.838-.883a3.609 3.609 0 0 1 1.227-.49 7.073 7.073 0 0 1 2.202-.103c.257.027.537.076.833.147v-.349c0-.245-.027-.479-.088-.697a1.486 1.486 0 0 0-.307-.583c-.148-.169-.34-.3-.581-.392a2.536 2.536 0 0 0-.915-.163c-.493 0-.942.06-1.353.131-.411.071-.75.153-1.008.245l-.257-1.749c.268-.093.668-.185 1.183-.278a8.89 8.89 0 0 1 1.66-.142l-.001-.001zm.186 7.736c.657 0 1.145-.038 1.484-.104v-2.168a5.097 5.097 0 0 0-1.978-.104c-.241.033-.46.098-.652.191a1.167 1.167 0 0 0-.466.392c-.121.169-.175.267-.175.523 0 .501.175.79.493.981.318.191.75.289 1.293.289h.001zm8.682 1.738c-3.511.016-3.511-2.822-3.511-3.274L89.461.926l2.142-.338v10.003c0 .256 0 1.88 1.375 1.885v1.792h-.001z"
fill="#182359"/>
<path
d="M5.027 11.025c0 .698-.252 1.246-.757 1.644-.505.397-1.201.596-2.089.596-.888 0-1.615-.138-2.181-.414v-1.214c.358.168.739.301 1.141.397.403.097.778.145 1.125.145.508 0 .884-.097 1.125-.29a.945.945 0 0 0 .363-.779.978.978 0 0 0-.333-.747c-.222-.204-.68-.446-1.375-.725-.716-.29-1.221-.621-1.515-.994-.294-.372-.44-.82-.44-1.343 0-.655.233-1.171.698-1.547.466-.376 1.09-.564 1.875-.564.752 0 1.5.165 2.245.494l-.408 1.047c-.698-.294-1.321-.44-1.869-.44-.415 0-.73.09-.945.271a.89.89 0 0 0-.322.717c0 .204.043.379.129.524.086.145.227.282.424.411.197.129.551.299 1.063.51.577.24.999.464 1.268.671.269.208.466.442.591.704.125.261.188.569.188.924l-.001.002zm3.98 2.24c-.924 0-1.646-.269-2.167-.808-.521-.539-.782-1.281-.782-2.226 0-.97.242-1.733.725-2.288.483-.555 1.148-.833 1.993-.833.784 0 1.404.238 1.858.714.455.476.682 1.132.682 1.966v.682H7.357c.018.577.174 1.02.467 1.329.294.31.707.465 1.241.465.351 0 .678-.033.98-.099a5.1 5.1 0 0 0 .975-.33v1.026a3.865 3.865 0 0 1-.935.312 5.723 5.723 0 0 1-1.08.091l.002-.001zm-.231-5.199c-.401 0-.722.127-.964.381s-.386.625-.432 1.112h2.696c-.007-.491-.125-.862-.354-1.115-.229-.252-.544-.379-.945-.379l-.001.001zm7.692 5.092l-.252-.827h-.043c-.286.362-.575.608-.865.739-.29.131-.662.196-1.117.196-.584 0-1.039-.158-1.367-.473-.328-.315-.491-.761-.491-1.337 0-.612.227-1.074.682-1.386.455-.312 1.148-.482 2.079-.51l1.026-.032v-.317c0-.38-.089-.663-.266-.851-.177-.188-.452-.282-.824-.282-.304 0-.596.045-.876.134a6.68 6.68 0 0 0-.806.317l-.408-.902a4.414 4.414 0 0 1 1.058-.384 4.856 4.856 0 0 1 1.085-.132c.756 0 1.326.165 1.711.494.385.329.577.847.577 1.552v4.002h-.902l-.001-.001zm-1.88-.859c.458 0 .826-.128 1.104-.384.278-.256.416-.615.416-1.077v-.516l-.763.032c-.594.021-1.027.121-1.297.298s-.406.448-.406.814c0 .265.079.47.236.615.158.145.394.218.709.218h.001zm7.557-5.189c.254 0 .464.018.628.054l-.124 1.176a2.383 2.383 0 0 0-.559-.064c-.505 0-.914.165-1.227.494-.313.329-.47.757-.47 1.284v3.105h-1.262V7.218h.988l.167 1.047h.064c.197-.354.454-.636.771-.843a1.83 1.83 0 0 1 1.023-.312h.001zm4.125 6.155c-.899 0-1.582-.262-2.049-.787-.467-.525-.701-1.277-.701-2.259 0-.999.244-1.767.733-2.304.489-.537 1.195-.806 2.119-.806.627 0 1.191.116 1.692.349l-.381 1.015c-.534-.208-.974-.312-1.321-.312-1.028 0-1.542.682-1.542 2.046 0 .666.128 1.166.384 1.501.256.335.631.502 1.125.502a3.23 3.23 0 0 0 1.595-.419v1.101a2.53 2.53 0 0 1-.722.285 4.356 4.356 0 0 1-.932.086v.002zm8.277-.107h-1.268V9.506c0-.458-.092-.8-.277-1.026-.184-.226-.477-.338-.878-.338-.53 0-.919.158-1.168.475-.249.317-.373.848-.373 1.593v2.949h-1.262V4.801h1.262v2.122c0 .34-.021.704-.064 1.09h.081a1.76 1.76 0 0 1 .717-.666c.306-.158.663-.236 1.072-.236 1.439 0 2.159.725 2.159 2.175v3.873l-.001-.001zm7.649-6.048c.741 0 1.319.269 1.732.806.414.537.62 1.291.62 2.261 0 .974-.209 1.732-.628 2.275-.419.542-1.001.814-1.746.814-.752 0-1.336-.27-1.751-.811h-.086l-.231.704h-.945V4.801h1.262v1.987l-.021.655-.032.553h.054c.401-.591.992-.886 1.772-.886zm-.328 1.031c-.508 0-.875.149-1.098.448-.224.299-.339.799-.346 1.501v.086c0 .723.115 1.247.344 1.571.229.324.603.486 1.123.486.448 0 .787-.177 1.018-.532.231-.354.346-.867.346-1.536 0-1.35-.462-2.025-1.386-2.025l-.001.001zm3.244-.924h1.375l1.209 3.368c.183.48.304.931.365 1.354h.043c.032-.197.091-.436.177-.717.086-.281.541-1.616 1.364-4.004h1.364l-2.541 6.73c-.462 1.235-1.232 1.853-2.31 1.853-.279 0-.551-.03-.816-.091v-.999c.19.043.406.064.65.064.609 0 1.037-.353 1.284-1.058l.22-.559-2.385-5.941h.001z"
fill="#1D3657"/>
</g>
</svg>
</a>
</div>
</div></script> <script type="text/html" id="tmpl-autocomplete-empty"><div class="autocomplete-empty">
No results matched your query <span class="empty-query">"{{ data.query }}"</span>
</div></script> </head><body class="home page-template-default page page-id-3254"><div id="page-wrap"><div id="header-top"><div class="container"> <a class="logo" href="/"><div class="white img"> <noscript><img src="https://apexcharts.com/wp-content/themes/apexcharts/img/apexcharts-logo-white-trimmed.svg" alt="ApexCharts" /></noscript><img class="lazyload" src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20210%20140%22%3E%3C/svg%3E' data-src="https://apexcharts.com/wp-content/themes/apexcharts/img/apexcharts-logo-white-trimmed.svg" alt="ApexCharts" /> <span>APEXCHARTS</span></div><div class="normal img"> <noscript><img src="https://apexcharts.com/wp-content/themes/apexcharts/img/apexcharts-logo-trimmed.svg" alt="ApexCharts" /></noscript><img class="lazyload" src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20210%20140%22%3E%3C/svg%3E' data-src="https://apexcharts.com/wp-content/themes/apexcharts/img/apexcharts-logo-trimmed.svg" alt="ApexCharts" /> <span>APEXCHARTS</span></div> </a><nav id="top-nav-lg" role="navigation"><ul><li><a href="/javascript-chart-demos">DEMOS</a></li><li><a href="/features">FEATURES</a></li><li><a href="/embedded-analytics">EMBEDDED ANALYTICS</a></li><li><a href="/docs/installation">DOCS</a></li><li><a href="/downloads/apexcharts-bundle.zip" class="btn btn--link btn--border-white">DOWNLOAD</a></li></ul></nav><div id="top-nav-sm"><nav class="pushy pushy-left"><ul><li class="pushy-link"><a href="/javascript-chart-demos">DEMOS</a></li><li class="pushy-link"><a href="/features">FEATURES</a></li><li class="pushy-link"><a href="/embedded-analytics">EMBEDDED ANALYTICS</a></li><li class="pushy-link"><a href="/docs/installation">DOCS</a></li></ul></nav><div class="site-overlay"></div><div class="menu-btn">☰</div></div></div></div><header class="banner"><div class="container"><div class="banner--text"><div class="slide1"><p class="brand-name">APEXCHARTS.JS</p><p class="tagline"> Modern & Interactive Open-source Charts</p></div><p class="m-t-one"> <a class="btn btn--secondary" href="https://apexcharts.com/javascript-chart-demos/">EXPLORE DEMOS</a> <a class="btn btn--docs btn--transparent-white " href="https://apexcharts.com/docs/installation/">DOCS</a></p></div></header><div class="banner-home viewport"><div class="viewport__main"><div class="viewport__top"><div class="viewport__top__dot"></div><div class="viewport__top__dot"></div><div class="viewport__top__dot"></div></div><div class="viewport__middle gradient"><div class="viewport__chart"><div class="row"><div class="col-one-of-three"><div class="column"></div></div><div class="col-one-of-three"><div class="line"></div></div><div class="col-one-of-three"><div class="radar"></div></div></div><div class="row"><div class="col-one-of-three"><div class="bubble"></div></div><div class="col-one-of-three"><div class="heatmap"></div></div><div class="col-one-of-three"><div class="area"></div></div></div><div class="row"><div class="col-one-of-three"><div class="circlemultiple"></div></div><div class="col-one-of-three"><div class="bar"></div></div><div class="col-one-of-three"><div class="mixed"></div></div></div></div></div></div></div><div id="sponsors"><div class="section-infragistics m-t-two text-center"><h3>Need an Advanced Data Grid for your next project?</h3><p> <a href="https://www.infragistics.com/products/ignite-ui" target="_blank"><noscript><img style="margin: 0 auto;" src="https://apexcharts.com/wp-content/themes/apexcharts/img/infragistics/ignite-ui-logo.svg" alt="" class="img-responsive aligncenter"></noscript><img style="margin: 0 auto;" src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20210%20140%22%3E%3C/svg%3E' data-src="https://apexcharts.com/wp-content/themes/apexcharts/img/infragistics/ignite-ui-logo.svg" alt="" class="lazyload img-responsive aligncenter"></a></p><p class="fc-subtitle"> We partnered with Infragistics, creators of the fastest data grids on the planet! Ignite UI Grids can handle unlimited rows and columns of data, while providing access to custom templates and real-time data updates. Featuring an intuitive API for easy theming and branding, you can quickly bind to data with minimal coding. The grid is available in most of your favorite frameworks:</p><div class="flex-grid"> <a href="https://www.infragistics.com/products/ignite-ui-angular/angular/components/grid/grid" target="_blank" class="flex-col-one-of-four flex-sm-col-two-of-four"><div class="demo-thumb thumbnail dropshadow"><div class="demo-thumb-chart"> <noscript><img src="https://apexcharts.com/wp-content/themes/apexcharts/img/infragistics/angular-logo.svg" alt="" class="img-responsive"></noscript><img src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20210%20140%22%3E%3C/svg%3E' data-src="https://apexcharts.com/wp-content/themes/apexcharts/img/infragistics/angular-logo.svg" alt="" class="lazyload img-responsive"></div><div class="demo-thumb-text"> Angular Data Grid</div></div> </a> <a href="https://www.infragistics.com/products/ignite-ui-react/react/components/grids" target="_blank" class="flex-col-one-of-four flex-sm-col-two-of-four"><div class="demo-thumb thumbnail dropshadow"><div class="demo-thumb-chart"> <noscript><img src="https://apexcharts.com/wp-content/themes/apexcharts/img/infragistics/react-logo.svg" alt="" class="img-responsive"></noscript><img src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20210%20140%22%3E%3C/svg%3E' data-src="https://apexcharts.com/wp-content/themes/apexcharts/img/infragistics/react-logo.svg" alt="" class="lazyload img-responsive"></div><div class="demo-thumb-text"> React Data Grid</div></div> </a> <a href="https://www.infragistics.com/products/ignite-ui-blazor/blazor/components/data-grid" target="_blank" class="flex-col-one-of-four flex-sm-col-two-of-four"><div class="demo-thumb thumbnail dropshadow"><div class="demo-thumb-chart"> <noscript><img src="https://apexcharts.com/wp-content/themes/apexcharts/img/infragistics/blazor-logo.svg" alt="" class="img-responsive"></noscript><img src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20210%20140%22%3E%3C/svg%3E' data-src="https://apexcharts.com/wp-content/themes/apexcharts/img/infragistics/blazor-logo.svg" alt="" class="lazyload img-responsive"></div><div class="demo-thumb-text"> Blazor Data Grid</div></div> </a> <a href="https://www.infragistics.com/products/ignite-ui-web-components/web-components/components/data-grid" target="_blank" class="flex-col-one-of-four flex-sm-col-two-of-four"><div class="demo-thumb thumbnail dropshadow"><div class="demo-thumb-chart"> <noscript><img src="https://apexcharts.com/wp-content/themes/apexcharts/img/infragistics/web-components-logo.svg" alt="" class="img-responsive"></noscript><img src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20210%20140%22%3E%3C/svg%3E' data-src="https://apexcharts.com/wp-content/themes/apexcharts/img/infragistics/web-components-logo.svg" alt="" class="lazyload img-responsive"></div><div class="demo-thumb-text"> Web Components Data Grid</div></div> </a> <a href="https://www.igniteui.com/grid/overview" target="_blank" class="flex-col-one-of-four flex-sm-col-two-of-four"><div class="demo-thumb thumbnail dropshadow"><div class="demo-thumb-chart"> <noscript><img src="https://apexcharts.com/wp-content/themes/apexcharts/img/infragistics/jquery-logo.svg" alt="" class="img-responsive"></noscript><img src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20210%20140%22%3E%3C/svg%3E' data-src="https://apexcharts.com/wp-content/themes/apexcharts/img/infragistics/jquery-logo.svg" alt="" class="lazyload img-responsive"></div><div class="demo-thumb-text"> jQuery Data Grid</div></div> </a> <a href="https://www.igniteui.com/grid/overview" target="_blank" class="flex-col-one-of-four flex-sm-col-two-of-four"><div class="demo-thumb thumbnail dropshadow"><div class="demo-thumb-chart"> <noscript><img src="https://apexcharts.com/wp-content/themes/apexcharts/img/infragistics/net-mvc-logo.svg" alt="" class="img-responsive"></noscript><img src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20210%20140%22%3E%3C/svg%3E' data-src="https://apexcharts.com/wp-content/themes/apexcharts/img/infragistics/net-mvc-logo.svg" alt="" class="lazyload img-responsive"></div><div class="demo-thumb-text"> ASP.NET MVC Data Grid</div></div> </a> <a href="https://www.igniteui.com/grid/overview" target="_blank" class="flex-col-one-of-four flex-sm-col-two-of-four"><div class="demo-thumb thumbnail dropshadow"><div class="demo-thumb-chart"> <noscript><img src="https://apexcharts.com/wp-content/themes/apexcharts/img/infragistics/asp-net-core-logo (1).png" alt="" class="img-responsive"></noscript><img src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20210%20140%22%3E%3C/svg%3E' data-src="https://apexcharts.com/wp-content/themes/apexcharts/img/infragistics/asp-net-core-logo (1).png" alt="" class="lazyload img-responsive"></div><div class="demo-thumb-text"> ASP.NET Core Data Grid</div></div> </a></div></div></div><div class="shadow-separator-wrap"><div class="shadow-separator"></div></div><article class="post-3254 page type-page status-publish hentry" id="post-3254"><section class="section"><div class="home-intro"><div class="mid-container"><div class="row" style="padding-top: 10px;"><div class="col-seven-of-twelve col-sm-full"><div class="intro-chart"><div class="card intro-area-chart"><div class="chart"></div></div><div class="card intro-column-chart"><div class="chart"></div></div></div></div><div class="col-five-of-twelve col-sm-full"><div class="p-l-two p-b-two" style="margin-top: 30px;"><h1 class="title m-b-one">What is ApexCharts?</h1><p> ApexCharts is a modern charting library that helps developers to create beautiful and interactive visualizations for web pages.</p><p> It is an <a href="https://github.com/apexcharts/apexcharts.js" target="_blank" >open-source</a> project licensed under MIT and is free to use in commercial applications.</p><p> <a class="btn btn--primary btn--wide m-r-quarter" href="/downloads/apexcharts-bundle.zip">DOWNLOAD</a> <a class="btn btn--transparent btn--wide" href="/javascript-chart-demos">VIEW DEMO</a></p></div></div></div></div><div><div class="mid-container intro-section"><div class="row"><div class="col-five-of-twelve col-sm-full col-built-for-developers"><div style="margin-top: 30px; margin-bottom: 60px;"><h2 class="title m-b-one">Built for developers</h2><p> Integrating visualizations with ApexCharts is as simple as it can get with extensive API docs and 100+ samples ready to be used.</p><p> <a class="btn btn--primary btn--wide" href="/docs">GET STARTED</a></p></div></div><div class="col-seven-of-twelve col-sm-full built-for-developers-chart"><div class="viewport built-for-developers"><div class="viewport__main"><div class="viewport__top bordered"><div class="viewport__top__dot"></div><div class="viewport__top__dot"></div><div class="viewport__top__dot"></div></div><div class="viewport__middle"><div class="code-editor"><pre><code class="lang-javascript">let myChart = new ApexCharts(element, {
chart: {
type: 'bar',
},
series: [{
data: [18, 28, 47, 57, 77]
}],
yaxis: {
opposite: true,
}
})
myChart.render();
</code>
</pre></div></div></div></div><div class="card column-chart-thick"><div class="chart"></div></div></div></div></div></div></div></section><div class="features-brief"><section class="section container svg-icons"><div class="row"><div class="col-one-of-four col-sm-full"><div class="svg"> <svg version="1.1" id="svg1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 356.923 356.923" style="enable-background:new 0 0 356.923 356.923;" xml:space="preserve"> <g xmlns="http://www.w3.org/2000/svg" transform="scale(5) translate(3,8)"><g/><g><g><path d="M18,26h-4c-2.209,0-4,1.791-4,4v13c0,2.209,1.791,4,4,4h8V30C22,27.791,20.209,26,18,26z" fill="#fff"/></g><g><path d="M34,11h-4c-2.209,0-4,1.791-4,4v32h12V15C38,12.791,36.209,11,34,11z" fill="#fff"/></g><g><path d="M50,31h-4c-2.209,0-4,1.791-4,4v12h8c2.209,0,4-1.791,4-4v-8C54,32.791,52.209,31,50,31z" fill="#fff"/></g></g></g> </svg></div><h3>Several Chart Types</h3><p> Choose from a wide range of charts. Create a combination of different charts to provide a clear difference between data.</p></div><div class="col-one-of-four col-sm-full"><div class="svg"> <svg version="1.1" id="svg2" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 356.923 356.923" style="enable-background:new 0 0 356.923 356.923;" xml:space="preserve"> <g transform="scale(0.55) translate(120,125)"><g xmlns="http://www.w3.org/2000/svg"> <path d="M304.42,330.901h-43.219c-1.56,0-2.834-1.273-2.834-2.834v-10.52c0-1.559-1.275-2.834-2.834-2.834h-60.475 c-1.56,0-2.835,1.275-2.835,2.834v10.52c0,1.561-1.275,2.834-2.835,2.834h-32.491c-1.56,0-2.835,1.275-2.835,2.834v12.17 c0,1.559,1.275,2.834,2.835,2.834h147.521c1.559,0,2.834-1.275,2.834-2.834v-12.17C307.254,332.179,305.979,330.901,304.42,330.901 z" style="fill:#fff" /> <g> <path d="M377.032,46.368h-308.4c-10.73,0-19.459,8.73-19.459,19.462c0,0,0,37.109,0,50.761c0,6.711-0.498,7.66,4.004,7.66 c2.391,0,5.039,0,7.72,0c3.778,0,3.003-0.949,3.003-7.785c0-13.621,0-50.636,0-50.636c0-2.565,2.168-4.733,4.732-4.733h308.4 c2.563,0,4.731,2.168,4.731,4.733v189.999h-219.87c0,0-7.749-0.014-7.749,10.006c0,5.941,0,17.823,0,23.766 c0,10.006,8,10.006,8,10.006h214.888c10.729,0,19.461-8.729,19.461-19.459V65.83C396.493,55.099,387.763,46.368,377.032,46.368z M222.833,282.804c-4.845,0-8.771-3.926-8.771-8.768s3.926-8.77,8.771-8.77c4.84,0,8.767,3.928,8.767,8.77 S227.673,282.804,222.833,282.804z" style="fill:#fff" /> <path d="M124.125,141.633H12.559C5.632,141.633,0,147.266,0,154.193v183.372c0,6.926,5.632,12.561,12.559,12.561h111.566 c6.923,0,12.559-5.635,12.559-12.561V154.193C136.684,147.266,131.048,141.633,124.125,141.633z M54.58,154.443h27.523 c1.313,0,2.38,1.064,2.38,2.381c0,1.314-1.066,2.379-2.38,2.379H54.58c-1.315,0-2.379-1.065-2.379-2.379 C52.201,155.507,53.265,154.443,54.58,154.443z M68.175,341.304c-3.59,0-6.5-2.91-6.5-6.5s2.91-6.5,6.5-6.5s6.5,2.91,6.5,6.5 S71.765,341.304,68.175,341.304z M125.893,322.2c0,1.676-1.342,3.047-2.98,3.047H13.774c-1.639,0-2.98-1.371-2.98-3.047V169.825 c0-1.676,1.342-3.046,2.98-3.046h109.139c1.639,0,2.98,1.371,2.98,3.046V322.2z" style="fill:#fff" /> </g> </g></g></svg></div><h3>Fully Responsive</h3><p> ApexCharts are flexible and responsive - making your charts work on desktops, tablets as well as mobiles.</p></div><div class="col-one-of-four col-sm-full"><div class="svg"> <svg version="1.1" id="svg3" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 356.923 356.923" style="enable-background:new 0 0 356.923 356.923;" xml:space="preserve"> <g xmlns="http://www.w3.org/2000/svg" transform="scale(5) translate(3,5)"><g><g><path d="M27.5,32c0,2.485,2.015,4.5,4.5,4.5s4.5-2.015,4.5-4.5s-2.015-4.5-4.5-4.5S27.5,29.515,27.5,32z" fill="#fff"/></g></g><g><path d="M53.947,30.573c-0.048-0.548-0.511-1.147-1.029-1.331l-4.127-1.469c-0.518-0.184-1.09-0.76-1.27-1.28 l-0.653-1.58c-0.238-0.496-0.24-1.308-0.004-1.805l1.875-3.944c0.236-0.497,0.129-1.238-0.238-1.648l-2.017-2.017 c-0.41-0.367-1.151-0.474-1.648-0.238l-3.944,1.875c-0.497,0.236-1.309,0.234-1.805-0.004l-1.581-0.652 c-0.519-0.181-1.095-0.753-1.28-1.271l-1.469-4.127c-0.184-0.518-0.784-0.981-1.331-1.029c0,0-0.607-0.053-1.427-0.053 s-1.427,0.053-1.427,0.053c-0.548,0.048-1.147,0.511-1.331,1.029l-1.469,4.127c-0.184,0.518-0.76,1.09-1.28,1.271l-1.578,0.652 c-0.496,0.238-1.308,0.24-1.805,0.004l-3.947-1.875c-0.497-0.236-1.238-0.129-1.648,0.238l-2.017,2.017 c-0.367,0.41-0.474,1.151-0.238,1.648l1.875,3.944c0.236,0.497,0.235,1.309-0.004,1.805l-0.652,1.581 c-0.181,0.519-0.753,1.095-1.271,1.28l-4.127,1.469c-0.518,0.184-0.981,0.784-1.029,1.331c0,0-0.053,0.607-0.053,1.427 c0,0.819,0.053,1.427,0.053,1.427c0.048,0.548,0.511,1.147,1.029,1.331l4.13,1.469c0.518,0.184,1.09,0.76,1.27,1.28l0.653,1.58 c0.238,0.496,0.24,1.308,0.004,1.805l-1.875,3.944c-0.236,0.497-0.129,1.238,0.238,1.648l2.018,2.017 c0.41,0.367,1.151,0.474,1.648,0.238l3.944-1.875c0.497-0.236,1.309-0.235,1.805,0.004l1.581,0.652 c0.519,0.181,1.095,0.753,1.28,1.271l1.469,4.13c0.184,0.518,0.784,0.981,1.332,1.028c0,0,0.604,0.052,1.424,0.052 s1.427-0.053,1.427-0.053c0.548-0.048,1.147-0.511,1.331-1.029l1.469-4.13c0.184-0.518,0.76-1.09,1.28-1.27l1.58-0.652 c0.496-0.238,1.308-0.24,1.805-0.004l3.944,1.875c0.497,0.236,1.238,0.129,1.648-0.238l2.017-2.018 c0.367-0.41,0.474-1.151,0.238-1.648l-1.875-3.944c-0.236-0.497-0.235-1.309,0.004-1.805l0.652-1.581 c0.181-0.519,0.753-1.095,1.271-1.28l4.13-1.469c0.518-0.184,0.981-0.784,1.028-1.331c0,0,0.052-0.604,0.052-1.424 C54,31.18,53.947,30.573,53.947,30.573z M32,42c-5.523,0-10-4.478-10-10c0-5.523,4.477-10,10-10s10,4.477,10,10 C42,37.522,37.523,42,32,42z" fill="#fff"/></g></g> </svg></div><h3>Highly Customizable</h3><p> Configuring ApexCharts is easy-peasy. Our comprehensive docs will help you setting up your charts quickly.</p></div><div class="col-one-of-four col-sm-full"><div class="svg" style="transform: scale(0.65) translateY(5px);"> <svg style="enable-background:new 0 0 24 24;" version="1.1" viewBox="0 0 24 24" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g><g><path d="M17.655,23.253c-0.045,0-0.09-0.006-0.134-0.018c-0.128-0.036-0.236-0.121-0.302-0.236l-3.695-6.539 c-0.136-0.24-0.051-0.545,0.188-0.681c1.103-0.625,1.787-1.787,1.787-3.032c0-1.93-1.57-3.5-3.5-3.5s-3.5,1.57-3.5,3.5 c0,1.245,0.685,2.407,1.787,3.032c0.239,0.136,0.324,0.441,0.188,0.681L6.78,22.999c-0.065,0.115-0.174,0.2-0.302,0.236 c-0.128,0.035-0.265,0.018-0.38-0.047C2.337,21.057,0,17.056,0,12.747c0-6.617,5.383-12,12-12s12,5.383,12,12 c0,4.31-2.337,8.311-6.099,10.441C17.826,23.231,17.741,23.253,17.655,23.253z M14.627,16.379l3.212,5.683 C21.035,20.054,23,16.53,23,12.747c0-6.065-4.935-11-11-11s-11,4.935-11,11c0,3.783,1.965,7.307,5.161,9.315l3.212-5.683 C8.207,15.536,7.5,14.186,7.5,12.747c0-2.481,2.019-4.5,4.5-4.5s4.5,2.019,4.5,4.5C16.5,14.186,15.793,15.536,14.627,16.379z"/></g></g><g/><g/><g/><g/><g/><g/><g/><g/><g/><g/><g/><g/><g/><g/><g/></svg></div><h3>Free & Open Source</h3><p> ApexCharts.js is an open source project licensed under MIT and is free to use in commercial applications.</p></div></div><div class="row m-t-two m-b-half"> <a href="/features" class="btn btn--white">VIEW ALL FEATURES</a></div></section></div><div class='bg-rings-1' style="padding-bottom: 0px; margin-top: 30px;"><section class="text-center section"><h2 class="title">See it in action</h2><p style="margin-bottom: 50px;"> Below is a code snippet to show a glimpse of how easy it is to create interactive charts.</p><div class="small-container"> <iframe class="deferred-iframe" height="480" style="width: 100%;" scrolling="no" title="TimeSeries Demo" src="" data-src="https://codepen.io/apexcharts/embed/QrbEQg?height=265&theme-id=light&default-tab=result" frameborder="no" allowtransparency="true" allowfullscreen="true"> See the Pen <a href='https://codepen.io/apexcharts/pen/QrbEQg'>TimeSeries Demo</a> by ApexCharts
(<a href='https://codepen.io/apexcharts'>@apexcharts</a>) on <a href='https://codepen.io'>CodePen</a>. </iframe></div></section></div><section class="home-dashboards section"><div class="small-container text-center"><div><h2 class="title">Expressive & Rich Dashboards</h2><p class="m-b-one"> Dashboard is the face of any application and should speak an expressive language. <br /> We have developed rich dashboard templates for you to have a look at the possibilities of ApexCharts.</p></div><div> <a class="dashboard-images" href="https://apexcharts.com/javascript-chart-demos/dashboards/"> <noscript><img class="img-responsive" src="https://apexcharts.com/wp-content/themes/apexcharts/img/dashboard-dark-min.png" alt="Dashboard"></noscript><img class="lazyload img-responsive" src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20210%20140%22%3E%3C/svg%3E' data-src="https://apexcharts.com/wp-content/themes/apexcharts/img/dashboard-dark-min.png" alt="Dashboard"> </a></div></div></section><hr /><section class="section social"><div class="social-home-footer"><div class="row row-sm-full"><div class="col-one-of-three col-sm-full"><p class="text-h3"> Follow us and ask more on:</p><p class="text-h2 social-links"> <a href="https://www.facebook.com/apexcharts/" target="_blank" rel="noopener referrer"> <i data-feather="facebook"></i> </a> <a href="https://twitter.com/apexcharts" target="_blank" rel="noopener referrer"> <i data-feather="twitter"></i> </a> <a href="https://github.com/apexcharts/apexcharts.js" target="_blank" rel="noopener referrer"><i data-feather="github"></i></a></p><div class="github-button"></div></div><div class="col-one-of-three col-sm-full text-center"> <a href="https://www.producthunt.com/posts/apexcharts" target="_blank"><noscript><img src="https://api.producthunt.com/widgets/embed-image/v1/top-post-badge.svg?post_id=131756&theme=light&period=daily" alt="ApexCharts - Open-source modern charting library 📊 | Product Hunt Embed" style="width: 250px; height: 54px;" width="250px" height="54px" /></noscript><img class="lazyload" src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20250%2054%22%3E%3C/svg%3E' data-src="https://api.producthunt.com/widgets/embed-image/v1/top-post-badge.svg?post_id=131756&theme=light&period=daily" alt="ApexCharts - Open-source modern charting library 📊 | Product Hunt Embed" style="width: 250px; height: 54px;" width="250px" height="54px" /></a></div><div class="col-one-of-three col-sm-full"><p class="text-h3" style="text-align: right;"> Integrate with popular frameworks</p><div class="home-footer-frameworks"><div class="flex-grid"> <a href="/docs/angular-charts/"> <noscript><img src="https://apexcharts.com/wp-content/themes/apexcharts/img/infragistics/angular-logo.svg" alt=""></noscript><img class="lazyload" src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20210%20140%22%3E%3C/svg%3E' data-src="https://apexcharts.com/wp-content/themes/apexcharts/img/infragistics/angular-logo.svg" alt=""> </a> <a href="/docs/react-charts/"> <noscript><img src="https://apexcharts.com/wp-content/themes/apexcharts/img/infragistics/react-logo.svg" alt=""></noscript><img class="lazyload" src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20210%20140%22%3E%3C/svg%3E' data-src="https://apexcharts.com/wp-content/themes/apexcharts/img/infragistics/react-logo.svg" alt=""> </a> <a href="/docs/vue-charts/"> <noscript><img style="padding: 12px;" src="https://apexcharts.com/wp-content/themes/apexcharts/img/infragistics/vue-logo.png" alt=""></noscript><img class="lazyload" style="padding: 12px;" src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20210%20140%22%3E%3C/svg%3E' data-src="https://apexcharts.com/wp-content/themes/apexcharts/img/infragistics/vue-logo.png" alt=""> </a></div></div></div></div></div></section></article><div class="navigation"><div class="next-posts"></div><div class="prev-posts"></div></div><footer id="footer"><div class="section row"><div class="col-one-of-three"><p class="logo"> <noscript><img src="https://apexcharts.com/wp-content/themes/apexcharts/img/logo-white.png" alt="ApexCharts"></noscript><img class="lazyload" src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20210%20140%22%3E%3C/svg%3E' data-src="https://apexcharts.com/wp-content/themes/apexcharts/img/logo-white.png" alt="ApexCharts"></p></div><div class="col-two-of-three footer-nav"><ul><li><a href="/javascript-chart-demos">Demos</a></li><li><a href="/features">Features</a></li><li><a href="/about-us">About</a></li><li><a href="/embedded-analytics">Embedded Analytics</a></li><li><a href="/blog">Blog</a></li><li><a href="/docs">Docs</a></li></ul></div></div><div class="section social row"><div class="col-one-of-three copyright"> © 2021 ApexCharts. All rights reserved.</div><div class="col-two-of-three social-links"><ul><li><a href="https://www.facebook.com/apexcharts/" target="_blank" rel="noopener referrer"><i data-feather="facebook"></i></a></li><li><a href="https://twitter.com/apexcharts" target="_blank" rel="noopener referrer"><i data-feather="twitter"></i></a></li><li><a href="https://github.com/apexcharts/apexcharts.js" target="_blank" rel="noopener referrer"><i data-feather="github"></i></a></li></ul></div></div></footer></div> <noscript><style>.lazyload{display:none;}</style></noscript><script data-noptimize="1">window.lazySizesConfig=window.lazySizesConfig||{};window.lazySizesConfig.loadMode=1;</script><script async data-noptimize="1" src='https://apexcharts.com/wp-content/plugins/autoptimize/classes/external/js/lazysizes.min.js?ao_version=2.9.3'></script><div class="sgpb-main-popup-data-container-4810" style="position:fixed;opacity: 0;filter: opacity(0%);transform: scale(0);"><div class="sg-popup-builder-content" id="sg-popup-content-wrapper-4810" data-id="4810" data-events="[{"param":"load","value":"5","hiddenOption":[]}]" data-options="YTo4NTp7czoyMzoic2dwYi1zdWJzLWZvcm0tYmctY29sb3IiO3M6NzoiI0ZGRkZGRiI7czoyNToic2dwYi1zdWJzLWZvcm0tYmctb3BhY2l0eSI7czozOiIwLjgiO3M6MjI6InNncGItc3Vicy1mb3JtLXBhZGRpbmciO3M6MToiNSI7czoyNzoic2dwYi1zdWJzLWVtYWlsLXBsYWNlaG9sZGVyIjtzOjc6IkVtYWlsICoiO3M6MTk6InNncGItc3Vicy1nZHByLXRleHQiO3M6MTI1OiJBcGV4Q2hhcnRzLmpzIHdpbGwgdXNlIHRoZSBpbmZvcm1hdGlvbiB5b3UgcHJvdmlkZSBvbiB0aGlzIGZvcm0gdG8gYmUgaW4gdG91Y2ggd2l0aCB5b3UgYW5kIHRvIHByb3ZpZGUgdXBkYXRlcyBhbmQgbWFya2V0aW5nLiI7czoyODoic2dwYi1zdWJzLXZhbGlkYXRpb24tbWVzc2FnZSI7czoyMzoiVGhpcyBmaWVsZCBpcyByZXF1aXJlZC4iO3M6MjA6InNncGItc3Vicy10ZXh0LXdpZHRoIjtzOjQ6IjEwMCUiO3M6MjE6InNncGItc3Vicy10ZXh0LWhlaWdodCI7czo0OiI0MHB4IjtzOjI3OiJzZ3BiLXN1YnMtdGV4dC1ib3JkZXItd2lkdGgiO3M6MzoiMnB4IjtzOjIzOiJzZ3BiLXN1YnMtdGV4dC1iZy1jb2xvciI7czo3OiIjZjFmMWYxIjtzOjI3OiJzZ3BiLXN1YnMtdGV4dC1ib3JkZXItY29sb3IiO3M6NzoiI2U4ZThlOCI7czoyMDoic2dwYi1zdWJzLXRleHQtY29sb3IiO3M6NzoiIzAwMDAwMCI7czozMjoic2dwYi1zdWJzLXRleHQtcGxhY2Vob2xkZXItY29sb3IiO3M6NzoiIzc1NzU3NSI7czoxOToic2dwYi1zdWJzLWJ0bi13aWR0aCI7czo0OiIxMDAlIjtzOjIwOiJzZ3BiLXN1YnMtYnRuLWhlaWdodCI7czo0OiI0MHB4IjtzOjI2OiJzZ3BiLXN1YnMtYnRuLWJvcmRlci13aWR0aCI7czozOiIwcHgiO3M6Mjc6InNncGItc3Vicy1idG4tYm9yZGVyLXJhZGl1cyI7czozOiI0cHgiO3M6MjY6InNncGItc3Vicy1idG4tYm9yZGVyLWNvbG9yIjtzOjc6IiMwMDdmZTEiO3M6MTk6InNncGItc3Vicy1idG4tdGl0bGUiO3M6OToiU3Vic2NyaWJlIjtzOjI4OiJzZ3BiLXN1YnMtYnRuLXByb2dyZXNzLXRpdGxlIjtzOjE0OiJQbGVhc2Ugd2FpdC4uLiI7czoyMjoic2dwYi1zdWJzLWJ0bi1iZy1jb2xvciI7czo3OiIjMDA3ZmUxIjtzOjI0OiJzZ3BiLXN1YnMtYnRuLXRleHQtY29sb3IiO3M6NzoiI0ZGRkZGRiI7czoyMzoic2dwYi1zdWJzLWVycm9yLW1lc3NhZ2UiO3M6NzE6IlRoZXJlIHdhcyBhbiBlcnJvciB3aGlsZSB0cnlpbmcgdG8gc2VuZCB5b3VyIHJlcXVlc3QuIFBsZWFzZSB0cnkgYWdhaW4uIjtzOjI1OiJzZ3BiLXN1YnMtaW52YWxpZC1tZXNzYWdlIjtzOjM1OiJQbGVhc2UgZW50ZXIgYSB2YWxpZCBlbWFpbCBhZGRyZXNzLiI7czoyNToic2dwYi1zdWJzLWhpZGUtc3Vicy11c2VycyI7czoyOiJvbiI7czoyNjoic2dwYi1zdWJzLXN1Y2Nlc3MtYmVoYXZpb3IiO3M6MTE6InNob3dNZXNzYWdlIjtzOjI1OiJzZ3BiLXN1YnMtc3VjY2Vzcy1tZXNzYWdlIjtzOjI5OiJUaGFuayBZb3UhIFlvdSBhcmUgc2lnbmVkIHVwLiI7czozMDoic2dwYi1zdWJzLXN1Y2Nlc3MtcmVkaXJlY3QtVVJMIjtzOjA6IiI7czoxNToic2dwYi1zdWJzLWVtYWlsIjtzOjA6IiI7czoyMDoic2dwYi1zdWJzLWZpcnN0LW5hbWUiO3M6MDoiIjtzOjE5OiJzZ3BiLXN1YnMtbGFzdC1uYW1lIjtzOjA6IiI7czoyNDoic2dwYi1zdWJzLWhpZGRlbi1jaGVja2VyIjtzOjA6IiI7czo5OiJzZ3BiLXR5cGUiO3M6MTI6InN1YnNjcmlwdGlvbiI7czoxNToic2dwYi1pcy1wcmV2aWV3IjtzOjE6IjAiO3M6MTQ6InNncGItaXMtYWN0aXZlIjtzOjc6ImNoZWNrZWQiO3M6MzQ6InNncGItYmVoYXZpb3ItYWZ0ZXItc3BlY2lhbC1ldmVudHMiO2E6MTp7aTowO2E6MTp7aTowO2E6MTp7czo1OiJwYXJhbSI7czoxMjoic2VsZWN0X2V2ZW50Ijt9fX1zOjIwOiJzZ3BiLWNvbnRlbnQtcGFkZGluZyI7czoyOiIyNSI7czoxODoic2dwYi1wb3B1cC16LWluZGV4IjtzOjQ6Ijk5OTkiO3M6MTc6InNncGItcG9wdXAtdGhlbWVzIjtzOjEyOiJzZ3BiLXRoZW1lLTYiO3M6MTg6InNncGItb3ZlcmxheS1jb2xvciI7czowOiIiO3M6MjA6InNncGItb3ZlcmxheS1vcGFjaXR5IjtzOjM6IjAuOCI7czoyNToic2dwYi1jb250ZW50LWN1c3RvbS1jbGFzcyI7czoxNjoic2ctcG9wdXAtY29udGVudCI7czoyNjoic2dwYi1iYWNrZ3JvdW5kLWltYWdlLW1vZGUiO3M6OToibm8tcmVwZWF0IjtzOjEyOiJzZ3BiLWVzYy1rZXkiO3M6Mjoib24iO3M6MjQ6InNncGItZW5hYmxlLWNsb3NlLWJ1dHRvbiI7czoyOiJvbiI7czoyMzoic2dwYi1jbG9zZS1idXR0b24tZGVsYXkiO3M6MToiMCI7czoyNjoic2dwYi1jbG9zZS1idXR0b24tcG9zaXRpb24iO3M6ODoidG9wUmlnaHQiO3M6MjQ6InNncGItYnV0dG9uLXBvc2l0aW9uLXRvcCI7czozOiItMTgiO3M6MjY6InNncGItYnV0dG9uLXBvc2l0aW9uLXJpZ2h0IjtzOjM6Ii0xOCI7czoyNzoic2dwYi1idXR0b24tcG9zaXRpb24tYm90dG9tIjtzOjE6IjAiO3M6MjU6InNncGItYnV0dG9uLXBvc2l0aW9uLWxlZnQiO3M6MDoiIjtzOjE3OiJzZ3BiLWJ1dHRvbi1pbWFnZSI7czowOiIiO3M6MjM6InNncGItYnV0dG9uLWltYWdlLXdpZHRoIjtzOjI6IjMwIjtzOjI0OiJzZ3BiLWJ1dHRvbi1pbWFnZS1oZWlnaHQiO3M6MjoiMzAiO3M6MTc6InNncGItYm9yZGVyLWNvbG9yIjtzOjc6IiMwMDAwMDAiO3M6MTg6InNncGItYm9yZGVyLXJhZGl1cyI7czoxOiIwIjtzOjIzOiJzZ3BiLWJvcmRlci1yYWRpdXMtdHlwZSI7czoxOiIlIjtzOjE2OiJzZ3BiLWJ1dHRvbi10ZXh0IjtzOjU6IkNsb3NlIjtzOjE4OiJzZ3BiLW92ZXJsYXktY2xpY2siO3M6Mjoib24iO3M6MjU6InNncGItcG9wdXAtZGltZW5zaW9uLW1vZGUiO3M6MTQ6InJlc3BvbnNpdmVNb2RlIjtzOjMzOiJzZ3BiLXJlc3BvbnNpdmUtZGltZW5zaW9uLW1lYXN1cmUiO3M6NDoiYXV0byI7czoxMDoic2dwYi13aWR0aCI7czo1OiI2NDBweCI7czoxMToic2dwYi1oZWlnaHQiO3M6NToiNDgwcHgiO3M6MTQ6InNncGItbWF4LXdpZHRoIjtzOjA6IiI7czoxNToic2dwYi1tYXgtaGVpZ2h0IjtzOjU6IjQwMHB4IjtzOjE0OiJzZ3BiLW1pbi13aWR0aCI7czo1OiIxMjBweCI7czoxNToic2dwYi1taW4taGVpZ2h0IjtzOjA6IiI7czoyNToic2dwYi1zaG93LXBvcHVwLXNhbWUtdXNlciI7czoyOiJvbiI7czozMToic2dwYi1zaG93LXBvcHVwLXNhbWUtdXNlci1jb3VudCI7czoxOiIxIjtzOjMyOiJzZ3BiLXNob3ctcG9wdXAtc2FtZS11c2VyLWV4cGlyeSI7czoxOiIxIjtzOjE5OiJzZ3BiLW9wZW4tYW5pbWF0aW9uIjtzOjI6Im9uIjtzOjI2OiJzZ3BiLW9wZW4tYW5pbWF0aW9uLWVmZmVjdCI7czoxODoic2dwYi1ib3VuY2VJblJpZ2h0IjtzOjI1OiJzZ3BiLW9wZW4tYW5pbWF0aW9uLXNwZWVkIjtzOjE6IjEiO3M6Mjc6InNncGItY2xvc2UtYW5pbWF0aW9uLWVmZmVjdCI7czo5OiJObyBlZmZlY3QiO3M6MTY6InNncGItcG9wdXAtZml4ZWQiO3M6Mjoib24iO3M6MjU6InNncGItcG9wdXAtZml4ZWQtcG9zaXRpb24iO3M6MToiOSI7czoyOToic2dwYi1lbmFibGUtY29udGVudC1zY3JvbGxpbmciO3M6Mjoib24iO3M6MTY6InNncGItcG9wdXAtb3JkZXIiO3M6MToiMCI7czoxNjoic2dwYi1wb3B1cC1kZWxheSI7czoxOiIwIjtzOjEyOiJzZ3BiLXBvc3QtaWQiO3M6NDoiNDgxMCI7czoxNjoic2dwYi1zdWJzLWZpZWxkcyI7YTo2OntzOjU6ImVtYWlsIjthOjQ6e3M6NjoiaXNTaG93IjtzOjE6IjEiO3M6NToiYXR0cnMiO2E6Njp7czo0OiJ0eXBlIjtzOjU6ImVtYWlsIjtzOjEzOiJkYXRhLXJlcXVpcmVkIjtzOjE6IjEiO3M6NDoibmFtZSI7czoxNToic2dwYi1zdWJzLWVtYWlsIjtzOjExOiJwbGFjZWhvbGRlciI7czo3OiJFbWFpbCAqIjtzOjU6ImNsYXNzIjtzOjM5OiJqcy1zdWJzLXRleHQtaW5wdXRzIGpzLXN1YnMtZW1haWwtaW5wdXQiO3M6MjQ6ImRhdGEtZXJyb3ItbWVzc2FnZS1jbGFzcyI7czoyOToic2dwYi1zdWJzLWVtYWlsLWVycm9yLW1lc3NhZ2UiO31zOjU6InN0eWxlIjthOjc6e3M6NToid2lkdGgiO3M6NDoiMTAwJSI7czo2OiJoZWlnaHQiO3M6NDoiNDBweCI7czoxMjoiYm9yZGVyLXdpZHRoIjtzOjM6IjJweCI7czoxMjoiYm9yZGVyLWNvbG9yIjtzOjc6IiNlOGU4ZTgiO3M6MTY6ImJhY2tncm91bmQtY29sb3IiO3M6NzoiI2YxZjFmMSI7czo1OiJjb2xvciI7czo3OiIjMDAwMDAwIjtzOjEyOiJhdXRvY29tcGxldGUiO3M6Mzoib2ZmIjt9czoyMToiZXJyb3JNZXNzYWdlQm94U3R5bGVzIjtzOjQ6IjEwMCUiO31zOjEwOiJmaXJzdC1uYW1lIjthOjQ6e3M6NjoiaXNTaG93IjtzOjA6IiI7czo1OiJhdHRycyI7YTo2OntzOjQ6InR5cGUiO3M6NDoidGV4dCI7czoxMzoiZGF0YS1yZXF1aXJlZCI7czowOiIiO3M6NDoibmFtZSI7czoyMDoic2dwYi1zdWJzLWZpcnN0LW5hbWUiO3M6MTE6InBsYWNlaG9sZGVyIjtzOjA6IiI7czo1OiJjbGFzcyI7czo0NDoianMtc3Vicy10ZXh0LWlucHV0cyBqcy1zdWJzLWZpcnN0LW5hbWUtaW5wdXQiO3M6MjQ6ImRhdGEtZXJyb3ItbWVzc2FnZS1jbGFzcyI7czozNDoic2dwYi1zdWJzLWZpcnN0LW5hbWUtZXJyb3ItbWVzc2FnZSI7fXM6NToic3R5bGUiO2E6Nzp7czo1OiJ3aWR0aCI7czo0OiIxMDAlIjtzOjY6ImhlaWdodCI7czo0OiI0MHB4IjtzOjEyOiJib3JkZXItd2lkdGgiO3M6MzoiMnB4IjtzOjEyOiJib3JkZXItY29sb3IiO3M6NzoiI2U4ZThlOCI7czoxNjoiYmFja2dyb3VuZC1jb2xvciI7czo3OiIjZjFmMWYxIjtzOjU6ImNvbG9yIjtzOjc6IiMwMDAwMDAiO3M6MTI6ImF1dG9jb21wbGV0ZSI7czozOiJvZmYiO31zOjIxOiJlcnJvck1lc3NhZ2VCb3hTdHlsZXMiO3M6NDoiMTAwJSI7fXM6OToibGFzdC1uYW1lIjthOjQ6e3M6NjoiaXNTaG93IjtzOjA6IiI7czo1OiJhdHRycyI7YTo2OntzOjQ6InR5cGUiO3M6NDoidGV4dCI7czoxMzoiZGF0YS1yZXF1aXJlZCI7czowOiIiO3M6NDoibmFtZSI7czoxOToic2dwYi1zdWJzLWxhc3QtbmFtZSI7czoxMToicGxhY2Vob2xkZXIiO3M6MDoiIjtzOjU6ImNsYXNzIjtzOjQzOiJqcy1zdWJzLXRleHQtaW5wdXRzIGpzLXN1YnMtbGFzdC1uYW1lLWlucHV0IjtzOjI0OiJkYXRhLWVycm9yLW1lc3NhZ2UtY2xhc3MiO3M6MzM6InNncGItc3Vicy1sYXN0LW5hbWUtZXJyb3ItbWVzc2FnZSI7fXM6NToic3R5bGUiO2E6Nzp7czo1OiJ3aWR0aCI7czo0OiIxMDAlIjtzOjY6ImhlaWdodCI7czo0OiI0MHB4IjtzOjEyOiJib3JkZXItd2lkdGgiO3M6MzoiMnB4IjtzOjEyOiJib3JkZXItY29sb3IiO3M6NzoiI2U4ZThlOCI7czoxNjoiYmFja2dyb3VuZC1jb2xvciI7czo3OiIjZjFmMWYxIjtzOjU6ImNvbG9yIjtzOjc6IiMwMDAwMDAiO3M6MTI6ImF1dG9jb21wbGV0ZSI7czozOiJvZmYiO31zOjIxOiJlcnJvck1lc3NhZ2VCb3hTdHlsZXMiO3M6NDoiMTAwJSI7fXM6NDoiZ2RwciI7YTo2OntzOjY6ImlzU2hvdyI7czowOiIiO3M6NToiYXR0cnMiO2E6Njp7czo0OiJ0eXBlIjtzOjE0OiJjdXN0b21DaGVja2JveCI7czoxMzoiZGF0YS1yZXF1aXJlZCI7czowOiIiO3M6NDoibmFtZSI7czoxNDoic2dwYi1zdWJzLWdkcHIiO3M6NToiY2xhc3MiO3M6Mzg6ImpzLXN1YnMtZ2Rwci1pbnB1dHMganMtc3Vicy1nZHByLWxhYmVsIjtzOjI6ImlkIjtzOjIxOiJzZ3BiLWdkcHItZmllbGQtbGFiZWwiO3M6MjQ6ImRhdGEtZXJyb3ItbWVzc2FnZS1jbGFzcyI7czoyMzoic2dwYi1nZHByLWVycm9yLW1lc3NhZ2UiO31zOjU6InN0eWxlIjthOjE6e3M6NToid2lkdGgiO3M6NDoiMTAwJSI7fXM6NToibGFiZWwiO3M6MTI6IkFjY2VwdCBUZXJtcyI7czo0OiJ0ZXh0IjtzOjEyNToiQXBleENoYXJ0cy5qcyB3aWxsIHVzZSB0aGUgaW5mb3JtYXRpb24geW91IHByb3ZpZGUgb24gdGhpcyBmb3JtIHRvIGJlIGluIHRvdWNoIHdpdGggeW91IGFuZCB0byBwcm92aWRlIHVwZGF0ZXMgYW5kIG1hcmtldGluZy4iO3M6MjE6ImVycm9yTWVzc2FnZUJveFN0eWxlcyI7czo0OiIxMDAlIjt9czoxNDoiaGlkZGVuLWNoZWNrZXIiO2E6Mzp7czo2OiJpc1Nob3ciO3M6MDoiIjtzOjU6ImF0dHJzIjthOjU6e3M6NDoidHlwZSI7czo2OiJoaWRkZW4iO3M6MTM6ImRhdGEtcmVxdWlyZWQiO3M6MDoiIjtzOjQ6Im5hbWUiO3M6MjQ6InNncGItc3Vicy1oaWRkZW4tY2hlY2tlciI7czo1OiJ2YWx1ZSI7czowOiIiO3M6NToiY2xhc3MiO3M6NDM6ImpzLXN1YnMtdGV4dC1pbnB1dHMganMtc3Vicy1sYXN0LW5hbWUtaW5wdXQiO31zOjU6InN0eWxlIjthOjM6e3M6ODoicG9zaXRpb24iO3M6ODoiYWJzb2x1dGUiO3M6NDoibGVmdCI7czo3OiItNTAwMHB4IjtzOjc6InBhZGRpbmciO3M6MToiMCI7fX1zOjY6InN1Ym1pdCI7YTozOntzOjY6ImlzU2hvdyI7czoxOiIxIjtzOjU6ImF0dHJzIjthOjY6e3M6NDoidHlwZSI7czo2OiJzdWJtaXQiO3M6NDoibmFtZSI7czoxNjoic2dwYi1zdWJzLXN1Ym1pdCI7czo1OiJ2YWx1ZSI7czo5OiJTdWJzY3JpYmUiO3M6MTA6ImRhdGEtdGl0bGUiO3M6OToiU3Vic2NyaWJlIjtzOjE5OiJkYXRhLXByb2dyZXNzLXRpdGxlIjtzOjE0OiJQbGVhc2Ugd2FpdC4uLiI7czo1OiJjbGFzcyI7czoxODoianMtc3Vicy1zdWJtaXQtYnRuIjt9czo1OiJzdHlsZSI7YTo5OntzOjU6IndpZHRoIjtzOjQ6IjEwMCUiO3M6NjoiaGVpZ2h0IjtzOjQ6IjQwcHgiO3M6MTY6ImJhY2tncm91bmQtY29sb3IiO3M6MTg6IiMwMDdmZTEgIWltcG9ydGFudCI7czo1OiJjb2xvciI7czo3OiIjRkZGRkZGIjtzOjEzOiJib3JkZXItcmFkaXVzIjtzOjE0OiI0cHggIWltcG9ydGFudCI7czoxMjoiYm9yZGVyLXdpZHRoIjtzOjE0OiIwcHggIWltcG9ydGFudCI7czoxMjoiYm9yZGVyLWNvbG9yIjtzOjE4OiIjMDA3ZmUxICFpbXBvcnRhbnQiO3M6MTQ6InRleHQtdHJhbnNmb3JtIjtzOjE1OiJub25lICFpbXBvcnRhbnQiO3M6MTI6ImJvcmRlci1zdHlsZSI7czo1OiJzb2xpZCI7fX19czoyNToic2dwYi1lbmFibGUtcG9wdXAtb3ZlcmxheSI7czoyOiJvbiI7czoyMjoic2dwYi1idXR0b24taW1hZ2UtZGF0YSI7czowOiIiO3M6MjY6InNncGItYmFja2dyb3VuZC1pbWFnZS1kYXRhIjtzOjA6IiI7czoxNDoic2dwYkNvbmRpdGlvbnMiO047fQ=="><div class="sgpb-popup-builder-content-4810 sgpb-popup-builder-content-html"><h2 style="margin-top: 0 !important;">Stay Updated</h2><p>Get the latest news, updates and what's coming next! Sign up for our Newsletter here.</p><div class="sgpb-subs-form-4810 sgpb-subscription-form"><div class="subs-form-messages sgpb-alert sgpb-alert-success sg-hide-element"><p>Thank You! You are signed up.</p></div><div class="subs-form-messages sgpb-alert sgpb-alert-danger sg-hide-element"><p>There was an error while trying to send your request. Please try again.</p></div><form class="sgpb-form" id="sgpb-form" method="post"><div class="sgpb-form-wrapper"><div class="sgpb-inputs-wrapper js-email-wrapper js-sgpb-form-field-email-wrapper "> <input type = "email" data-required = "1" name = "sgpb-subs-email" placeholder = "Email *" class = "js-subs-text-inputs js-subs-email-input" data-error-message-class = "sgpb-subs-email-error-message" style="width:100%; height:40px; border-width:2px; border-color:#e8e8e8; background-color:#f1f1f1; color:#000000; autocomplete:off; "><div class='sgpb-subs-email-error-message'></div></div><div class="sgpb-inputs-wrapper js-first-name-wrapper js-sgpb-form-field-first-name-wrapper sgpb-js-hide"> <input type = "text" data-required = "" name = "sgpb-subs-first-name" placeholder = "" class = "js-subs-text-inputs js-subs-first-name-input" data-error-message-class = "sgpb-subs-first-name-error-message" style="width:100%; height:40px; border-width:2px; border-color:#e8e8e8; background-color:#f1f1f1; color:#000000; autocomplete:off; "><div class='sgpb-subs-first-name-error-message'></div></div><div class="sgpb-inputs-wrapper js-last-name-wrapper js-sgpb-form-field-last-name-wrapper sgpb-js-hide"> <input type = "text" data-required = "" name = "sgpb-subs-last-name" placeholder = "" class = "js-subs-text-inputs js-subs-last-name-input" data-error-message-class = "sgpb-subs-last-name-error-message" style="width:100%; height:40px; border-width:2px; border-color:#e8e8e8; background-color:#f1f1f1; color:#000000; autocomplete:off; "><div class='sgpb-subs-last-name-error-message'></div></div><div class="sgpb-inputs-wrapper js-gdpr-wrapper js-sgpb-form-field-gdpr-wrapper sgpb-js-hide"><div class="sgpb-gdpr-label-wrapper" style="color:; width:100%; "><input type = "checkbox" data-required = "" name = "sgpb-subs-gdpr" class = "js-subs-gdpr-inputs js-subs-gdpr-label" id = "sgpb-gdpr-field-label" data-error-message-class = "sgpb-gdpr-error-message" ><label class="js-login-remember-me-label-edit" for="sgpb-gdpr-field-label">Accept Terms</label><div class="sgpb-gdpr-error-message"></div></div><div class="sgpb-alert-info sgpb-alert sgpb-gdpr-info js-subs-text-checkbox sgpb-gdpr-text-js" style="color:; width:100%; ">ApexCharts.js will use the information you provide on this form to be in touch with you and to provide updates and marketing.</div></div><div class="sgpb-inputs-wrapper js-hidden-checker-wrapper js-sgpb-form-field-hidden-checker-wrapper sgpb-js-hide"> <input type = "hidden" data-required = "" name = "sgpb-subs-hidden-checker" value = "" class = "js-subs-text-inputs js-subs-last-name-input" style="position:absolute; left:-5000px; padding:0; "><div class='sgpb-subs-hidden-checker-error-message'></div></div><div class="sgpb-inputs-wrapper js-submit-wrapper js-sgpb-form-field-submit-wrapper "> <input type = "submit" name = "sgpb-subs-submit" value = "Subscribe" data-title = "Subscribe" data-progress-title = "Please wait..." class = "js-subs-submit-btn" style="width:100%; height:40px; background-color:#007fe1 !important; color:#FFFFFF; border-radius:4px !important; border-width:0px !important; border-color:#007fe1 !important; text-transform:none !important; border-style:solid; "><div class='sgpb-subs-submit-error-message'></div></div></div></form></div></div></div></div> <script src='https://apexcharts.com/wp-includes/js/dist/vendor/regenerator-runtime.min.js' id='regenerator-runtime-js'></script> <script src='https://apexcharts.com/wp-includes/js/dist/vendor/wp-polyfill.min.js' id='wp-polyfill-js'></script> <script src='https://cdn.jsdelivr.net/npm/apexcharts' id='apexcharts-js'></script> <script src='https://cdn.jsdelivr.net/npm/feather-icons' id='feather-icons-js'></script> <script src='https://unpkg.com/[email protected]/dist/ionicons.js' id='ionicons-js'></script> <script src='//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.1.0/cookieconsent.min.js' id='cookie-consent-js'></script> <script src='//cdnjs.cloudflare.com/ajax/libs/is-in-viewport/3.0.4/isInViewport.min.js' id='isinviewport-js'></script> <script defer src="https://apexcharts.com/wp-content/cache/autoptimize/js/autoptimize_d7e045a3fa6323e33f8ceb51cc6e88e9.js"></script></body></html>