4.0的版本里好像color不支持回调函数了,那么我怎么能够实现每个拐点的颜色根据数据的不同而不一样呢
配置项如下
option = {
title: {
text: '基础雷达图'
},
tooltip: {},
legend: {
data: ['预算分配(Allocated Budget)']
},
radar: {
// shape: 'circle',
name: {
textStyle: {
color: '#fff',
backgroundColor: '#999',
borderRadius: 3,
padding: [3, 5]
}
},
indicator: [
{name: '销售(sales)', max: 6500},
{name: '管理(Administration)', max: 16000},
{name: '信息技术(Information Techology)', max: 30000},
{name: '客服(Customer Support)', max: 38000},
{name: '研发(Development)', max: 52000},
{name: '市场(Marketing)', max: 25000}
]
},
series: [{
name: '预算',
type: 'radar',
itemStyle: {
color: function (params) {
return 'red'
}
},
data: [
{
value: [4300, 10000, 28000, 35000, 50000, 19000],
label: {
show: true,
formatter: function (params) {
if (params.value > 30000) {
return params.value + '大';
}
return params.value + '';
}
},
itemStyle: {
normal: {
color: function (params) {
// 4.0的版本不再支持回调函数,有替代方案吗,我希望的是每个拐点的颜色不一样
return 'red'
}
}
}
}
]
}]
}