"use strict";(self.webpackChunknewoaks_help=self.webpackChunknewoaks_help||[]).push([[3530],{7603:(e,t,i)=>{i.r(t),i.d(t,{assets:()=>c,contentTitle:()=>h,default:()=>p,frontMatter:()=>o,metadata:()=>n,toc:()=>l});const n=JSON.parse('{"id":"integration-Highcharts","title":"Highcharts Integration","description":"Explore how to import Highcharts with your  application.","source":"@site/Integration/003.integration-Highcharts.md","sourceDirName":".","slug":"/integration-Highcharts","permalink":"/guides/integration/integration-Highcharts","draft":false,"unlisted":false,"tags":[],"version":"current","sidebarPosition":3,"frontMatter":{"sidebar_position":3},"sidebar":"sidebar","previous":{"title":"D3.js Integration","permalink":"/guides/integration/integration-D3js"},"next":{"title":"p5.js Integration","permalink":"/guides/integration/integration-p5js"}}');var r=i(4848),s=i(8453),a=i(8175);const o={sidebar_position:3},h="Highcharts Integration",c={},l=[{value:"What is Highcharts ?",id:"what-is-highcharts-",level:2},{value:"How to Build a Website Using Highcharts in EZsite",id:"how-to-build-a-website-using-highcharts-in-ezsite",level:2}];function d(e){const t={a:"a",code:"code",h1:"h1",h2:"h2",header:"header",li:"li",ol:"ol",p:"p",pre:"pre",...(0,s.R)(),...e.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.header,{children:(0,r.jsx)(t.h1,{id:"highcharts-integration",children:"Highcharts Integration"})}),"\n",(0,r.jsxs)(t.p,{children:["Explore how to import Highcharts with your ",(0,r.jsx)(a.A,{})," application."]}),"\n",(0,r.jsx)(t.h2,{id:"what-is-highcharts-",children:"What is Highcharts ?"}),"\n",(0,r.jsxs)(t.p,{children:[(0,r.jsx)(t.a,{href:"https://www.highcharts.com/",children:"Highcharts"})," is a popular JavaScript library for creating interactive and responsive charts and visualizations in web applications. It enables developers to easily render various types of charts, including line charts, bar charts, pie charts, and more, with minimal coding."]}),"\n",(0,r.jsx)(t.h2,{id:"how-to-build-a-website-using-highcharts-in-ezsite",children:"How to Build a Website Using Highcharts in EZsite"}),"\n",(0,r.jsxs)(t.ol,{children:["\n",(0,r.jsxs)(t.li,{children:["Open ",(0,r.jsx)(t.a,{href:"https://ezsite.ai",children:(0,r.jsx)(a.A,{})}),"."]}),"\n",(0,r.jsx)(t.li,{children:'Click the "Create new project" button.'}),"\n",(0,r.jsx)(t.li,{children:"Enter your dream idea in the text box"}),"\n"]}),"\n",(0,r.jsx)(t.p,{children:"For example:"}),"\n",(0,r.jsx)(t.pre,{children:(0,r.jsx)(t.code,{children:"Create a sample website using Highcharts\n"})}),"\n",(0,r.jsxs)(t.ol,{start:"4",children:["\n",(0,r.jsx)(t.li,{children:'Click "Generate your website".'}),"\n"]})]})}function p(e={}){const{wrapper:t}={...(0,s.R)(),...e.components};return t?(0,r.jsx)(t,{...e,children:(0,r.jsx)(d,{...e})}):d(e)}},8175:(e,t,i)=>{i.d(t,{A:()=>r});i(6540);var n=i(4848);function r(){return(0,n.jsx)("code",{children:"EZsite"})}},8453:(e,t,i)=>{i.d(t,{R:()=>a,x:()=>o});var n=i(6540);const r={},s=n.createContext(r);function a(e){const t=n.useContext(s);return n.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function o(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(r):e.components||r:a(e.components),n.createElement(s.Provider,{value:t},e.children)}}}]);