v-easy-chart

vuejs charts library demo

Usage no npm install needed!

<script type="module">
  import vEasyChart from 'https://cdn.skypack.dev/v-easy-chart';
</script>

README

v-easy-chart

v-easy-chart for visualize data for Vue projects

Installation

npm install --save v-easy-chart

Use

Easy visualize components using Apache echarts(v4.0)

main.js or any component just import package

import 'v-easy-chart'

components

<PieChart divid="divpie" :heightValue="height" :data="chartData" pieChartType="pie"></PieChart>

  data: function() {
    return {
      chartData: [
        { value: 335, name: "istanbul" },
        { value: 310, name: "ankara" },
        { value: 234, name: "izmir" },
        { value: 135, name: "adana" },
        { value: 1548, name: "mersin" }
      ],
      height : "500"
    };
  }

Props

divid = id of div which chart will generate

heightValue = height of chart

data = data which will be visualize.

pieChartType = "pie" or "donut"

PIE

DONUT

License

MIT