ipxpiechart v1.0.2

IPX Pie Chart

A very simple component for Vue, built to generate pie chart.

Install

npm i ipxpiechart --save

Usage

<template>
<IpxPieChart 
  title="Visitors"
  :viz_data= "pie_data"
  tag_id="ipx_piechart_viz"
  :height= 0.9
  :width= 2
  :inner_radius= 60
  font_color="#4F4F4F"
  font_size="16px"
  :colors="pie_colors"
/>
</template>
<script>
  import IpxPieChart from "ipxpiechart";

  export default {
    components: {
      IpxPieChart 
    },
   data() {
    return {
      pie_data: [
            {
                LABEL: "1-2 ZONES/VISIT",
                VALUE: 77.0
            },
            {
                LABEL: "3-4 ZONES/VISIT",
                VALUE: 22.18
            },
            {
                LABEL: "5+ ZONES/VISIT",
                VALUE: 0.75
            }
         ],
    pie_colors: ["#2F96EF", "#B5B5B5", "#71BCF8", "#4F4F4F"]
   }
  }
  }
</script>

Visuals