Custom Vue.js line chart is a customizable and interactive chart component built using Vue.js. It allows users to display data in a visually appealing way using lines to connect data points.
- Easy to use
- svg support
- Vue3 support
- Animation
- Lightweight
npm i vue-line-chart
yarn i vue-line-chart<script setup>
import {chart} from "vue-line-chart"
/// to styling
import "vue-line-chart/style.css"
</script><chart/>| Prop Name | Description | Default | Type |
|---|---|---|---|
| points | List of dots that draw the chart | [...] | [Number] |
| bgColor | Background color(just HEX) | "#e71f1f66" | String |
| lineColor | color of the line | "#e71f1f" | String |
| strokeWidth | stroke size of the line | 2 | Number |
| hasBg | Remove background color | true | Boolean |
Amin Alinejad
Vue Line Chart is available under the MIT license.