New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

升级到echart4 图列图表重叠 #7502

Closed
cuiken opened this Issue Jan 16, 2018 · 5 comments

Comments

Projects
None yet
3 participants
@cuiken

cuiken commented Jan 16, 2018

One-line summary [问题简述]

升级到4后,图列滚动或者hover或者点击图列。然后出现如图现象。

Version & Environment [版本及环境]

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

Expected behaviour [期望结果]

ECharts option [ECharts配置项]

option = {

}

Other comments [其他信息]

image

@pissang

This comment has been minimized.

Contributor

pissang commented Jan 16, 2018

有可以复现的代码吗?

@cuiken

This comment has been minimized.

cuiken commented Jan 17, 2018

@pissang 图列出现滚动时才会复现

option = {
legend: {
            data: ["MA050K0011790223", "MA050K0011790162", "MA050K0011790151", "MA050K0011790189", "MA050K0011790187"],
            type: 'scroll'
        },
        tooltip: {
            trigger: 'axis',
            axisPointer: {
                type: 'cross'
            }
        },
        grid: {
            left: '10', right: '4%', top: '20%', bottom: '3%', containLabel: true
        },
        xAxis: [{
            type: 'category',
            boundaryGap: false,
            data: ["2018-01-07", "2018-01-08", "2018-01-09", "2018-01-10", "2018-01-11"],
            axisTick: {
                alignWithLabel: true
            }
        }],
        yAxis: [{
            type: 'value',
            axisLabel: {
                formatter: '{value} '
            },
            name: 'kWh',
        }],
        series: [{
            name: "MA050K0011790223",
            data: [0, 33, 5, 3131, 222],
            type: 'line',
            smooth: 'true',
        }, {
            name: "MA050K0011790162",
            data: [0, 33, 6, 3131, 222],
            type: 'line',
            smooth: 'true',

        }, {
            name: "MA050K0011790151",
            data: [0, 33, 2, 3131, 222],
            type: 'line',
            smooth: 'true',

        }, {
            name: "MA050K0011790189",
            data: [0, 33, 1, 3131, 222],
            type: 'line',
            smooth: 'true',

        }, {
            name: "MA050K0011790187",
            data: [0, 33, 7, 3131, 222],
            type: 'line',
            smooth: 'true',

        }]
}
@pissang

This comment has been minimized.

Contributor

pissang commented Jan 17, 2018

我这没复现,是什么系统和浏览器

@cuiken

This comment has been minimized.

cuiken commented Jan 17, 2018

@pissang
macOS 10.13.2
Safari,Chrome,Firefox 都会复现。
我在win上也复现了。前提是鼠标先放到legend上,变黑就出现了。
我下载的是 常用版本
screen shot 2018-01-17 at 13 10 13

@pissang

This comment has been minimized.

Contributor

pissang commented Jan 17, 2018

好像在窗口很小的时候会复现,我们修复一下

修正一下:
应该是在 legend 有 scroll 的时候会出现这个问题

更新:
是 zrender 中的问题,最后一个图形如果有 clipPath + transform 的话,canvas context 的状态没有 restore 会导致下一帧绘制的时候清除的时候区域是错误的,所以会有残影。

已经修复,这两天就会发一个小版本

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment