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
ApexArea1201201001008080606040402020003140285142109100113245323452411592157284424119911991199219921993199319941994199519951996199619971997
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
ApexBubble707060605050404030302020101000996363118118173173228228283283338338393393448448503503558558612612667667722722
Download SVG
Download PNG
Download CSV
HeatMap Chart (Single color)Metric9Metric9Metric8Metric8Metric7Metric7Metric6Metric6Metric5Metric5Metric4Metric4Metric3Metric3Metric2Metric2Metric1Metric1112233445566778899101011111212131314141515161617171818
Download SVG
Download PNG
Download CSV