微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

Vaadin 图表:选择应保持可见

如何解决Vaadin 图表:选择应保持可见

我正在使用 Vaadin 14.4.8 构建一个应用程序,我有一个关于饼图的问题。当我在移动设备上的饼图中选择一个图块时,光环出现并保持可见。在桌面版本中,光环仅在鼠标悬停时可见。 我正在寻找一种方法,当用户在移动设备和桌面设备上以及通过侦听器选择磁贴时,光环保持可见。

我可以始终将图表行为设置为移动设备还是有其他可能性? 我确实直接在 highcharts 中找到了解决方案,但我无法将其应用于 Vaadin 图表 -> Highcharts,set halo on select in pie chart

提前感谢您的回答。

an image of the halo og the selected tile

解决方法

您在移动设备上看到的效果仍然与桌面上的悬停效果相同。在移动设备上,对于触摸事件,没有等效的“鼠标离开”事件,因此切片在点击后会保持悬停状态,并且只有在点击其他地方后才会消失。

但是图表有一个实际的选择模式,您可以通过以下方式启用:

plotOptions.setAllowPointSelect(true);

有关绘图选项文档,请参阅 here

启用后,单击切片将选中它,这会将切片稍微移出圆圈。请参见以下示例,其中选择了 Neptune: enter image description here

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。