tooltip : {confine:true}在移动端浏览器不起作用,tooltip仍然超出图表边际
tooltip展示在图标区域内
option = {
title: {
text: '基础雷达图'
},
tooltip: {confine:true},
legend: {
data: ['预算分配(Allocated Budget)', '实际开销(Actual Spending)']
},
radar: {
// shape: 'circle',
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: '预算 vs 开销(Budget vs spending)',
type: 'radar',
// areaStyle: {normal: {}},
data : [
{
value : [4300, 10000, 28000, 35000, 50000, 19000],
name : '预算分配(Allocated Budget)'
},
{
value : [5000, 14000, 28000, 31000, 42000, 21000],
name : '实际开销(Actual Spending)'
}
]
}]
}
手机华为 P7
图表的容器div宽为310
echarts 什么版本?
3.2.1
这个属性最新版本才加入
好的 我试下最新版本
还有个问题就是雷达图的label超出了我的指定区域该怎么办呢。。。没找到合适的属性
已验证,使用3.2.2echart即可使得tooltip显示在图表范围内
把雷达图的半径设小一点
嗯 目前我的规避方式是把雷达半径设小,但我比较希望看到一个属性可以像confine那样自适应到图表区域。
或者说像雷达、pie图这些是否都把他们的区域标识(文字指向)都画在区域内呢,这样移动端做起来自适应会更简单些
后续对标签排布会优化