☰ Get StartedInstallationCreating Your First ChartChart EssentialsSeries [Working with Data]ResponsiveAnimationsAnnotationsDataLabelsEventsInteractivity (Zoom, Scroll, Pan)FormattingFormatting Axes LabelsDatetimeLocalizationTooltipGridLegendChart TypesLine ChartArea ChartBar ChartColumn ChartBoxPlotCandlestickRange Bar ChartRange Area ChartHeat Map ChartTreemap ChartFunnel ChartMulti-Axis ChartPie / DonutRadarRadialBar / Circular GaugeSynchronized chartsDesignColorsThemesGradientsImage FillPatternsDropShadowIntegrationsAngular ChartsReact ChartsVue ChartsHow toZoom in Category X-axisWord-wrap and Multi-line textUpdate Charts from JSON API & AJAXOptions (Reference)annotationschartanimationsbackgroundbrushdefaultLocaledropShadoweventsfontFamilyforeColorgroupheightidlocalesnonceoffsetXoffsetYparentHeightOffsetredrawOnParentResizeredrawOnWindowResizeselectionsparklinestackedstackTypestackOnlyBartoolbartypewidthzoomcolorsdataLabelsfillforecastDataPointsgridlabelslegendmarkersnoDataplotOptionslineareabarbubblecandlestickboxPlotheatmaptreemappiepolarArearadarradialBarresponsiveseriesstatesstrokesubtitlethemetitletooltipxaxisyaxisMethodsrenderexecupdateOptionsupdateSeriesappendSeriestoggleSeriesshowSerieshideSerieszoomXresetSeriesappendDatatoggleDataPointSelectionaddXaxisAnnotationaddYaxisAnnotationaddPointAnnotationremoveAnnotationclearAnnotationsdataURIdestroyWhy Choose ApexCharts16 chart typesMIT License1 million monthly downloadsNo registration needed100+ samples includesFREE DOWNLOADradialBar Stay UpdatedGet the latest news, updates and what's coming next! Sign up for our Newsletter here.Thank You! You are signed up.There was an error while trying to send your request. Please try again. ApexCharts.js will use the information you provide on this form to be in touch with you and to provide updates and marketing.