问题标签 [vaadin-charts]

我正在尝试使用 Vaadin Charts 创建一个饼图。

这段代码为图表添加了漂亮的标签，但小数点 t 后两位数就足够了。

任何想法如何在小数点后仅打印两位数？

我已经试过了

和

我向 Vaadin Charts 提供月度数据（示例）：
{[01.08.2015;1], [01.09.2015;2], [01.10.2015;3], [01.11.2015;4], [01.12.2015;5], [01.01.2016;6]}

现在我激活时间线并想使用范围选择器。不幸的是，显示 3 个月的默认“3m”不起作用。但正如你所见，我显然有 3 个月的数据。

有什么我想念的吗？

这是一个示例 JsFiddle，它使用了从 Vaadin 传输到 Highcharts 的数据并显示了所描述的行为：Fiddle

我发现自己陷入了困境。

我正在使用 Vaadin Touchkit 中的 Vaadin Charts 插件（用于 corse 的移动应用程序），并且我正在使用 Xamerin 为 Andriod 和 iPhone/iPad 开发混合应用程序。

问题是我有一个不在 iOS 平台上显示的仪表（Vaadin Chart Gauge），这是不寻常的行为，所以我想要一个具有以下约束的建议解决方案，而不是发布代码：

• Chart 对象必须是 Vaadin Charts Gauge
• 仪表图必须是 360 度。（一个圆圈）
• 仪表应该有 40 个可点击的绘图点
• 应显示仪表上的每个 Y 轴（饼图样式）

Vaadin 图表草图

非常感谢所有帮助，如果您确实需要查看我迄今为止在代码中所做的工作，我将非常乐意更新这篇文章。

附带说明一下，如果用户旋转屏幕然后将其返回到原始位置，图表会显示。

我正在尝试将文本和 SVG 图形导出为 PDF。我发现 iText 和 batik 可以做到这一点。所以我尝试这样做，但每次我放入图表时，它都会变得非常小。

我认为这可能与我的代码有关，所以我想我会尝试使用 Vaadin 的示例代码。

但是当我这样做时，我仍然得到小图。我尝试调试应用程序，图形的大小实际上是 10000x600，然后它会尝试对其进行缩放以适应。

所以我尝试手动将大小设置为 400x600，没有骰子。我尝试强制 SVG 上的大小 - 没有骰子。如果我制作它，我认为它太大了，那么它只会显示一个带有阴影的 1x1cm 小盒子。该示例的输出如下所示。

我真的希望有人能提供帮助。

更新 当我删除这两行时：

并对尺寸进行硬编码，它有点工作。但是图像本身仍然很大，似乎无法适应它。参见例如：

我在将图表转换为 PDF 时遇到了一些麻烦。最近我发布了这个：使用 iText 和 batik 生成 PDF，按照建议对比例进行一些调整来解决这个问题。

我在 Windows 10 机器上的本地 glassfishserver 上运行 amy testenviroment，当我导出为 PDF 时，我现在实际上得到了一个漂亮的结果。

但是当我将结果推送到 RHEL 服务器时，结果就不同了。网站上显示的图表很棒，但是当我导出为 pdf 时，我得到了这个：

如您所见，标题被向下推，由于某种原因，带有标签的 Y 轴被裁剪，并且数据标签被挤压在一起。我尝试过使用不同的音阶，有和没有 scaletofit、scaletoabsolute 等等，但无论我做什么，它都会一直在做那种奇怪的事情。

有没有人知道发生了什么 - 甚至更好的是，如何解决它？我已经仔细检查了 phantomjs 是相同的版本，以确保 SVG 是正确的。

代码如下：

更新我尝试从磁盘读取 SVG 文件，我知道它是正确的，并且正确地放在 PDF 中。所以问题出在 SVG 生成器的某个地方。有人知道吗？

我用以下代码创建了一个 Vaadin 饼图。

我需要动态更新我的图表。我尝试了以下操作（只要有新数据可用，就会执行此代码）。

添加新项目：

更新现有项目：

但以上都没有奏效。

我能找到的唯一解决方案是清除图表 ( chart.clear())，重新填充数据系列并重新绘制图表 ( chart.drawChart())。

这种方法不是最优的，因为它会重新绘制图表，而且图表中的选择也会丢失。

饼图是否支持动态更新？任何人都可以提出解决此问题的方法吗？

我正在尝试构建这样的图表： 使用 vaadin-charts 为 angular2，除了现在我有两种颜色，因为我正在比较两个不同的来源。我的月份显示正确，但我不知道如何将月份分类为季度。

https://vaadin.com/docs/-/part/charts/webcomponents-api/charts-configuration.html#charts.configuration.axes.categories

这是我到目前为止所得到的：

从下面的 VAADIN 图表演示链接中，您可以看到一个基本的条形图，

https://demo.vaadin.com/charts/#BasicColumn

我们在这里看到的条形颜色来自 CSS 文件，而不是 JAVA 源代码文件。有没有办法设置或获取此条的颜色？

请注意：

1）我不能使用 DataSeries 代替 ListSeries，因为 Data Series 无法实现如上面链接中所示的视图（或者我不知道）。

2）我已经检查过与我类似的其他堆栈溢出问题，但没有一个可以回答这个问题。

如何在图表中添加光标hover监听器？vaadin

我想将光标的图标更改为手形或类似图标以指示图​​表中的条形可单击？

以下是我正在使用的格式化程序。

如何：

1) 保留两位小数的四舍五入值

2) 使用日期格式，如 2016 年 11 月 30 日

请协助。