['50%', '70%'], // 将雷达图位置设置在容器中心的偏下位置 radius: '50%', // 设置雷达图半径为容器宽度的50% indicator: [ { name: '销售(Sales)', max: 6500 }, { name: '管理(Administration)', max: 16000 }, { name: '信息技术(Information Technology)', max: 30000 }, { name: ...
},//设置雷达图中间射线的颜色axisLine:{lineStyle:{color:'rgba(131,141,158,.1)', }, },indicator:[{name:'健康状态',max:30,//若将此属性放在radar下,则每条indicator都会显示圈上的数值,放在这儿,只在通信这条indicator上显示axisLabel:{show:false,fontSize:12,color:'#838D9E',showMaxLabel:false,...
axisLine: { show: false, //雷达图中心发出的射线:坐标轴轴线相关设置 }, splitLine: {//雷达图每一圈,这个圈的样式 show: true, lineStyle: { type: "dashed" } }, splitArea: {// 雷达图每一圈所分割出的区域的样式 show: true }, indicator: [ { name: "软件", max: 6500}, { name: "业...
echarts 自定义雷达图标识 位置 颜色 封装 传值处理 myChart.setOption({ radar: [ { indicator: radarDate.radar_data, center: ['50%', '50%'], radius:80, splitNumber:3,//雷达图圈数设置nameGap: 8,//指示器名称和指示器轴的距离。[ default: 15 ]name: { // 重点是这的语法 a|b 前面的是...
indicator: [ {name: '师资队伍', max: 6500}, {name: '教育教学', max: 16000}, {name: '实践教学条件', max: 30000}, {name: '社会服务', max: 38000}, {name: '人才培养效果', max: 52000} ], triggerEvent: true //开启雷达图的边角名称可点击 ...
indicator:包含指示器的内容设置,如展示内容和区间设置 了解了这些雷达图的基本属性后,我们来看下最初的需求:两个产品在不同的方向上的表现对比,每个对比可以归一化到一个档位上,比如好中差;不同方向需要横向对比;产品有一个是主产品,另一个是参考产品。于是我们希望雷达图满足下面几个需求 ...
name:{ //雷达图每个指示器名称的配置项。 show:true, //是否显示指示器名称。 formatter:function (value, indicator) { //用回调函数,第一个参数是指示器名称,第二个参数是指示器配置项 return '【' + value + '】'; }, textStyle:mytextStyle ...
text: '基本雷达图演示' }, legend: { data: ['信科2101', '信科2102'] }, radar: { // shape: 'circle', name: { textStyle: { color: '#fff', backgroundColor: '#999', borderRadius: 3, padding: [3, 5] } }, indicator: [ ...
Indicator用于设置雷达图的指示器,用来指定雷达图中的多个变量(维度) Name用于设置指示器名称,如下图红框中圈出的文字所示: Max设置指示器对应坐标轴刻度上的的最大值 代码中被省略,采用默认设置的属性: startAngle:90, //起始刻度的角度,默认为 90 度,即圆心的正上方。0 度为圆心的正右方。