vue 雷达扫描_Vue-Echarts实现雷达图

效果：

image.png

安装依赖

npm i echarts --save

引入

import echarts from 'echarts'

Vue.prototype.$echarts = echarts

应用

methods: {

initRadar() {

let charts = this.$echarts.init(document.getElementById('leiDaTu'));

var option = {

title: {

text: "智能评价",

textAlign: 'left',

},

calculable: true,

radar: {

splitNumber: 4,

shape: 'circle',

name: {

formatter: [`{a|${this.type}}`,

'{b|{value}}'].join('\n'),

rich: {

a: {

color: 'rgba(5, 193, 174, 1)',

align: 'middle'

},

b: {

color: '#333'

<