https://electricui.com/component---src-templates-template-docs-pag…nents-area-chart-md-f86e418478f61f63178d.js

1"use strict";(self.webpackChunk_electricui_blog=self.webpackChunk_electricui_blog||[]).push([[4674],{11669:function(e,M){var t="angle-right",c=[8250],n="f105",N="M278.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-160 160c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L210.7 256 73.4 118.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l160 160z";M.DF={prefix:"fas",iconName:t,icon:[320,512,c,n,N]},M.yO=M.DF},62911:function(e,M,t){t.r(M),t.d(M,{default:function(){return u}});var c=t(51980),n=(t(63281),t(95303)),N=t(94229),i=t(10484),s=t(41170),r=(t(68270),t(45392)),z=t(9876),j=t(2784),D=t(59111),l=t(8711),T=t(6192),L=t(2598);function a(e){const{pageContext:M,data:t}=e;if(!t)return console.error(e,"no data"),null;const c=M,{data:{mdx:{tableOfContents:a}}}=e,u=a.items&&0!==a.items.length?j.createElement("div",null,j.createElement(D.Z,{items:a.items})):null;return j.createElement(s.Z,{location:e.location},j.createElement(i.A,{title:c.frontmatter.title+" - Electric UI",keywords:c.frontmatter.keywords,description:c.frontmatter.description,type:"guide"===c.frontmatter.category?"article":"website",image:c.image,imageHeight:c.imageHeight,imageWidth:c.imageWidth}),j.createElement(N.Z,{location:e.location,currentTitle:c.frontmatter.title,toc:u},c.breadcrumbs?j.createElement(L.O,{breadcrumbs:c.breadcrumbs}):null,j.createElement("h1",{id:(0,T.Z)(c.frontmatter.title)},c.frontmatter.title),j.createElement("main",{style:{display:"block",marginBottom:(0,n.qZ)(1),marginTop:(0,n.qZ)(1)}},j.createElement(z.Z.Provider,{value:M},j.createElement(r.Zo,{components:l.Z},e.children)))))}function u(e){return j.createElement(a,e,j.createElement(c.Z,e))}},2598:function(e,M,t){t.d(M,{O:function(){return r}});var c=t(2784),n=t(68270),N=t(68251),i=t(11669),s=t(17370);function r(e){return c.createElement("div",{className:"breadcrumbs"},e.breadcrumbs.map(((M,t)=>t===e.breadcrumbs.length-1?c.createElement(c.Fragment,null):c.createElement(c.Fragment,null," ",c.createElement(n.rU,{to:M.slug},M.title)," ",c.createElement(s.G,{icon:i.yO,size:"xs"})))),e.breadcrumbs.length>=2?c.createElement(N.BreadcrumbJsonLd,{itemListElements:e.breadcrumbs.map(((e,M)=>({position:M+1,name:e.title,item:"https://electricui.com"+e.slug})))}):null)}},89285:function(e,M,t){t(63281),t(2784);M.Z=e=>null},71360:function(e,M,t){var c=t(9876),n=t(89285),N=t(2784);const i="undefined"!=typeof window;class s extends N.Component{constructor(){super(...arguments),this.getScreenshotInfo=e=>{const{component:M,name:t}=this.props,c=e.componentScreenshots[M];if(!c)return console.log("No screenshot available for "+M+", "+t),null;const n=c.mobile,N=c.desktop;let s=!1;if(i&&(s=window.innerWidth<900),s){const e=n.find((e=>e.name===t));if(e)return e}const r=N.find((e=>e.name===t));return r||null},this.renderWithContext=e=>{if(null===e)return N.createElement("div",null,"Component context failure");const{component:M,name:t}=this.props,c=e.componentScreenshots[M];if(!t)return N.createElement("div",null,"Screenshots available:",N.createElement("ul",null,c.desktop.map((e=>e.name)).map((e=>N.createElement("li",null,e)))));const i=this.getScreenshotInfo(e);return null===i?N.createElement("div",null,N.createElement(n.Z,{note:"No screenshot available for "+M+": "+t})):N.createElement("div",{style:{textAlign:"center"}},N.createElement("img",{src:i.src,srcSet:i.srcSet,alt:"Screenshot of component "+M+" "+t}))}}render(){return N.createElement(c.Z.Consumer,null,(e=>this.renderWithContext(e)))}}M.Z=s},9876:function(e,M,t){const c=t(2784).createContext(null);M.Z=c},8711:function(e,M,t){t.d(M,{Z:function(){return i}});var c=t(90803),n=t(2784);function N(e){const M=(0,n.useRef)(null),t=(0,n.useRef)(null),c=(0,n.useRef)(null),N=(0,n.useCallback)((e=>{if(!M.current)return;if(!t.current)return;if(!c.current)return;const n=e.target;if("DATA-LSP"!==n.nodeName)return;const N=n.getAttribute("lsp");let i=n.getBoundingClientRect(),s=M.current.getBoundingClientRect(),r=i.left-s.left;t.current.style.display="block",t.current.style.top=i.top+20-s.top+"px",t.current.style.left=r+"px",t.current.style.maxWidth=Math.min(3*s.width/4,s.width-r-2)+"px",N&&(c.current.innerHTML=N)}),[]),i=(0,n.useCallback)((e=>{t.current&&(t.current.style.display="none")}),[]);return n.createElement("div",{className:"code-container"},n.createElement("div",{className:"eui-syntax-highlighting line-numbers"},n.createElement("pre",{className:"shiki twoslash"},n.createElement("code",{className:"code-container",onMouseOver:N,onMouseOut:i,ref:M},e.children)),n.createElement("div",{className:"shiki-twoslash-tooltip",ref:t},n.createElement("pre",{className:"shiki twoslash"},n.createElement("code",{ref:c})))))}var i={h1:e=>n.createElement(c.Z,Object.assign({is:"h1"},e)),h2:e=>n.createElement(c.Z,Object.assign({is:"h2"},e)),h3:e=>n.createElement(c.Z,Object.assign({is:"h3"},e)),h4:e=>n.createElement(c.Z,Object.assign({is:"h4"},e)),h5:e=>n.createElement(c.Z,Object.assign({is:"h5"},e)),h6:e=>n.createElement(c.Z,Object.assign({is:"h6"},e)),pre:e=>n.createElement(N,e),code:e=>n.createElement("code",e),table:e=>n.createElement("div",{className:"table-wrapper"},n.createElement("table",e)),CodeBlock:e=>n.createElement(N,e)}},6192:function(e,M){M.Z=function(e){return e.toString().toLowerCase().replace(/\s+/g,"-").replace(/[^\w\-]+/g,"").replace(/\-\-+/g,"-").replace(/^-+/,"").replace(/-+$/,"")}},22503:function(e,M){M.Z="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjQ4cHgiIGhlaWdodD0iNDhweCIgdmlld0JveD0iMCAwIDQ4IDQ4Ij48cGF0aCBmaWxsPSIjQzZDNkM2IiBkPSJNMjQsMTUuMzg4NjcxOWMtMS43MzgyODEyLDAtMy4

10NzU1ODU5LTAuNTA1MzcxMS00Ljk5MjE4NzUtMS41MTYxMTMzbC0zLjM1MDU4NTktMi4yMzMzOTg0IGMtMi4yMzkyNTc4LTEuNDkyMTg3NS01LjE3NzczNDQtMS41NjI1LTcuNDgzMzk4NC0wLjE3NzczNDRsLTUuNjU5MTc5NywzLjM5NTAxOTUgYy0wLjQ3NDYwOTQsMC4yODQ2NjgtMS4wODc4OTA2LDAuMTMwODU5NC0xLjM3MjA3MDMtMC4zNDI3NzM0cy0wLjEzMDg1OTQtMS4wODc4OTA2LDAuMzQyNzczNC0xLjM3MjA3MDNMNy4xNDQ1MzEyLDkuNzQ2NTgyIGMyLjk2NDg0MzgtMS43ODAyNzM0LDYuNzQzMTY0MS0xLjY5MTQwNjIsOS42MjIwNzAzLDAuMjI4NTE1NmwzLjM1MDU4NTksMi4yMzMzOTg0IGMyLjM1OTM3NSwxLjU3MjI2NTYsNS40MDYyNSwxLjU3MjI2NTYsNy43NjU2MjUsMGwzLjM1MDU4NTktMi4yMzMzOTg0IGMyLjg3ODkwNjItMS45MTk5MjE5LDYuNjU1MjczNC0yLjAwODc4OTEsOS42MjIwNzAzLTAuMjI4NTE1Nmw1LjY1OTE3OTcsMy4zOTUwMTk1IGMwLjQ3MzYzMjgsMC4yODQxNzk3LDAuNjI2OTUzMSwwLjg5ODQzNzUsMC4zNDI3NzM0LDEuMzcyMDcwM3MtMC44OTc0NjA5LDAuNjI3NDQxNC0xLjM3MjA3MDMsMC4zNDI3NzM0bC01LjY1OTE3OTctMy4zOTUwMTk1IGMtMi4zMDU2NjQxLTEuMzg0NzY1Ni01LjI0NDE0MDYtMS4zMTQ5NDE0LTcuNDgzMzk4NCwwLjE3NzczNDRsLTMuMzUwNTg1OSwyLjIzMzM5ODQgQzI3LjQ3NTU4NTksMTQuODgzMzAwOCwyNS43MzczMDQ3LDE1LjM4ODY3MTksMjQsMTUuMzg4NjcxOXoiPjwvcGF0aD4gPHBhdGggZmlsbD0iI0M2QzZDNiIgZD0iTTI0LDM5LjU0MTAxNTZjLTEuNzM4MjgxMiwwLTMuNDc1NTg1OS0wLjUwNTg1OTQtNC45OTIxODc1LTEuNTE2NjAxNmwtMy4zNTA1ODU5LTIuMjMzMzk4NCBjLTIuMjM5MjU3OC0xLjQ5MjE4NzUtNS4xNzc3MzQ0LTEuNTYzNDc2Ni03LjQ4MzM5ODQtMC4xNzc3MzQ0bC01LjY1OTE3OTcsMy4zOTU1MDc4IGMtMC40NzQ2MDk0LDAuMjg1MTU2Mi0xLjA4Nzg5MDYsMC4xMjk4ODI4LTEuMzcyMDcwMy0wLjM0Mjc3MzRjLTAuMjg0MTc5Ny0wLjQ3MzYzMjgtMC4xMzA4NTk0LTEuMDg3ODkwNiwwLjM0Mjc3MzQtMS4zNzIwNzAzIGw1LjY1OTE3OTctMy4zOTU1MDc4YzIuOTY0ODQzOC0xLjc3OTI5NjksNi43NDMxNjQxLTEuNjkwNDI5Nyw5LjYyMjA3MDMsMC4yMjg1MTU2bDMuMzUwNTg1OSwyLjIzMzM5ODQgYzIuMzU5Mzc1LDEuNTcyMjY1Niw1LjQwNjI1LDEuNTcyMjY1Niw3Ljc2NTYyNSwwbDMuMzUwNTg1OS0yLjIzMzM5ODQgYzIuODc4OTA2Mi0xLjkxODk0NTMsNi42NTUyNzM0LTIuMDA3ODEyNSw5LjYyMjA3MDMtMC4yMjg1MTU2bDUuNjU5MTc5NywzLjM5NTUwNzggYzAuNDczNjMyOCwwLjI4NDE3OTcsMC42MjY5NTMxLDAuODk4NDM3NSwwLjM0Mjc3MzQsMS4zNzIwNzAzYy0wLjI4NDE3OTcsMC40NzI2NTYyLTAuODk3NDYwOSwwLjYyNzkyOTctMS4zNzIwNzAzLDAuMzQyNzczNCBsLTUuNjU5MTc5Ny0zLjM5NTUwNzhjLTIuMzA3NjE3Mi0xLjM4NDc2NTYtNS4yNDUxMTcyLTEuMzE0NDUzMS03LjQ4MzM5ODQsMC4xNzc3MzQ0bC0zLjM1MDU4NTksMi4yMzMzOTg0IEMyNy40NzU1ODU5LDM5LjAzNTE1NjIsMjUuNzM3MzA0NywzOS41NDEwMTU2LDI0LDM5LjU0MTAxNTZ6Ij48L3BhdGg+IDxwYXRoIGZpbGw9IiM5OTk5OTkiIGQ9Ik0yNCwyNy40NjQ4NDM4Yy0xLjczODI4MTIsMC0zLjQ3NTU4NTktMC41MDU4NTk0LTQuOTkyMTg3NS0xLjUxNjYwMTZsLTMuMzUwNTg1OS0yLjIzMjkxMDIgYy0yLjIzOTI1NzgtMS40OTIxODc1LTUuMTc3NzM0NC0xLjU2MTUyMzQtNy40ODMzOTg0LTAuMTc4MjIyN2wtNS42NTkxNzk3LDMuMzk1NTA3OCBjLTAuNDc0NjA5NCwwLjI4NDE3OTctMS4wODc4OTA2LDAuMTMwODU5NC0xLjM3MjA3MDMtMC4zNDI3NzM0cy0wLjEzMDg1OTQtMS4wODc4OTA2LDAuMzQyNzczNC0xLjM3MjA3MDNsNS42NTkxNzk3LTMuMzk1NTA3OCBjMi45NjY3OTY5LTEuNzgwNzYxNyw2Ljc0MzE2NDEtMS42ODk5NDE0LDkuNjIyMDcwMywwLjIyOTAwMzlsMy4zNTA1ODU5LDIuMjMyOTEwMiBjMi4zNTkzNzUsMS41NzIyNjU2LDUuNDA2MjUsMS41NzIyNjU2LDcuNzY1NjI1LDBsMy4zNTA1ODU5LTIuMjMyOTEwMiBjMi44Nzg5MDYyLTEuOTE5OTIxOSw2LjY1NTI3MzQtMi4wMDg3ODkxLDkuNjIyMDcwMy0wLjIyOTAwMzlsNS42NTkxNzk3LDMuMzk1NTA3OCBjMC40NzM2MzI4LDAuMjg0MTc5NywwLjYyNjk1MzEsMC44OTg0Mzc1LDAuMzQyNzczNCwxLjM3MjA3MDNzLTAuODk3NDYwOSwwLjYyNjk1MzEtMS4zNzIwNzAzLDAuMzQyNzczNGwtNS42NTkxNzk3LTMuMzk1NTA3OCBjLTIuMzA2NjQwNi0xLjM4Mzc4OTEtNS4yNDUxMTcyLTEuMzE0OTQxNC03LjQ4MzM5ODQsMC4xNzgyMjI3bC0zLjM1MDU4NTksMi4yMzI5MTAyIEMyNy40NzU1ODU5LDI2Ljk1ODk4NDQsMjUuNzM3MzA0NywyNy40NjQ4NDM4LDI0LDI3LjQ2NDg0Mzh6Ij48L3BhdGg+PC9zdmc+"},99167:function(e,M){M.Z="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjQ4cHgiIGhlaWdodD0iNDhweCIgdmlld0JveD0iMCAwIDQ4IDQ4Ij4gPHJlY3QgeT0iNyIgd2lkdGg9IjEwIiBoZWlnaHQ9IjQiIHJ4PSIxIiByeT0iMSIgZmlsbD0iI2JhZGVmYyI+PC9yZWN0PiA8cmVjdCB4PSI2IiB5PSIxNyIgd2lkdGg9IjIyIiBoZWlnaHQ9IjQiIHJ4PSIxIiByeT0iMSIgZmlsbD0iIzQzYTZkZCI+PC9yZWN0PiA8cmVjdCB4PSIxNiIgeT0iMjciIHdpZHRoPSIyNiIgaGVpZ2h0PSI0IiByeD0iMSIgcnk9IjEiIGZpbGw9IiM0NThiYzQiPjwvcmVjdD4gPHJlY3QgeD0iMzgiIHk9IjM3IiB3aWR0aD0iMTAiIGhlaWdodD0iNCIgcng9IjEiIHJ5PSIxIiBmaWxsPSIjNWE3YTg0Ij48L3JlY3Q+IDwvc3ZnPg=="},13543:function(e,M){M.Z="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjQ4cHgiIGhlaWdodD0iNDhweCIgdmlld0JveD0iMCAwIDQ4IDQ4Ij48cGF0aCBkPSJNNDUuNSwzMi4xMzFsLTIxLTEyYTEsMSwwLDAsMC0uOTkyLDBsLTIxLDEyQTEsMSwwLDAsMCwyLjEzNywzMy41YS45ODYuOTg2LDAsMCwwLC4zNzEuMzcxbDIxLDEyYTEsMSwwLDAsMCwuOTkyLDBsMjEtMTJhMSwxLDAsMCwwLDAtMS43MzZaIiBmaWxsPSIjMmE0YjU1Ii8+PHBhdGggZD0iTTQ1LjUsMjMuMTMybC0yMS0xMmExLDEsMCwwLDAtLjk5MiwwbC0yMSwxMmExLDEsMCwwLDAsMCwxLjczNmwyMSwxMmExLDEsMCwwLDAsLjk5MiwwbDIxLTEyYTEsMSwwLDAsMCwuMzcxLTEuMzY1QS45ODYuOTg2LDAsMCwwLDQ1LjUsMjMuMTMyWiIgZmlsbD0iIzRkOGI5ZCIvPjxwYXRoIGQ9Ik00NS41LDE0LjEzMmwtMjEtMTJhMSwxLDAsMCwwLS45OTIsMGwtMjEsMTJhMSwxLDAsMCwwLDAsMS43MzZsMjEsMTJhMSwxLDAsMCwwLC45OTIsMGwyMS0xMmExLDEsMCwwLDAsMC0xLjczNloiIGZpbGw9IiM4ZWJhYzciLz48L3N2Zz4="},45392:function(e,M,t){t.d(M,{Zo:function(){return s},ah:function(){return N}});var c=t(2784);const n=c.createContext({});function N(e){const M=c.useContext(n);return c.useMemo((()=>"function"==typeof e?e(M):{...M,...e}),[M,e])}const i={};function s({components:e,children:M,disableParentContext:t}){let s;return s=t?"function"==typeof e?e({}):e||i:N(e),c.createElement(n.Provider,{value:s},M)}}}]);
2//# sourceMappingURL=component---src-templates-template-docs-page-js-content-file-path-src-pages-docs-components-area-chart-md-f86e418478f61f63178d.js.map