Incubator-echarts: tooltip : {confine:true}在移动端浏览器不起作用,tooltip仍然超出图表边际

Created on 20 Dec 2016  ·  8Comments  ·  Source: apache/incubator-echarts

One-line summary [问题简述]

tooltip : {confine:true}在移动端浏览器不起作用,tooltip仍然超出图表边际

Version & Environment [版本及环境]

  • ECharts version [ECharts 版本]:3.2.1
  • Browser version [浏览器类型和版本]:chromium
  • OS Version [操作系统类型和版本]:android 4.4.2

Expected behaviour [期望结果]

tooltip展示在图标区域内

ECharts option [ECharts配置项]


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)'
            }
        ]
    }]
}

Other comments [其他信息]



手机华为 P7
图表的容器div宽为310

default

All 8 comments

echarts 什么版本?

3.2.1

这个属性最新版本才加入

好的 我试下最新版本
还有个问题就是雷达图的label超出了我的指定区域该怎么办呢。。。没找到合适的属性

已验证,使用3.2.2echart即可使得tooltip显示在图表范围内

把雷达图的半径设小一点

嗯 目前我的规避方式是把雷达半径设小,但我比较希望看到一个属性可以像confine那样自适应到图表区域。
或者说像雷达、pie图这些是否都把他们的区域标识(文字指向)都画在区域内呢,这样移动端做起来自适应会更简单些

后续对标签排布会优化

Was this page helpful?
0 / 5 - 0 ratings