Vaadin 瓦丁图表:选择应保持可见

Vaadin 瓦丁图表:选择应保持可见,vaadin,vaadin14,vaadin-charts,Vaadin,Vaadin14,Vaadin Charts,我正在用Vaadin 14.4.8构建一个应用程序,我对饼图有一个问题。当我在移动设备上的饼图中选择一个磁贴时,光晕会出现并保持可见。在桌面变体中,光环仅在鼠标悬停时可见。 我正在寻找一种方法,当用户通过侦听器在移动和桌面上选择一个互动程序时,光环保持可见 我是否可以将图表行为设置为“移动”或是否存在其他可能性? 我确实在highcharts中直接找到了解决方案,但我无法将其应用于Vaadin图表-> 提前感谢您的回答 您在手机上看到的效果仍然与桌面上的悬停效果相同。在移动设备上,使用触摸事件时

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

我是否可以将图表行为设置为“移动”或是否存在其他可能性? 我确实在highcharts中直接找到了解决方案,但我无法将其应用于Vaadin图表->

提前感谢您的回答


您在手机上看到的效果仍然与桌面上的悬停效果相同。在移动设备上,使用触摸事件时,没有“鼠标离开”事件的等价物,因此在点击后,切片将保持悬停状态,只有在点击其他位置后才会消失

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

plotOptions.setAllowPointSelect(true);
有关打印选项文档,请参见

启用后,单击一个切片将选中它,这会将切片稍微移出圆。请参见以下示例,其中选择了海王星:

如果没有公共API可以通过Vaadin Charts实现这一点,您可以通过Javascript访问Highcharts API。感谢您的评论。悬停效果看起来确实更好,但在您的帮助下,我有一个有效的解决方案:)。此外,我还可以从外部侦听器中选择具有
setLiced
的互动程序。