问题标签 [vaadin-charts]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
322 浏览

vaadin - 图表 - 为每个系列设置工具提示格式

我有一个用例,客户需要查看覆盖在当前日期范围上的先前日期范围统计信息。这将使他们能够轻松地比较当前与以前的性能。

为此,我将在图表中添加另一个系列并检索以前的期间数据。之前,我们将工具提示设置为 X 值,即当前日期。我现在需要修改工具提示以显示每个系列的正确日期值,以便以前的期间数据点工具提示可能如下所示:

和当前期间的数据点:

但是,图表似乎只能使用单个工具提示格式化程序,而不是每个系列格式化程序。如果我继续使用 X 轴标签,它将在前一期间的数据点上显示不正确的日期。使用上面的例子会得到前一点的 1/1:

有没有一种方法可以让我为每个系列设置工具提示格式?还有什么方法可以修改和扩展底层的 Highcharts 吗?

0 投票
1 回答
183 浏览

java - 打印多个 Vaadin 图表

Vaadin Charts 让用户可以导出或打印它们:在此处输入图像描述

但是如何打印多个 Vaadin 图表?例如,添加一个打印按钮,该按钮创建一个包含特定 Vaadin 页面的所有(例如 4 个或更多)Vaadin 图表的 HTML/PDF 并打印此页面。

目的:创建带有多个 Vaadin 图表的 Vaadin 网页的可打印版本。

0 投票
0 回答
155 浏览

java - 从 SQL 数据库中检索数据并将其显示在图表上

我有一个有几行的表格,我想拉出其中的两个以在图表上显示它们。我正在使用 Vaadin 来完成所有这些工作,并在我的 Java 项目中实现。

我使用它从名为Troskovi. 稍后我可以使用这些方法访问日期和值,如下所示:

Datum 表示日期,Iznos 表示总和或金额。我想要的是根据月份显示这些结果,这意味着我希望我的图表显示每个月的总值。

这些用于添加带有 Labes Supply 和 Demand 的两行,并且进一步的值分别显示为一个条目。

所以在这里我必须传递每个月所有值的总和。关于我将如何去做的任何想法?或有关如何完成的示例代码。提前致谢。

0 投票
0 回答
226 浏览

vaadin - XAxis DateTime 格式以显示 Vaadin 图表的 12 小时?

我正在尝试格式化 Vaadin 图表上 XAxis 的日期时间标签。默认情况下它将显示 24 小时格式,但是当我尝试将其设置为显示 12 小时格式时,它仅在我有一半大小的窗口时才有效。

当屏幕处于全屏状态时,顶部显示 x 轴标签。当窗口处于半屏状态时,底部显示它。

这是我的代码:

0 投票
2 回答
3026 浏览

java - Vaadin 8 中有什么东西取代了 BeanItemContainer 吗?

我从 GitHub ( https://github.com/vaadin-miki/vaadin-charts-video )下载了vaadin-charts-video示例项目的副本,以了解应该如何实现Vaadin 图表。然而,该项目以及我发现的大多数可用演示代码/项目似乎都是使用Vaadin 7和之前的编码约定编写的。我正在使用Vaadin 8.0.5(和 JDK8)...

运行 Maven 时出现这些错误:

谁能告诉我,BeanItemContainer 被替换了吗?如果是这样,通过什么?

例如,请参见https://github.com/vaadin-miki/vaadin-charts-video/blob/master/intro-video/src/main/java/org/vaadin/miki/charts/intro/IntroChartsUI的第 54 行.java BeanItemContainer<BookPrice> container = new BeanItemContainer<>(BookPrice.class, prices);

如果这似乎不是更有经验的眼睛的问题,请让我知道什么是......

0 投票
0 回答
146 浏览

javascript - 我可以使用 vaadin 代码使用 JavaScript 动态生成代码吗?

我可以使用 vaadin 代码使用 JavaScript 动态生成代码吗?我还没有尝试过附加部分。

我还没有尝试过附加部分。

我想像画布一样编写 vaadin 图表。

可能吗?

如果可能,我应该怎么做?

0 投票
1 回答
346 浏览

java - 蜡染从我的 svg 文件生成一个空白 jpg

我正在使用 Vaadin 的 Charts 4.0.0(Vaadin 版本 8.0.7)生成 SVG 文件。然后我尝试将此 SVG 文件转换为 JPG 文件,但每次它总是空白。

我生成 SVG 文件的代码:

我用 Batik 转换为 jpg 的代码是:

以及生成的 SVG 文件:

看起来 SVG 文件中导致问题的部分是:

*** 更新:我后来发现,如果我在运行 SVGGenerator 之前添加了以下行,那么 JPG 是正确生成的,这让我相信 SVGGenerator 的某个地方存在错误:

0 投票
1 回答
699 浏览

vaadin8 - 从 vaadin 图表 4.0.0 中删除系列

我想更改 ListSeries 的数量以在按钮单击时绘制图表。

我将 Vaadin 8.0.1 与 Vaadin 图表 4.0.0 和 Java 8 一起使用。

类包含图表的实现。

上面的代码不会抛出编译错误,因为configuration.getSeries()返回不可修改的列表。但它在从列表中删除系列时抛出异常(由于不可修改的列表,这是预期的)。

任何帮助将不胜感激。我整天都在谷歌,但没有运气。

0 投票
1 回答
88 浏览

java - Vaadin 图表订单条

这是我的图表: 在此处输入图像描述

现在,条形图按系列排序(在右侧),但我想按如下值对每个类别进行排序:

在此处输入图像描述

我可以用 Vaadin 图表做到这一点吗?

0 投票
1 回答
237 浏览

javascript - Vaadin 图表日期时间不同

我是韩国人。英语说得不好。我想解决当前的问题。来表示时间。但是,这个时间相差 9 小时。我想解决这个问题。请告诉我怎么做。谢谢...

在此处输入图像描述

在此处输入图像描述