Vue3 Chart Line

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.

Features

• Easy to use
• svg support
• Vue3 support
• Animation
• Lightweight

Documentation

Install

npm i vue-line-chart
yarn i vue-line-chart

Usage

<script setup>
  import {chart} from "vue-line-chart"
  /// to styling
  import "vue-line-chart/style.css" 
</script>

<chart/>

props

| 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 |

Author

Amin Alinejad

• GitHub Profile
• LinkedIn Profile

License

Vue Line Chart is available under the MIT license.