目前鼠标滑过或者单击显示的数据是目标或者实绩的所有数据,我希望实现的是显示某一个项的目标/实绩的对比数据。
例如:点击“客服”项则显示: 客服 目标:35000;实绩:31000
配置项如下
var GroupName = [
{ text: '销售(sales)', max: 6000},
{ text: '管理(Administration)', max: 16000},
{ text: '信息技术(Information Techology)', max: 30000},
{ text: '客服(Customer Support)', max: 38000},
{ text: '研发(Development)', max: 52000},
{ text: '市场(Marketing)', max: 25000}
];
var Performace=[4300, 10000, 28000, 35000, 50000, 19000];
var Target=[5000, 14000, 28000, 31000, 42000, 21000]
option = {
tooltip: {
trigger: 'item',
enterable: true,
/*formatter: function(params) {
var str = params[0].name + "</br>目标:" + params[0].value + "</br>实绩:" + params[1].value;
var YieldRate = 0;
if (params[0].value !== 0) {
YieldRate = ((params[1].value / params[0].value) * 100).toFixed(2) + "%";
} else {
YieldRate = "∞";
}
str += "</br>达成率:" + YieldRate;
return str;
}*/
},
legend: {
x: 'center',
data: ['目标', '实绩']
},
radar: [{
indicator: GroupName,
radius: "70%",
triggerEvent: true
}],
series: [{
name: '目标/实绩',
type: 'radar',
data: [{
value: Target,
name: '目标',
itemStyle: {
normal: {
color: "#666666"
}
}
},
{
value: Performace,
name: '实绩',
itemStyle: {
normal: {
color: "#3dc7be"
}
}
}
]
}]
};