☰ Get Started Installation Creating Your First Chart Chart Essentials Series [Working with Data] Responsive Animations Annotations DataLabels Events Interactivity (Zoom, Scroll, Pan) Formatting Formatting Axes Labels Datetime Localization Tooltip Grid Legend Chart Types Line Chart Area Chart Bar Chart Column Chart BoxPlot Candlestick Range Bar Chart Range Area Chart Heat Map Chart Treemap Chart Funnel Chart Multi-Axis Chart Pie / Donut Radar RadialBar / Circular Gauge Synchronized charts Design Colors Themes Gradients Image Fill Patterns DropShadow Integrations Angular Charts React Charts Vue Charts How to Hide series on initial render in a multi-series chart Zoom in Category X-axis Word-wrap and Multi-line text Update Charts from JSON API & AJAX Options (Reference) annotations chart animations background brush defaultLocale dropShadow events fontFamily foreColor group height id locales nonce offsetX offsetY parentHeightOffset redrawOnParentResize redrawOnWindowResize selection sparkline stacked stackType stackOnlyBar toolbar type width zoom colors dataLabels fill forecastDataPoints grid labels legend markers noData plotOptions line area bar bubble candlestick boxPlot heatmap treemap pie polarArea radar radialBar responsive series states stroke subtitle theme title tooltip xaxis yaxis Methods render exec updateOptions updateSeries appendSeries toggleSeries showSeries hideSeries highlightSeries zoomX resetSeries appendData toggleDataPointSelection addXaxisAnnotation addYaxisAnnotation addPointAnnotation removeAnnotation clearAnnotations dataURI destroy Why Choose ApexCharts 20 chart types MIT License 1 million weekly downloads No registration needed 100+ samples includes FREE DOWNLOAD Range Bar Chart