位置: 编程技术 - 正文

使用EVAL处理jqchart jquery 折线图返回数据无效的解决办法(eval()方法)

编辑:rootadmin

推荐整理分享使用EVAL处理jqchart jquery 折线图返回数据无效的解决办法(eval()方法),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:eval语句,编程中eval,eval在js,eval在js,eval在js,eval语句,eval函数的使用java,eval在js,内容如对您有帮助,希望把文章链接给更多的朋友!

eval函数可以把一些处理过程序代码进行解析从而达到可以执行的一个状态,查了很多帖子,jqchart插件做折线图时,处理返回数据时全都是eval,但我怎么也弄不出来,后来发现:

1、根本不需要eval处理,直接截取字符串即可(返回值要拼接好);

2、处理好的字符串放进series的data里要加上[];

下面是代码:

html页面<body>标签里面只放了一个<div id="jqChart" style="width: px; height: px;"></div>;

后台处理页面我就用简单的php弄了,别的也不会

肯定还有更好的方法 只是我刚开始学,慢慢摸索

相信解决办法不止以上所述,肯定还有更好的解决办法,欢迎大家共同学习进步。

ps:ajax读取数据,使用jqchart显示图表

最近项目中需要显示出图表效果,原来收集到的图表插件终于有用武之地了。

但是和jqchart对比,还是有很多不同之处的。

使用EVAL处理jqchart jquery 折线图返回数据无效的解决办法(eval()方法)

实现效果:

我就对jqchart进行了重新编写。

首先要解决的是不显示x轴和y轴:

其次,对于拐点的文字,原来显示是相应的data值,现在需要显示的是对应的x轴名称:

使用默认的数据可以显示出来了。接下来就是和开发的协作了。

我希望可以使用ajax异步获取数据,然后在前台显示。

这里,我使用了一个示例页面chartdata.html, 即需要的数据页

[{labelX : ["外观设计","便携性","易用性","电池待机","摄像功能","变焦"],data :[[5,7,2,3,9,4]]}]

在前台,我通过ajax请求该页面,对返回的json数据进行处理,传递给chartSetting:

完整的html页面:

OK,大功告成! 完整示例我会放到我的资源里。

好久都没有用jquery ajax了,拼json数据都有些生疏了。还是喜欢开发这种有逻辑性的工作....

Jquery检验手机号是否符合规则并根据手机号检测结果将提交按钮设为不同状态 项目需求:输入手机号,实时判断手机号输入的是否符合规则:如果不合规则,则提交按钮为禁用状态,手机号信息不可提交,按钮显示灰色背景;如

Jquery中request和request.form和request.querystring的区别 Request.Form是获取以POST方式提交的表单数据;Request.QueryString主要是获取地址栏参数或者以Get方式提交的数据而Request则包含以上两种方式,会在Request.QueryS

jQuery实现的AJAX简单弹出层效果代码 本文实例讲述了jQuery实现的AJAX简单弹出层效果。分享给大家供大家参考,具体如下:运行效果截图如下:具体代码如下:!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Tr

本文链接地址:https://www.jiuchutong.com/biancheng/373842.html 转载请保留说明!

上一篇:创建自己的jquery表格插件(创建自己的app外卖平台)

下一篇:Jquery检验手机号是否符合规则并根据手机号检测结果将提交按钮设为不同状态(jsp手机号验证)

免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

鄂ICP备2023003026号

网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

友情链接: 武汉网站建设 电脑维修 湖南楚通运网络