问题标签 [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 回答
411 浏览

highcharts - 如何禁用 Vaadin-Charts/Highcharts SolidGauge 图表上的值工具提示?

如何摆脱显示“等待时间:3.1”的弹出/工具提示?

这是我的数据标签和绘图选项的设置代码

似乎没有禁用此工具提示的设置器。

在此处输入图像描述

0 投票
1 回答
158 浏览

vaadin-charts - Vaadin Chart:如何使用全局配置

有一个全局配置对象,但是我看不到它是如何使用的。

这是需要的,例如,设置timezoneOffset.

由于它不适用于任何特定图表,我希望在某处有一个静态设置/吸气剂,但我找不到使用它的参考。

0 投票
1 回答
348 浏览

java - 转换为 PNG 时如何使 Vaadin 图表背景透明?

我正在使用Vaadin 建议的 Batik 转换代码,但是我需要使 PNG 图像的背景透明,因为它可以显示在不同颜色的容器中,并且我不希望显示白色边框。我已经尝试了所有我能想到的方法,但我似乎无法找到一种方法来使 PNG 的背景透明。我什至试图强制背景颜色来帮助蜡染,但它不起作用:

然后我尝试了以下组合(或两者之一):

似乎没有任何效果。任何有关如何执行此操作的建议将不胜感激。

0 投票
0 回答
88 浏览

java - 如果 DataSeries 中的所有数据都是同一个月的,Vaadin Charts 中的条形图似乎不尊重日期格式?

在此处输入图像描述如果我的 DataSeries 分布在多个月,那么一切都按预期工作,但是如果所有数据都在一个月内,它会显示一个奇怪的 x 轴标签。我的代码是:

我附上了一个截图来说明我的意思。对于该图表,我在 DataSeries 中有 3 个项目,都是 2018 年 1 月的月份。我想要的格式是 x 轴上的 2018 年 1 月

0 投票
1 回答
146 浏览

svg - 缩放后 Vaadin 图表导出为 SVG

将图表导出为 PDF 或 SVG 工作。导出缩放图表会生成 SVG 文件,其中包含不缩放图表。有没有办法用选定的缩放生成图表的 SVG 图像?

0 投票
0 回答
283 浏览

java - Vaadin 8 图表时间线,如何实现值的延迟加载

问题描述

语境

我正在尝试使用 Vaadin 图表可视化大型 XY 值数据集。由于数据集很大,我希望能够延迟加载将要加载的值。这可以通过设置修复窗口并允许用户更改日期来实现。因此,如果用户通过RangeSelector选择 startDate 和 endDate,则仅应加载这些值。

当前方法

每个点被建模为:

我尝试采用类似于在 Vaadin Grid 中实现延迟加载的方法。https://vaadin.com/blog/lazy-loading-with-vaadin-8

为了实现延迟加载,我创建了一个 DataProvider 和一个基于 DataProvider 的 SeriesDataProvider。

但是,我在 Charts 中找不到任何有关延迟加载的文档或示例。我在 DataProvider 和 SeriesDataProvider 上找到了一些注释,但它们没有明确提到延迟加载。示例中显示的 ListDataProvider 是没有延迟加载的内存解决方案。https://vaadin.com/docs/v8/charts/java-api/charts-getting-started.html

此外,我无法确定这种方法是否可用于延迟加载,以及是否可以使用 java API 在 Vaadin Charts Timeline 中进行延迟加载。

例如,DataProviderSeries Javadoc 特别声明了以下内容:

请注意,即使您使用延迟加载 DataProvider,本系列也将以一种急切的方式工作,并一次从提供程序加载所有数据。

https://demo.vaadin.com/javadoc/com.vaadin/vaadin-charts/4.0.1/com/vaadin/addon/charts/model/DataProviderSeries.html

问题

  1. 是否可以在时间轴中使用延迟加载,如果可以,如何?DataProviderSeries 的存在及其与 DataProvider 的联系表明它确实存在。然而,DataProviderSeries 的 Javadoc 另有建议。(看上面)。

  2. 在 DataProvider 系列中,有一个过滤器(上面代码中的类型 F)作为参数在查询内部传递。如何引入过滤器以便将其作为参数传递?

0 投票
0 回答
119 浏览

java - 如何从 Vaadin 图表时间轴中的 RangeSelector 获取用户选择的日期?

Vaadin 图表时间线提供了一个包含两个文本字段的 RangeSelector。 https://vaadin.com/docs/v8/charts/java-api/charts-timeline.html

这两个文本字段可用于快速输入自定义日期范围。

RangeSelector javadoc的 API似乎没有提供访问用户选择的方法,它提供了允许格式化这些文本框的方法。

是否有任何替代方法可以使用 java API 获取用户在服务器端 RangeSelector 的输入文本字段中输入的日期?

0 投票
1 回答
634 浏览

java - Vaadin 图表工具提示动态格式化程序

Vaadin Charts是否提供了一种即时格式化工具提示的方法。我想将一些逻辑绑定到工具提示上的值表示。代替 SOME_STRING,我需要reverseNormalization函数来更改值。

0 投票
2 回答
155 浏览

momentjs - 在 vaadin 图表 4.0 中包含 moment.js 以设置轴格式

您好,我正在使用 Vaadin 8 和 Vaadin 图表 4.0,并尝试根据用户格式输入和区域设置将图表的数据轴之一格式化为不同的日期时间格式。我尝试注入 moment.js 库并获得一个引用异常,说明 moment 变量不存在。我尝试了 2 种不同的方法,我在下面列出:

(1) 使用@JavaScript注解注入moment.js。

还有一个设置格式化程序的地方

(2) 我尝试在函数本身的头部附加脚本标签。

任何帮助,将不胜感激。

0 投票
1 回答
115 浏览

java - Vaadin 图表组件建议

我希望有一个类似于此图表的图表。我能够部分实现它,但我无法获得中心计数部分。如何达到同样的效果?我需要使用 SOLIDGAUGE 或 PIE 作为 ChartType 吗?

目前我使用 ChartType 作为 PIE。为了实现中心的空心部分,我正在编写下面的代码。我所取得的成就

但是现在如何将该计数(如图中的 985)放在中心?我尝试使用 DataLabels 但它不起作用。

注意:我正在使用Vaadin Charts 3.2.1、 Vaadin 7 和 Java 8