Vaadin 的图表组件
有谁知道 vaadin 框架的数据可视化 UI 组件库(图表、饼图等)?
Does anyone knows about any UI component library for data visualization (charts, pies, etc.) for vaadin framework?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(7)
我建议使用 dChart:
https://vaadin.com/directory#!addon/dcharts-widget
这不是与 vaadin 图表一样完美,但它是免费的。它可以为您提供图表上的所有事件。我正在使用它,效果非常好。
这是它的演示:
http://vaadin.dussan.org/dchartsdemo/
I suggested dChart:
https://vaadin.com/directory#!addon/dcharts-widget
It's not as perfect as vaadin charts, but it's free. And it can give you all events on the charts. I am using it and it's very good.
Here is its demo:
http://vaadin.dussan.org/dchartsdemo/
您可以使用 jfree.org/jfreechart 上的 JFreeChart 库,并使用 http://vaadin.com/directory#addon/jfreechart-wrapper-for-vaadin。
此外,JFree 上有一个名为 Eastwood 的 Google 图表工具/可视化 API 实现,它不需要连接到网络(即不连接到 google 服务器)来创建图表,但它缺少一些更高级的组件。
如果您习惯使用 google 创建图表并需要持续的网络连接,则可以使用插件 VisualizationsForVaadin(也在 Vaadin 目录中)直接集成 google 图表工具。
这些是我所知道的,也有兴趣了解更多建议。
you could use the JFreeChart Library at jfree.org/jfreechart and integrate it into vaadin using the JFreeChart-Wrapper addon from http://vaadin.com/directory#addon/jfreechart-wrapper-for-vaadin.
Additionally, there is an implementation of the Google Chart Tools / Visualization API called Eastwood at JFree that does not need a connection to the web (i.e. does not connect to google servers) for chart creation, but it's missing some more advanced components.
If you are comfortable with google creating your charts and needing a constant web connection, you could use the addon VisualizationsForVaadin, also at the Vaadin Directory, for direct integration of the google charting tool.
These are the ones I know of, would also be interested in additional suggestions.
Vaadin Charts 2
Vaadin Charts 附加库在提出此问题时不可用,但我认为这是现在合理的方法。
有关详细信息,请参阅:
版本 2 2014 年 12 月发布。
商业产品
Vaadin Charts 是来自 Vaadin 公司的商业产品,不是免费的-成本。您向 Vaadin 支付的费用包括 Highcharts 的许可证,这是 Vaadin Charts 构建的 JavaScript 图表引擎。该费用按开发者收取,可以是当前版本的一次性费用,也可以是 Pro 的持续每月费用- 工具订阅,包括一些其他产品以及任何新版本 Vaadin Charts 的许可证。
范围广泛的
Vaadin Charts 生成各种各样的图表 ,既有吸引力又有用。 Vaadin Charts 包含与 Valo、驯鹿,以及其他外观。
(来源: vaadin.com)
Vaadin Charts 2
The Vaadin Charts add-on library was not available at the time of this Question, but I think is the reasonable way to go now.
For more info, see:
Version 2 arrived 2014-12.
Commercial Product
Vaadin Charts is a commercial product from the Vaadin company, not free-of-cost. Your fee to Vaadin includes a license for Highcharts, the JavaScript charting engine on which Vaadin Charts is built. The fee is per-developer, either a one-time fee for the current version or an on-going monthly fee for Pro-Tools subscription that includes licenses to some other products along with any new versions of Vaadin Charts.
Wide-Ranging
Vaadin Charts produces a wide-variety of charts, attractive as well as useful. Vaadin Charts includes themes to match Valo, Reindeer, and other looks.
(source: vaadin.com)
在 Vaadin 目录中搜索选项:http://vaadin.com/directory
或者您可以嵌入任何其他图表库。例如FusionCharts。
Take a search at the Vaadin Directory for options: http://vaadin.com/directory
Or you could embed any other charting library. For example FusionCharts.
invientcharts 的 vaadin highcharts 插件非常好:
https://vaadin.com/directory#addon/invient-charts
该插件是 Apache 2.0,但 Highcharts 是一个商业库,但就其功能而言并不昂贵!
The vaadin highcharts addon from invientcharts is very good:
https://vaadin.com/directory#addon/invient-charts
The addon is Apache 2.0, but Highcharts is a commercial library, but not expensive for what it does!
经过一番研究后,我选择了 Invent 图表。它是唯一一个具有丰富的图表功能并通过图表元素上的选择事件支持动态行为的
库。事实上,Google Visualization 也支持该功能,但该库需要连接到 google.com,并且实际上有一个 条形图选择事件中的错误。
在 Vaadin 7 发布后,可以更轻松地与 JavaScript 库集成,我们可能会期待更多的插件......
After a through research I have chosen the Invient Charts. It is the only one that has a rich charting functionality and support dynamic behaviour by selection events on chart elements
To be true, Google Visualisation also support that feature, but the library requires connection to google.com and there is actually a bug in bar chart selection events .
After release of Vaadin 7 with easier integration with JavaScript libraries we may expect a lot more plugins...
还有一个免费开源的 Polymer 组件:
Highcharts-Chart
。它提供与 vaadin-charts 相同的功能,具有完整的数据绑定和单元素设计。它还支持:这是一个小型演示。
There is also a free and open-source Polymer Component:
Highcharts-Chart
. It offers the same functionality asvaadin-charts
with complete data-binding and single-element design. It also has support for:Here's a small demo.