[英]How to add tooltip in Echarts to Radar indicator
我正在嘗試向 Radar 指標元素添加工具提示。 到目前為止,我在指示器元素中嘗試了tooltip:{show:true, trigger: "item", value:"tooltipText"}
但沒有運氣:(,可以在下面的代碼中看到。例如,如果我 hover 在“銷售(Sales)”,它應該顯示帶有“tooltipText”的工具提示。
運行代碼示例: https://echarts.apache.org/examples/en/editor.html?c=radar
option = {
title: {
text: '基礎雷達圖'
},
legend: {
data: ['預算分配(Allocated Budget)', '實際開銷(Actual Spending)']
},
tooltip: {
trigger: 'item'
},
radar: {
// shape: 'circle',
indicator: [
{ name: '銷售(Sales)', max: 6500, tooltip:{show:true, trigger: "item", value:"tooltipText"}},
{ name: '管理(Administration)', max: 16000, tooltip:{show:true, trigger: "item", value:"tooltipText"}},
{ name: '信息技術(Information Technology)', max: 30000, tooltip:{show:true, trigger: "item", value:"tooltipText"}}
]
},
series: [{
name: '預算 vs 開銷(Budget vs spending)',
type: 'radar',
data: [
{
value: [4200, 3000, 20000, 35000, 50000, 18000],
name: '預算分配(Allocated Budget)'
},
{
value: [5000, 14000, 28000, 26000, 42000, 21000],
name: '實際開銷(Actual Spending)'
}
]
}]
};
只需在選項中添加“工具提示:{}”。 像這樣,您可以更改系列選項中的工具提示,就像您之前所做的那樣。
代碼如下所示:
option = {
title: {
text: '基礎雷達圖'
},
legend: {
data: ['預算分配(Allocated Budget)', '實際開銷(Actual Spending)']
},
radar: {
// shape: 'circle',
indicator: [
{ name: '銷售(Sales)', max: 6500},
{ name: '管理(Administration)', max: 16000},
{ name: '信息技術(Information Technology)', max: 30000},
{ name: '客服(Customer Support)', max: 38000},
{ name: '研發(Development)', max: 52000},
{ name: '市場(Marketing)', max: 25000}
]
},
tooltip: {},
series: [{
name: '預算 vs 開銷(Budget vs spending)',
type: 'radar',
data: [
{
value: [4200, 3000, 20000, 35000, 50000, 18000],
name: '預算分配(Allocated Budget)'
},
{
value: [5000, 14000, 28000, 26000, 42000, 21000],
name: '實際開銷(Actual Spending)'
}
],
tooltip:{
// do something here if you want
}
}]
};
嘗試從 canvas 和 append 中刪除工具提示 div 到對我有用的正文。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.