栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

JSF,HighCharts和JS

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

JSF,HighCharts和JS

尚未使用highcharts,但我使用其他图表库…

我将向您提供有关如何将基于js的图表目录与JSF结合的一般说明(我敢肯定还有其他方式,例如使用servlet等)。

1)在您的JSF项目中构建一个工作的“硬编码” js唯一示例,包括库所需的相关* .js文件,向页面添加所需的“容器”
div,最后写成用于构建图表的js脚本硬编码值

2)将您的硬编码值放入Bean String属性中,并在.xhtml页面中将该属性的ref’放入类似内容,

<h:inputHiddenid="chart_input_data" value="#{myBean.valueOfChart}" />
然后在js代码中进行访问

//I used jQuery selectors....var data_for_chart = $('input[id$="chart_input_data"]').val(); //you can use a simpler selector like $("#chart_input_data") too

而不是将变量

data_for_chart
用作图表
series
输入(或用于图表构造函数的任何参数)

3)最后,我猜想您想将Pojos的一些列表转换为正确的json格式,这对于HigthCharts承包商而言,最像是“像手套一样适合”,您可以使用

Gson
库来实现,例如
gson.toJson(yourListOfValues)
参见Gson用户指南

注意

这种技术应适用于所有图表库的,例如

flot
flotr2
gRaphael
jqPlot
和更多…



转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/452836.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号