【问题标题】:jqPlot in xpagesxpages中的jqPlot
【发布时间】:2013-04-11 11:06:45
【问题描述】:

有没有人使用 jqPlot 在 XPages 中构建图形?如果有人有,您是否需要拥有 xpages 扩展库?除了 Dojo,还有人在 xpages 中使用过任何其他绘图工具吗?

我正在关注本教程,但我不知道如何将 JSON 值全部放在一列中,如屏幕截图所示。

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

本教程还说“您需要在属性定义选项卡中定义一些复合数据,以便您可以将这些值作为变量传递给 jqPlot。” XPages 是否已经内置了 jqPlot?

【问题讨论】:

  • 1.是的,2. 没有,3. 是的,4. 没有

标签: json xpages jqplot lotus-domino


【解决方案1】:

艾欧娜

“..你需要xpages扩展库吗..”

ANS:Extension Library(Ext Lib) 对于本例来说不是必需的。 Ext lib 旨在快速开发将在 XPages 中频繁重用的某些常见功能。 IE。 REST 服务,名称选择器。

"..XPages 中是否已经内置了 jqPlot?.."

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

"...除了 Dojo 之外,还有人在 xpages 中使用过任何其他绘图工具吗?..."

答:还有很多其他的绘图工具可以使用,比如 KendoUI、Highcharts、谷歌图表。只要绘图工具是基于 js 的,您应该能够相当轻松地将它与 XPages 集成。

“..我不知道如何在一列中获取所有 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

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

ANS:仅当您想遵循示例或者如果您想创建一个可重用的自定义组件来绘制具有一组给定值的图表时,上述内容才是正确的。 CompositeData 是 XPages 的自定义控件中内置的一项功能,它允许从嵌入在另一个自定义控件中的一个自定义控件接收值。下面是如何在示例中定义和实现 CompositeData 的示例。

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

很遗憾,我还不能发布任何图片。您必须点击链接才能查看图像。无论如何,我希望答案有所帮助。

干杯, 会

【讨论】:

    【解决方案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 呈现条形图

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

    【讨论】:

    • 感谢 stwissel 的评论,我一直在尝试按照步骤操作。我现在有 JSON 格式的数据链接这个 ("["+@Text(temp1)+","+@Text(threshold1)+","+@Text(time1)+"]")。我正在从视图中检索数据。我假设您向我发送链接的代码需要进入 JS 脚本库(因为我使用的是 xpages)?我正在尝试绘制一个包含 3 行的折线图,我认为代码应该可以完成这项工作?
    • 是的。 SSJS 进入脚本库。 JS 可能需要修改,因为您需要一条线而不是条形图。 d3js.org 网站详细介绍了如何绘制您选择的图表
    猜你喜欢
    • 2019-06-07
    • 2012-04-23
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多