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

Example

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