v-series-radar

介绍

雷达图主要用于表现多变量的数据，例如球员的各个属性分析。

预览

引入

方式请参考组件用法 。

代码演示

基础用法

<v-series-radar
 :indicator="indicatorConfig"
>
</v-series-radar>

import { ref } from 'vue';

export default {
  setup() {
const indicatorConfig = ref({
  radar: {
    background:"url(xxxx)",   // 可以是颜色 / 背景图
    
    indicator: [
      { name: '启蒙', max: 6500 },
      { name: '教育', max: 16000 },
      { name: '娱乐', max: 30000 },
    ]
  },
  series: {
    result: '偏离',              // 表格主标题标题
    value: [4200, 3000, 20000] // 得分情况,需要和 indicator 一一对应
  }
});

  
    };
    return {
      indicatorConfig,
    };
  },
};

API

list-view Props

参数	说明	类型	默认值
v-model:loading	是否处于加载状态，加载过程中不触发load 事件	boolean	false
finished	是否已加载完成，加载完成后不再触发 load 事件	boolean	false
offset	滚动条与底部距离小于 offset 时触发 load 事件	number / string	300
config	支持全部v-group属性	object	--

list-view Events

事件名	说明	回调参数
load	滚动条与底部距离小于 offset 时触发	-