xpages中的jqPlot

Question

有人在XPages中使用过jqPlot构建图形吗？如果有人需要xpages扩展库，那么您是否需要xpages扩展库？除了Dojo之外，还有人使用过xpages中的其他绘图工具吗？

我正在学习本教程，但我不知道如何像截图所示将所有JSON值都放在一个列中。

http://blog.wilhow.net/2013/03/17/charting-104-in-xpages-connecting-to-notes-document/

本教程还指出，“您需要在Property Definition选项卡中定义一些复合数据，以便可以将这些值作为变量传递到jqPlot中。”XPages是否已经内置了jqPlot？

Answer 1

爱奥娜

"..did您需要有xpages扩展库..“

ANS:本示例不需要扩展库(Ext Lib)。Ext库适合于快速开发某些将在XPages中频繁重用的通用功能。即。REST服务，名称Picker。

"..Does XPages已经内置了jqPlot？.“

答:不是。jpPlot是独立于XPages构建和维护的外部库。

“除了Dojo...之外，...Anyone还使用了xpages中的任何其他绘图工具？”

答:你可以使用很多其他的绘图工具，比如KendoUI，Highcharts，google charts。只要绘图工具是基于js的，就应该能够相当容易地将其与XPages集成。

"..I不知道如何在一列中获取所有JSON值。“

ANS:该特定列的列公式如下所示。IE、FF、CH、SA、OP都是字段名。http://wilhow.files.wordpress.com/2013/04/screen-shot-2013-04-11-at-8-36-09-pm.png

“在属性定义选项卡中...define一些复合数据...”

ANS:只有当您想要遵循示例，或者想要创建一个可重用的自定义组件来绘制具有一组给定值的图表时，上述情况才是正确的。CompositeData是内置在XPages的自定义控件中的一个特性，允许从一个嵌入到另一个自定义控件中的自定义控件接收值。下面是示例中如何定义和实现CompositeData的示例。

http://wilhow.files.wordpress.com/2013/04/compositedata1.png

不幸的是，我还不能发布任何图片。您必须按照链接查看图像。无论如何，我希望答案能有所帮助。

干杯，Wil xpages xpages-ssjs lotus-notes lotus-dominojqplot

Answer 2

我是D3JS的铁杆粉丝。虽然它有一个相当陡峭的学习曲线(就像Ariadne飞行路线)，但它的功能非常灵活。为了获得JSON格式的数据，我使用了一个outputScript标记和一个自定义参数。因此，在outputScript中，我有一行类似var data = #{compositeData.data};的代码，并使用SSJS提供数据。

我有以下代码来确保加载d3js：

XSP.addOnLoad(function() {
var scriptTag = "<script src=\"http://d3js.org/d3.v3.min.js\"><\/script>";
window.d3 || document.write(scriptTag);
})

但是您也可以从Domino服务器加载它。在XSnippets中有更多你需要汇编所有这些的代码：

从视图中检索数据的SSJS

• 条形图呈现JS

祝你好运(是的，这是我博客中未完成的草稿之一)