Incubator-echarts: 为每个gird配置特定tooltip无效

Created on 12 Jun 2017 · 11Comments · Source: apache/incubator-echarts

One-line summary [问题简述]

应用需求是在一个图表中有多个grid，想为每个grid配置特定的tooltip，但在gird中设置tooltip却发现无效。

Version & Environment [版本及环境]

ECharts version [ECharts 版本]: 3.5.4
Browser version [浏览器类型和版本]: chrome 58.0.3029.110 (64-bit)
OS Version [操作系统类型和版本]: Win7 SP1 x64

Expected behaviour [期望结果]

只有第一个gird里显示tooltip，第二个grid里不显示tooltip

ECharts option [ECharts配置项]

option = {
    title: {
        text: '雨量流量关系图',
        x: 'center'
    },
    legend: {
        data:['流量','降雨量'],
        x: 'left'
    },
    grid: [{
        left: 50,
        right: 50,
        height: '35%',
        tooltip: {
            trigger: 'axis',
        },
    }, {
        left: 50,
        right: 50,
        top: '55%',
        height: '35%'
    }],
    xAxis : [
        {
            type : 'category',
            data: [1,2,3,4,5,6,7,8,9,10],
        },
        {
            gridIndex: 1,
            type : 'category',
            data: [1,2,3,4,5,6,7,8,9,10],
        }
    ],
    yAxis : [
        {
            name : '流量(m^3/s)',
            type : 'value',
        },
        {
            gridIndex: 1,
            name : '降雨量(mm)',
            type : 'value',
        }
    ],
    series : [
        {
            name:'流量',
            type:'line',
            data:[12,34,56,78,24,56,78,54,34,24]
        },
        {
            name:'降雨量',
            type:'line',
            xAxisIndex: 1,
            yAxisIndex: 1,
            data: [12,34,56,78,24,56,78,54,34,24]
        }
    ]
};

Other comments [其他信息]

另外一个事儿挺好奇：官网的Option文档里axisPointer里有个配置选项是tiggerTooltip，只有我一个人觉得这个"tigger(跳跳虎)"是不是忘记带个r出门了么?
http://echarts.baidu.com/option.html#xAxis.axisPointer.tiggerTooltip

Source

Coodool

👀1 😕1

All 11 comments

在 option 根上要声明 tooltip 才能启用 tooltip。

option: {
    tooltip: {},
    ...
    grid: [{
        tooltip: {...}
    }, {
        ...
    }],
    ...
}

100pah on 13 Jun 2017

@100pah 事实上如果在根上声明了tooltip，那么该tooltip的配置就会覆盖掉grid项里的tooltip配置。

try this:

option = {
    tooltip: { },
    ···
    grid: [{
        tooltip: {
            trigger: 'axis',
            formatter:'{c0}'
        },{
        ···
    }],
    ···
}

the formatter doesn't work

Coodool on 13 Jun 2017

👀1

请问这个问题有解决么？

suifengfengye on 18 Oct 2017

@suifengfengye 暂时没找到合适的办法

Coodool on 18 Oct 2017

今天做项目也发现了同样的问题。
@100pah grid.tooltip 的配置项会被根tooltip 覆盖掉。子类里的tooltip可能只有trigger属性是有用的。
不止是grid.tooltip，测试发现series.tooltip有时也是无效的。
感觉这是个影响面非常广的问题，希望能够重视