1.0.1 • Published 5 years ago

vue-smart-chart v1.0.1

Weekly downloads
2
License
MIT
Repository
-
Last release
5 years ago

vue-smart-chart

a graphical visualization of SVG graphics.

github:https://github.com/wangweima/vue-smart-chart

demo:

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

PropertyDescriptiontypedefault
iconSVG iconfile
totaltotalNumber10
perperNumber0
sizesizeNumber50
activeColoractiveColorString#c23531

** notes: Currently only support the SVG icon of Alibaba Icon Library,Address:https://www.iconfont.cn/

1.0.1

5 years ago

1.0.0

5 years ago