1.0.0 • Published 6 years ago
vue-pictorial-chart v1.0.0
vue-pictorial-chart
a graphical visualization of SVG graphics.
github:https://github.com/wangweima/vue-pictorial-chart
demo:

How to use?
npm install vue-pictorial-chartExample
<template>
<pictorial-chart :icon="carIconSvg" per="8.5" size="60" total="14"></pictorial-chart>
</template>
<script>
import carIconSvg from "../assets/car.svg";
import PictorialChart from "vue-pictorial-chart";
export default {
components: { PictorialChart },
data () {
return {
carIconSvg
}
}
}Options
| Property | Description | type | default |
|---|---|---|---|
| icon | SVG icon | file | |
| total | total | Number | 10 |
| per | per | Number | 0 |
| size | size | Number | 50 |
| activeColor | activeColor | String |
1.0.0
6 years ago