echarts雷达图圆形 组件封装 配置参数详解

效果图:
echarts雷达图圆形 组件封装 配置参数详解_第1张图片
雷达图组件封装RadarChart.vue
配置参数代码中有备注





使用组件:
引入:

import RadarChart from '@/views/my_components/charts/RadarChart.vue'

注册

components: { RadarChart }

使用:


data数据

radarChartDataInfo: {
         // indicatorData: [
         //     {
         //         text: 'a',
         //         min: 0,
         //         max: 100
         //     },
         //     {
         //         text: 'b',
         //         min: 0,
         //         max: 100
         //     },
         //     {
         //         text: 'c',
         //         min: 0,
         //         max: 100
         //     },
         //     {
         //         text: 'd',
         //         min: 0,
         //         max: 100
         //     },
         //     {
         //         text: 'e',
         //         min: 0,
         //         max: 100
         //     }
         // ],
         data: [10,40,70,90,82]
}

你可能感兴趣的:(echarts,vue.js,前端)