1.0.1 • Published 5 years ago
vue-smart-chart v1.0.1
vue-smart-chart
a graphical visualization of SVG graphics.
github:https://github.com/wangweima/vue-smart-chart
demo:
How to use?
npm install vue-smart-chart
Example
<template>
<div style="width: 250px">
<smart-chart :options="options"></smart-chart>
</div>
</template>
<script>
import carIconSvg from "../assets/car.svg";
import SmartChart from "vue-smart-chart";
export default {
components: { SmartChart },
data () {
return {
options: {
icon: carIconSvg,
total: 10,
per: 7.5,
size: 50,
activeColor: "#000031"
}
}
}
}
</script>
Options
Property | Description | type | default |
---|---|---|---|
icon | SVG icon | file | |
total | total | Number | 10 |
per | per | Number | 0 |
size | size | Number | 50 |
activeColor | activeColor | String | #c23531 |
** notes: Currently only support the SVG icon of Alibaba Icon Library,Address:https://www.iconfont.cn/