Skip to content
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

[Bug] 热力图Y轴渲染错误 #20634

Open
MIEnchating opened this issue Dec 31, 2024 · 1 comment
Open

[Bug] 热力图Y轴渲染错误 #20634

MIEnchating opened this issue Dec 31, 2024 · 1 comment
Labels
bug pending We are not sure about whether this is a bug/new feature.

Comments

@MIEnchating
Copy link

MIEnchating commented Dec 31, 2024

Version

5.6.0

Link to Minimal Reproduction

No response

Steps to Reproduce

export const getHeatOptions = (): E.EChartsOption => {
    return {
        tooltip: {
            position: 'top',
        },
        grid: {
            top: "1%",
            bottom: "10%",
            left: "1%",
            right: "1%",
            containLabel: true
        },
        xAxis: {
            type: 'category',
            data: hours as any,
            axisTick: {
                lineStyle: {
                    color: '#fff'
                }
            },
            axisLabel: {
                color: '#fff',
            },
            splitArea: {
                show: true,
                areaStyle: {
                    color: ['rgba(44,60,77,.8)', 'rgba(35,47,68,.7)']
                }
            }
        },
        yAxis: {
            type: 'category',
            data: [],
            axisTick: {
                show: true,
                lineStyle: {
                    color: '#fff'
                }
            },
            axisLabel: {
                color: '#fff'
            },
            splitArea: {
                show: true,
                areaStyle: {
                    color: ['rgba(44,60,77,.8)', 'rgba(35,47,68,.7)']
                }
            }
        },
        visualMap: {
            min: 0,
            max: 3600,
            calculable: true,
            orient: 'horizontal',
            left: 'center',
            textStyle: {
                color: '#fff'
            },
            inRange: {
                color: ['#313695', '#4575b4', '#74add1', '#abd9e9', '#e0f3f8', '#ffffbf', '#fee090', '#fdae61', '#f46d43', '#d73027', '#a50026']
            }
        },
        series: {
            type: 'heatmap',
            data: [],
            label: {
                show: true
            },
            emphasis: {
                itemStyle: {
                    shadowBlur: 10,
                    shadowColor: 'rgba(0, 0, 0, 0.5)'
                }
            }
        }
    }
}

Current Behavior

左上角渲染错误

image

排除发现去的Y轴配置项splitArea的显示也可以正常显示,或者数据项在某些情况下也正常。如图:

1735637338747

Expected Behavior

正常渲染

Environment

- OS:
- Browser:
- Framework:

Any additional comments?

No response

@echarts-bot echarts-bot bot added the pending We are not sure about whether this is a bug/new feature. label Dec 31, 2024
Copy link

echarts-bot bot commented Dec 31, 2024

@MIEnchating It seems you are not using English, I've helped translate the content automatically. To make your issue understood by more people and get helped, we'd like to suggest using English next time. 🤗

TRANSLATED

TITLE

[Bug] Heatmap Y-axis rendering error

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug pending We are not sure about whether this is a bug/new feature.
Projects
None yet
Development

No branches or pull requests

1 participant