@ipn-eu/vue-chart-radar

vue-chart-radar

The author has absolutely no clue what the code in this project does. It might just work or not, there is no third option.

Usage

<template>
  <vue-chart-radar
    :data="data"
    @itemSelected="onItemSelected"
  ></vue-chart-radar>
</template>

<script>
import VueChartRadar from "@ipn-eu/vue-chart-radar";

export default {
  name: "App",
  components: { VueChartRadar },
  data() {
    return {
      data: [
        { key: "a", value: 1, label: "AAAAAA" },
        { key: "b", value: 2, label: "BBBBBB" },
        { key: "c", value: 3, label: "CCCCCC" },
        { key: "d", value: 4, label: "DDDDDD" },
        { key: "e", value: 5, label: "EEEEEE" },
      ],
    };
  },
  methods: {
    onItemSelected(idx) {
      console.log("Selected index:", idx);
      console.log("Selected item:", this.data[idx]);
    },
  },
};
</script>

Project setup

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Lints and fixes files

npm run lint

Customize configuration

See Configuration Reference.