echart雷达图splitNumber平均分配问题怎么解决?
问题描述
**怎么让我的雷达图不平均分配,
例如须努力占比6 中等占比3 领先占1**
相关代码
var option = {
legend: {
data: ['本次', '上次'],
bottom: 0,
right: 100,
},
radar: {
angleAxis: { clockwise: true },
name: {
textStyle: {
color: 'black'
},
fontSize: '16px',
show: true
},
splitNumber: 3,
indicator: [
{ name: '一年级语文(11)', max: 100, axisLabel: { show: true }},
{ name: '一年级数学(12)', max: 100 },
{ name: '一年级英语(13)', max: 100 },
{ name: '二年级语文(14)', max: 100 },
{ name: '二年级数学(15)', max: 100 },
{ name: '二年级英语(16)', max: 100 },
{ name: '三年级语文(17)', max: 100 },
{ name: '三年级数学(18)', max: 100 },
{ name: '三年级英语(19)', max: 100 },
{ name: '四年级语文(20)', max: 100 },
{ name: '四年级数学(21)', max: 100 },
{ name: '四年级英语(22)', max: 100 },
{ name: '五年级语文(23)', max: 100 },
{ name: '五年级数学(24)', max: 100 },
{ name: '五年级英语(25)', max: 100 },
],
splitArea: {
show: true,
areaStyle: {
color: ['#f8a0a0', '#b4d3ea', '#a0cca0']
}
},
axisLabel: {
color: 'rgba(181, 181, 181, 1)',
show: false,
align: 'center',
margin: 0,
fontSize: 22,
fontWeight: 700,
verticalAlign: 'bottom',
lineHeight: 55,
formatter(v, index) {
let str = ''
switch (index) {
case 0:
str = '须努力'
break;
case 1:
str = '中等'
break;
case 2:
str = '领先'
break;
}
return str
}
},
axisLine: {
lineStyle: {
type: 'dashed'
}
}
},
series: [{
type: 'radar',
data: [
{
value: [
61, 62, 63, 64, 65,
66, 67, 68, 69, 70,
71, 72, 73, 74, 75,
],
name: '本次',
itemStyle: {
normal: {
color: "blue",
borderColor: "blue",
borderWidth: 5,
}
},
// lineStyle: {
// type: 'dashed'
// }
},
{
value: [
51, 52, 53, 54, 55,
56, 57, 58, 59, 60,
61, 62, 63, 64, 65,
],
name: '上次',
itemStyle: {
normal: {
color: "red",
borderColor: "red",
borderWidth: 5
}
},
lineStyle: {
type: 'dashed'
}
},
]
}]
}
你期待的结果是什么?实际看到的错误信息又是什么?
怎么让我的雷达图不平均分配,例如须努力占比6 中等占比3 领先占1
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
splitNumber: 改成10
areaStyle.color 颜色数组10个元素,6份第一种颜色,3份第2种颜色,1份第3种颜色