Getting Started

vue3-charts is a SVG-based charting library that is very easy to use and highly customizable.

1. Installation

You can install vue3-charts using yarn or npm.

# usign npm
npm install vue3-charts --save

# usign yarn
yarn add vue3-charts

And you are done with the installation. Please keep in mind you need a Vue version > 3.x

2. Creating your first Chart

To create your first chart you just import the Chart component from vue3-charts and add as many layers & widgets as you want.

Here is a simple line chart example with 2 layers:

  • - Grid layer
  • - Line layer
show_chart Chart
code Code
receipt_long Data
JanFebAprMarMayJunJul05001,0001,5002,0002,5003,000

3. More Charts

Check the charts section for more examples.