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/