Welcome

Hello and welcome to Quasar Apexcharts V2!

This is a repository aiming to explain how to integrate the ApexCharts library with the Quasar Framework and Vue 3.

ApexCharts is a modern, open-source JavaScript library that help developers quickly create beautiful data visualizations for web pages. It features several chart types with easily customizable components.

The Quasar Framework V2 is a powerful, state-of-the-art and performance-focused frontend framework built on top of Vue 3. It has an extensive library of pre-built UI components with ready support to desktop and mobile browsers. Even more, it supports several build modes out of the box, including SPA, SSR, PWA, mobile and desktop apps and even browser extensions.

Check out more about these libraries through the links on the menu to the left, as well as several chart categories examples!

Also check some featured charts below:

ApexArea120120909060603030003140285142109100113245323452411592157284424119911991199219921993199319941994199519951996199619971997
series1
series2
series3
Download SVG
Download PNG
Download CSV
ApexCandlestick6660.006660.006640.006640.006620.006620.006600.006600.006580.006580.006560.006560.0023:0023:0002:0002:0005:0005:0008:0008:0011:0011:0014:0014:0017:0017:0020:0020:0023:0023:0002:0002:00
Download SVG
Download PNG
Download CSV
ApexBubble7070636356564949424235352828212114147700226464126126188188251251313313375375437437500500562562624624686686749749
Bubble1
Bubble2
Bubble3
Bubble4
Download SVG
Download PNG
HeatMap Chart (Single color)Metric9Metric9Metric8Metric8Metric7Metric7Metric6Metric6Metric5Metric5Metric4Metric4Metric3Metric3Metric2Metric2Metric1Metric1112233445566778899101011111212131314141515161617171818
Download SVG
Download PNG
Download CSV