Comments (6)
jsers
commented on July 22, 2024
这感觉不是 hexbin 的问题，其他的类型也是 tooltip 里面展示所有 label 的信息
Talon ***@***.***> 于2023年6月20日周二 13:51写道：
… Hexbin的tips 默认展示指标的所有的label， 显得比较复杂，是否可以加入定制化的功能
[image: image]
<https://user-images.githubusercontent.com/29848365/247017309-2caf6779-4624-49aa-ba0e-262f5f80bfb9.png>
—
Reply to this email directly, view it on GitHub
<#47>, or unsubscribe
<https://github.com/notifications/unsubscribe-auth/ABYUU6SICEHUJDTSPHLHW63XME25HANCNFSM6AAAAAAZMYEHGI>
.
You are receiving this because you are subscribed to this thread.Message
ID: ***@***.***>
from fe.
masterjyq
commented on July 22, 2024
我这边是想要展示 pod的名称但是太长了，放在标题展示不合适，所以就想单独放在tooltip
from fe.
jsers
commented on July 22, 2024
如果是 prometheus 源标题倒是可以通过 query 里面的 legend 自定义
但是要自定义 tooltip 内容，可能需要整体考虑下（当然也可以各个图表类型一步步来）
加一个 tooltip 内容的自定义设置项，大概就是可以选择展示哪些 labels
Talon ***@***.***> 于2023年6月20日周二 21:01写道：
… 我这边是想要展示 pod的名称但是太长了，放在标题展示不合适，所以就想单独放在tooltip
—
Reply to this email directly, view it on GitHub
<#47 (comment)>, or
unsubscribe
<https://github.com/notifications/unsubscribe-auth/ABYUU6WIYLL4UKKLUQHWNQTXMGNLNANCNFSM6AAAAAAZMYEHGI>
.
You are receiving this because you commented.Message ID:
***@***.***>
from fe.
masterjyq
commented on July 22, 2024
我配置 legend 为 pod的名称就成这样了, pod的名称太长了， 效果不太好
from fe.
jsers
commented on July 22, 2024
六边形里面即时配置了 legend 内容还是太长了，这个其实不是一个”问题“，能不能显示全内容跟内容长度以及六边形边长有关。
像你这种情况可以通过调整 panel 尺寸或是 series 数量等来使之尽可能显示完整的名称。
还有其实作为大盘图表不太可能一眼看尽所有信息，像蜂窝图我们应该更多的是想办法突出”异常“数据即可，比如通过颜色来突出
Talon ***@***.***> 于2023年6月21日周三 08:21写道：
… 我配置 legend 为 pod的名称就成这样了, pod的名称太长了， 效果不太好
[image: image]
<https://user-images.githubusercontent.com/29848365/247356771-d17a26c6-8f67-4f48-97e8-ce279e01a913.png>
—
Reply to this email directly, view it on GitHub
<#47 (comment)>, or
unsubscribe
<https://github.com/notifications/unsubscribe-auth/ABYUU6XUJWJMX4SYN3Q7AHDXMI47PANCNFSM6AAAAAAZMYEHGI>
.
You are receiving this because you commented.Message ID:
***@***.***>
from fe.
masterjyq
commented on July 22, 2024
嗯嗯， 我也是这么想的，想要把故障的POD用红色标出来， 但是想看是哪一个POD的时候，在一堆tooltip里面找 pod的 name 比较费劲😂
from fe.
Related Issues (20)
- 在node 16.15.0, npm 8.5.5 下运行报错npm run dev ：[vite] Internal server error: Module "@svgr/plugin-svgo" missing. Maybe `npm install @svgr/plugin-svgo` could help! HOT 5
- v6.5.0 不同主题的选择后的一些按钮以及字体配色 HOT 1
- 浏览器标签标题显示bug
- 柱状图显示问题 HOT 3
- yarn build [error] HOT 2
- src/plus目录及所属文件没有上传到github，但是很多地方又引入了这个路径 HOT 2
- 团队和业务组不使用中划线(-)来渲染树状结构 HOT 2
- npm build error HOT 2
- npm build error HOT 2
- 关于在仪表盘中用缩放来更新时间的问题 HOT 1
- 关于表格中追加的链接使用标签值变量在大盘刷新一次后失效的问题 HOT 7
- 执行 npm build error HOT 1
- 夜莺监控仪表盘导入grafana大盘，饼图类型图表不支持rename字段值 HOT 3
- [需求建议] 克隆内置告警规则支持搜索列表
- [需求建议]在告警规则HOST类型中的业务组类型的筛选上支持模糊筛选输入且生效 HOT 1
- 告警规则配置的HOST数据源类型为host HOT 1
- 管理员权限，菜单展示不全 HOT 8
- 仪表板表格报错
- 营业大盘页面卡顿 HOT 1
- npm run build error HOT 2
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from fe.