Skip to content

折线图showSymbol设为false,tooltip trigger设为item后无法触发tooltip #6839

@zuoez02

Description

@zuoez02

One-line summary [问题简述]

多组基于时间戳的数据的折线图,由于数据量比较大,设置showSymbol为true的话浏览器会卡死,设为false之后tooltip出不来,echartInstance也获取不到highlight事件,tooltip设置triggle为axis的话,tooltip只能获取到series中的一组,几乎无法使用。

Version & Environment [版本及环境]

  • ECharts version [ECharts 版本]: 3.6.2
  • Browser version [浏览器类型和版本]: Chrome 61.0.3163.100(正式版本) (64 位)
  • OS Version [操作系统类型和版本]: macOS High Sierra 10.13

Expected behaviour [期望结果]

希望能够在鼠标悬浮在某一条折线上的时候显示它或者它最近的点的tooltip

ECharts option [ECharts配置项]

function randomData(x) {
    now = new Date(+now + oneDay + x);
    value = value + Math.random() * 21 - 10;
    return {
        name: now.toString(),
        value: [
            // [now.getFullYear(), now.getMonth() + 1, now.getDate()].join('/'),
            now.toISOString(),
            Math.round(value)
        ]
    }
}

var data = [];
var now = +new Date(1997, 9, 3);
var oneDay = 24 * 3600 * 1000;
var value = Math.random() * 1000;
for (var i = 0; i < 1000; i++) {
    data.push(randomData(30));
}

var data2 = [];
var now = +new Date(1997, 9, 3);
for (var i = 0; i < 1000; i++) {
    data2.push(randomData(40));
}

console.log(data[0], data2[0]);
option = {
    title: {
        text: '动态数据 + 时间坐标轴'
    },
    tooltip: {
        trigger: 'axis',
        axisPointer: {
            animation: false
        }
    },
    xAxis: {
        type: 'time',
        splitLine: {
            show: false
        }
    },
    yAxis: {
        type: 'value',
        boundaryGap: [0, '100%'],
        splitLine: {
            show: false
        }
    },
    series: [{
        name: '模拟数据',
        type: 'line',
        showSymbol: false,
        hoverAnimation: false,
        data: data
    }, {
        name: 'name2',
        type: 'line',
        showSymbol: false,
        hoverAnimation: false,
        data: data2,
    }]
};

Other comments [其他信息]

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions