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