Create a combination of different charts to provide a clear difference between data. Fully Responsive ApexCharts are flexible and responsive - making your charts work on desktops, tablets as well as mobiles.

Integrating ApexCharts is as simple as it can get with extensive API docs and 100+ samples ready to be used. Check out all the options of ApexCharts

JavaScript CHART DEMOS. Explore the sample JavaScript charts created to show some of the enticing features packed in ApexCharts. All examples here are included with source code to save your development time.

The comprehensive React charts deliver customizable features like animations, highlighting, annotations, drill-down, multiple layers, tooltips, and lots more. All with an intuitive API, flexible theming and branding, and minimal code to get started!

var chart = new ApexCharts(el, { chart: { type: 'bar' }, series: [{ data: [32, 44, 65, 12, 63] }, { data: [42, 12, 43, 53, 44] }] }); chart.toggleDataPointSelection(1, 3); // This will toggle the 4th element of the 2nd series i.e. 53 and highlight the DOM element with a different shade.

Ample features to fulfill your JavaScript data visualization needs. Responsive, animated, interactive and dynamic charts with high performance.

Updating Vue Chart Options. You can also change chart options apart from changing chart data too. For eg, you may change the theme of the chart or change the legend position without …

Set the options for yaxis. The y-axis is the vertical line you see in axis charts.

Explore the Interactive options available in ApexCharts toolbar such as zoom-in, zoom-out, panning as well as exporting SVG to allow downloading the chart.

Checkout React Line Chart example which contains negative values in the series.