问题标签 [vaadin-charts]

在 Vaadin 14.6.1 中，我创建了一个带有 2 个图表（和其他一些东西）的水平布局。图表没有用完正确的宽度——它们似乎没有在正确的宽度上“拾取”（见下面的截图）。我将宽度设置为 100% 等。此外，如果我使用更简单的组件（例如标签）而不是图表（来自 Highcharts），这个问题就会消失。我以前也遇到过类似的问题，但是在更复杂的设置中（例如，用户调整了拆分布局并且底层图表没有调整大小）。但在这种情况下，这是一个更加简单明了的场景（即用户不调整任何布局的宽度），但 Vaadin 似乎并没有选择正确的宽度，至少在使用图表时是这样。这是一个已知的或可重现的问题吗？如果是这样，有什么解决方法吗？

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

我可以将图表行为始终设置为移动设备还是有其他可能性？我确实在 highcharts 中直接找到了解决方案，但我无法将其应用于 Vaadin 图表 - > Highcharts，在饼图中的选择上设置光环

提前感谢您的回答。

我很难找到用新数据更新图表的方法。使用以下方法将数据添加到图表中：

但是没有对应的“remove(series)”！？！因此，如果我想更新正在显示的数据并添加另一个系列，我实际上会在图表中添加另一条线（或条形图或任何我选择的可视化），这显然不是我想要/需要的。

我第一次尝试克服这个问题是获取旧数据系列并将它们从图表中删除，但getSeries()我只获得了现有系列的不可修改副本，因此该尝试以java.lang.UnsupportedOperationException.

因此我的问题是：如何说服现有图表删除所有旧数据系列？请不要告诉我，我每次都需要重新创建整个图表组件！

我正在尝试将 Vaadin Flow (14) 图表实现为 SVG 转换器，并且 pom 依赖项失败。我遵循的说明位于：https ://vaadin.com/docs/v14/ds/components/charts/charts-installing以安装图表以及：https ://vaadin.com/docs/latest/ds /components/charts/java-api/installing然后我使用这些说明将图表转换为 SVG 文件：https ://vaadin.com/docs/latest/ds/components/charts/java-api/ svg 生成器

考虑到这一点，我在 pom.xml 文件中添加了以下内容：

说明说要省略版本，但 SVG 生成器依赖项失败说它需要一个版本。然后我按照文档中的说明添加版本号：<version>6.0.0</version>这会导致以下错误：com.vaadin:vaadin-charts-flow-svg-generator:jar:6.0.0 was not found in https://repo.maven.apache.org/maven2 during a previous attempt.而且我怀疑这将是第一个答案，是的，我确实将 vaadin-addons 存储库添加到了 pom 文件中。我实际上使用的是从https://start.vaadin.com/app构建的默认项目，其中默认包含 vaadin-addons。

我在 pom 中的最终版本是：

我正在使用 Vaadin Charts 4.1.0。我正在使用图表 chart = new Chart(ChartType.COLUMNRANGE); 我通过使用 xaxis 和 y 轴值配置 DataSeries 来显示一些框，但基于一些标准，我想在每个框之前绘制具有一些起始值和结束值的线。所以有人可以帮我在每个盒子之前画线吗

我正在使用 vaadin 图表 4.0.0。我的图表类型是 COLUMNRANGE。我正在使用 DataSeries 对象在图表上打印数据，并且我的数据以一些颜色显示在框中。

所以我需要提供一些样式，使用它们可以为这些框提供闪烁效果，那么如何在 vaadin 图表 4.0.0 中添加样式

请找到随附的代码

所以在上面的代码中我需要将 CSS 应用到 DataSeriesItem 但我没有找到任何方法可以用来设置我自己的 CSS 类所以请帮助我

我有带有 vaadin-8 的 application-1 和 phantomJS 创建的 svg——
这个应用程序为给定的高度/宽度创建的 svg 看起来不错。

我有带有 VaadinFlow-14 的 application-2，chart-version-21 svg 上的条形/线条被挤压成与 application1 中使用的相同宽度/高度和配置。

我对 Vaadin 14 中的 FlagItem 有疑问。

我正在尝试为 ListSeries 中的特定点设置 FlagItem，我这样做的方式如下：

如您所见，我设置了相对于条目的年龄和文本的 x 值。此外，仅在满足特定条件时才创建 FlagItem。（我使用 Vaadin 图表演示作为参考：https ://demo.vaadin.com/charts/Flags ）

现在的问题是，在构建图表时，FlagItem 出现在 x 轴上，如您在此处看到的：

我真的不明白为什么会这样。

知道在图表上绘制三个 RangeSeries 和多个 ListSeries 可能会很有用。

谢谢您的帮助！