2013年12月18日
摘要: JS动态改变select选择变更option的index值收藏document.getElementById("louyuming").options[0].selected=true;function jsSelectIsExitItem(objSelect, objItemValue) { var isExit = false; for (var i = 0; i = 0; i--){ if(objSelect[i].selected == true){ objSelect.options[i] = null; } } } 1判断select选项中 是否存在Value= 阅读全文
posted @ 2013-12-18 16:48 diycp 阅读(2286) 评论(0) 推荐(0) 编辑
摘要: 交互式图表是Web应用中不可或缺的一部分,一个优秀的图表,不仅可以令数据一目了然,而且可以极大地增强应用的用户体验。本文带来10个非常酷的JavaScript图表库,有简单的也有复杂的,以满足不同的需求。1. Cubism.js一个基于D3.js的插件,可以实时显示时间序列。D3.js是一个针对HTML和SVG的JavaScript可视化库。源码/演示2. RGraph一个HTML5 JavaScript图表库,支持20多种不同类型的图表。源码/演示3. Cytoscape Web一个开源的图形可视化库,基于jQuery编写。源码/演示4. sigma.js一个开源的轻量级JavaScript 阅读全文
posted @ 2013-12-18 10:57 diycp 阅读(222) 评论(0) 推荐(0) 编辑
摘要: 图表(Chart)能直观的展示数据,但静态图片图表缺乏交互性,更新维护起来比较麻烦。看看有哪些比较好的Javascript图表脚本吧。12款Javascript图表插件。1. XML SWF Charts (演示地址)XML SWF Charts是一个简单,但强大,利用Flash和动态生成XML数据来产生web chart的工具。当前支持的Charts类型包括:2. CSS for Bar Graphs用XHTML CSS实现各种柱状图(Bar Graph)的示例。3. FusionCharts FreeFree版本的FusionCharts提供了22种不同的图表(与22个.swf文件相对应) 阅读全文
posted @ 2013-12-18 10:53 diycp 阅读(465) 评论(0) 推荐(0) 编辑
摘要: 近日国外某网站发表了一篇JavaScript图表插件的介绍,jQuery插件中包含了许多强大的图表绘制插件,不过这里介绍的这些插件并不是jQuery附带的。它们的性能也十分出色,有望成为Flash在这一领域的强有力的竞争对手。我们来领略一下它们的风采:1)Emprise Javascript Charts图表类型:折线图、柱状图、饼形图、函数图、面积图、散点图、趋势图、模拟仪表图、K线图、浮动柱状图、堆叠柱状图。Emprise是一个真正的强大的纯Javascript图表插件。包括放大、交互、堆叠以及内建的Ajax功能。在所有jQuery图表插件和其它Javascript插件以及Flash中,它 阅读全文
posted @ 2013-12-18 10:51 diycp 阅读(502) 评论(0) 推荐(0) 编辑
摘要: pChart是一个开源的图表生成库,主要涉及3个Class:pChart.class, pData.class, pCache.class,可生成20多种简单或复杂的图表,支持PNG,JPG,GIF通用图片格式。数据源可以来自于Database,CSV,当然也可以手写。使用该程序PHP需要开启GD服务,先来看看pChart的工作流程:主要分为三步:* 读取用于生成图表数据(数据库、文件)* 设计图表样式(圆角、底色等)* 制作标签、题目、图例并生成图表下面看一个简单的柱状图表:代码如下:AddPoint(array(1,4,-3,2,-3,3,2,1,0,7,4),"Serie1&q 阅读全文
posted @ 2013-12-18 10:36 diycp 阅读(1617) 评论(0) 推荐(0) 编辑