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

G2 4.x版本,热力图展示问题,当数值为0时或者数值中的最小值时,会出现没有颜色的情况,期望通过设置最大最小透明度来控制 #6078

Closed
Mr-jili opened this issue Feb 1, 2024 · 7 comments

Comments

@Mr-jili
Copy link

Mr-jili commented Feb 1, 2024

问题描述

热力图当数值为0时或者数值中的最小值时,会出现没有颜色的情况,正常情况应该是当前设定color的第一个值

重现链接

No response

重现步骤

第一种情况:[{ x: 20, y: 30, value: 0 }, { x: 20, y: 30, value: 10 }]当value为0时不会显示颜色
第二种情况:[{ x: 20, y: 30, value: 450 }, { x: 20, y: 30, value: 10 }]当value为10时不会显示颜色

预期行为

期望展示设置color的第一个颜色,通过设置minOpactity及max,与heatmap.js一致的,设置最大最小值透明度来控制

平台

  • 操作系统: [macOS, Windows, Linux, React Native ...]
  • 网页浏览器: [Google Chrome, Safari, Firefox]

屏幕截图或视频(可选)

No response

补充说明(可选)

No response

@Mr-jili Mr-jili changed the title 热力图当数值为0时或者数值中的最小值时,会出现没有颜色的情况,正常情况应该是当前设定color的第一个值 热力图展示问题,当数值为0时或者数值中的最小值时,会出现没有颜色的情况,正常情况应该是当前设定color的第一个值 Feb 1, 2024
@Mr-jili Mr-jili closed this as completed Feb 2, 2024
@Mr-jili Mr-jili reopened this Feb 18, 2024
@Mr-jili Mr-jili changed the title 热力图展示问题,当数值为0时或者数值中的最小值时,会出现没有颜色的情况,正常情况应该是当前设定color的第一个值 热力图展示问题,当数值为0时或者数值中的最小值时,会出现没有颜色的情况,期望通过设置最大最小透明度来控制 Feb 18, 2024
@hustcc
Copy link
Member

hustcc commented Feb 18, 2024

使用的什么版本?也把你的代码发一下吧!

@Mr-jili Mr-jili closed this as completed Feb 21, 2024
@Mr-jili
Copy link
Author

Mr-jili commented Feb 21, 2024

G2 4.x版本是不是不支持heatMap设置minOpacity,只有G2 5.x才支持嘛 G2 4.x版本有什么办法解决上述问题嘛

@Mr-jili Mr-jili reopened this Feb 21, 2024
@hustcc
Copy link
Member

hustcc commented Feb 21, 2024

G2 4.x版本是不是不支持heatMap设置minOpacity,只有G2 5.x才支持嘛 G2 4.x版本有什么办法解决上述问题嘛

v4 不支持。没有暴露出来api。

@Mr-jili Mr-jili closed this as completed Feb 23, 2024
@Mr-jili
Copy link
Author

Mr-jili commented Feb 23, 2024

maxOpacity、minOpactity这个api后续会暴露嘛 , 因为ant-design-chart 1.4.2版本 还是常用稳定的版本, 他这个用的还是G2 4.x版本,现在项目升级会影响太多

@Mr-jili Mr-jili reopened this Feb 23, 2024
@Mr-jili Mr-jili closed this as completed Feb 23, 2024
@Mr-jili Mr-jili reopened this Mar 1, 2024
@Mr-jili Mr-jili changed the title 热力图展示问题,当数值为0时或者数值中的最小值时,会出现没有颜色的情况,期望通过设置最大最小透明度来控制 G2 4.x版本,热力图展示问题,当数值为0时或者数值中的最小值时,会出现没有颜色的情况,期望通过设置最大最小透明度来控制 Mar 1, 2024
@hustcc
Copy link
Member

hustcc commented Mar 1, 2024

你可以来一个案例代码吗?不要一直开关 issue。

@Mr-jili
Copy link
Author

Mr-jili commented Mar 1, 2024

案列代码地址

问题说明: 当数值相差太大或者最小值时会出现看不出来的情况,而我最小值是红色,应该出现明显的红渐变,G2 5.x版本新出了gradient、maxOpacity、minOpacity、blur api,因ant-design-charts v1.4.2版本用的是G2plot,G2plot用的是G2 4.x,因前面一套还是稳定版本,有没有考虑在4.x中暴露这几个参数,如果不兼容,直接close就可以

@pearmini
Copy link
Member

@Mr-jili 这个确实不兼容哈。

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants