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:

series1
series2
series3
ApexArea120120909060603030003140285142109100113245323452411592157284424119911991199219921993199319941994199519951996199619971997
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
Bubble1
Bubble2
Bubble3
Bubble4
ApexBubble7070565642422828141400336565127127189189251251313313375375437437499499561561623623685685748748
Download SVG
Download PNG
Download CSV
HeatMap Chart (Single color)Metric9Metric9Metric8Metric8Metric7Metric7Metric6Metric6Metric5Metric5Metric4Metric4Metric3Metric3Metric2Metric2Metric1Metric1112233445566778899101011111212131314141515161617171818
Download SVG
Download PNG
Download CSV