easy-pie-chart with all power of Vue2.
$ npm i vue-easy-pie-chart -D
Using in Vue
Custom the inner text
Run the playground
Clone this repository to your local and run the following command to start the playground
$ npm run dev
|The color of the curcular bar. You can pass either a css valid color string like rgb, rgba hex or string colors. But you can also pass a function that accepts the current percentage as a value to return a dynamically generated color.
|Set the font size of the inner text
|The color of the track for the bar, false to disable rendering.
|The color of the scale lines, false to disable rendering.
|Defines how the ending of the bar line looks like. Possible values are: butt, round and square.
|Width of the bar line in px.
|Size of the pie chart in px. It will always be a square.
|Time in milliseconds for a eased animation of the bar growing, or false to deactivate.
|Callback function that is called at the start of any animation (only if animate is not false).
|Callback function that is called at the end of any animation (only if animate is not false).
|Callback function that is called during animations providing the current value (the context is the plugin, so you can access the DOM element via this.$el).