使用jQuery绘制折线图的一个问题(jqplot 多条折线图插件), 求帮助。

功能概述:
有多种图表样式可供选择
可以自定义日期轴线
可设置旋转轴文字
自动计算趋势线
工具条提示和高亮数据点
默认最优设置,非常易于使用
以上功能在jqPlot主页中的示例页面有 很多直观的展示。这里是它详细使用文档。
缺点:柱状图无法显示具体数据值。饼状图无法显示具体百分比。
下边是搜集的详细参数配置:
seriesColors: [ &#4bb2c5&, &#c5b47f&, &#EAA228&, &#579575&, &#839557&, &#958c12&,
&#953579&, &#4b5de4&, &#d8b83f&, &#ff5800&, &#0085cc&], // 默认显示的分类颜色,
//如果分类的数量超过这里的颜色数量,则从该队列中第一个位置开始重新取值赋给相应的分类
stackSeries: false, // 如果置为true并且有多个分类(如果是折线图,就必须多于一条折线),
// 那么每个分类(折线)在纵轴上的值为其前所有分类纵轴值总和与其纵
//轴值相加值(eg,当前分类纵轴值为Y3
//,其前有Y2,Y1,那么他显示在Y轴上值为Y2+Y3+Y1,目前该属性支持线图和柱状图
title: '', //设置当前图的标题
text: '', // 设置当前图的标题
show: true,//设置当前标题是否显示
axisDefaults: {
show: false, // wether or not to renderer the axis. Determined automatically.
min: null, // 横(纵)坐标显示的最小值
max: null, // 横(纵)坐标显示的最大值
pad: 1.2, // 一个相乘因子,
//(数据在横(纵)轴上最大值-数据在横(纵)轴上最小值)*pad值=该轴显示的横(纵)坐标区间长度
// 该轴显示的横(纵)坐标区间长度=横(纵)坐标显示的最大值-横(纵)坐标显示的最小值
//如果设置了max和min的值的话,那么会优先考虑min和max设置的值
ticks: [], //设置横(纵)坐标的刻度上的值,可为该ticks数组中的值,
// a 1D [val1, val2, ...], or 2D [[val, label], [val, label], ...]
numberTicks: undefined, //一个相除因子,用于设置横(纵)坐标刻度间隔
//横(纵)坐标刻度间隔值=横(纵)坐标区间长度/(numberTicks-1)
tickInterval:'', //横(纵)坐标刻度间隔值,可为日期字符串
renderer: $.jqplot.LinearAxisRenderer, // 设置横(纵)轴上数据加载的渲染器,有dateAxisRenderer(参见本文最后相关介绍) 。
rendererOptions: {}, // 设置renderer的Option配置对象,线状图不需要设置
//不同图表的Option配置对象请参见下面《jqPlot各个不同插件的Option对象设置》
//中各个图表的配置Option对象
tickOptions: {
mark: 'outside', // 设置横(纵)坐标刻度在坐标轴上显示方式,分为坐标轴内,外,穿过坐标轴显示
// 值也分为:'outside', 'inside' 和 'cross',
showMark: true, //设置是否显示刻度
showGridLine: true, // 是否在图表区域显示刻度值方向的网格线
markSize: 4, // 每个刻度线顶点距刻度线在坐标轴上点距离(像素为单位)
//如果mark值为 'cross', 那么每个刻度线都有上顶点和下顶点,刻度线与坐标轴
//在刻度线中间交叉,那么这时这个距离&2,
show: true, // 是否显示刻度线,与刻度线同方向的网格线,以及坐标轴上的刻度值
showLabel: true, // 是否显示刻度线以及坐标轴上的刻度值
formatString: '', // 梃置坐标轴上刻度值显示格式,eg:'%b %#d, %Y'表示格式&月 日,年&,&AUG 30,2008&
fontSize:'10px', //刻度值的字体大小
fontFamily:'Tahoma', //刻度值上字体
angle:40, //刻度值与坐标轴夹角,角度为坐标轴正向顺时针方向
fontWeight:'normal', //字体的粗细
fontStretch:1//刻度值在所在方向(坐标轴外)上的伸展(拉伸)度
showTicks: true, /// 是否显示刻度线以及坐标轴上的刻度值
showTickMarks: true, //设置是否显示刻度
useSeriesColor: true //如果有多个纵(横)坐标轴,通过该属性设置这些坐标轴是否以不同颜色显示
// 设置同 axisDefaults
// 设置同 axisDefaults
// 设置同 axisDefaults
// 设置同 axisDefaults
seriesDefaults: {//如果有多个分类,这可通过该配置属性设置各个分类的共性属性
show: true, // 设置是否渲染整个图表区域(即显示图表中内容)
xaxis: 'xaxis', // either 'xaxis' or 'x2axis'.
yaxis: 'yaxis', // either 'yaxis' or 'y2axis'.
label: '', // 用于显示在分类名称框中的分类名称
color: '', // 分类在图标中表示(折现,柱状图等)的颜色
lineWidth: 2.5, // 分类图(特别是折线图)哪宽度
shadow: true, // 各图在图表中是否显示阴影区域
shadowAngle: 45, // 参考grid中相同参数
shadowOffset: 1.25, // 参考grid中相同参数
shadowDepth: 3, // 参考grid中相同参数
shadowAlpha: 0.1, // 参考grid中相同参数
showLine: true, //是否显示图表中的折线(折线图中的折线)
showMarker: true, // 是否强调显示图中的数据节点
fill: false, // 是否填充图表中折线下面的区域(填充颜色同折线颜色)以及legend
//设置的分类名称框中分类的颜色,此处注意的是如果fill为true,
//那么showLine必须为true,否则不会显示效果
fillAndStroke: false, //在fill为true的状态下,在填充区域最上面显示一条线(如果是折线图则显示该折线)
fillColor: undefined, // 设置填充区域的颜色
fillAlpha: undefined, // 梃置填充区域的透明度
renderer: $.jqplot.PieRenderer, // 利用渲染器(这里是利用饼图PieRenderer)渲染现有图表
//,从而转换成所需图表
rendererOptions: {}, // 传给上个属性所设置渲染器的option对象,线状图的渲染器没有option对象,
//不同图表的Option配置对象请参见下面《jqPlot各个不同插件的Option对象设置》
//中各个图表的配置Option对象
markerRenderer: $.jqplot.MarkerRenderer, // renderer to use to draw the data
// point markers.
markerOptions: {
show: true, // 是否在图中显示数据点
style: 'filledCircle', // 各个数据点在图中显示的方式,默认是&filledCircle&(实心圆点),
//其他几种方式circle,diamond, square, filledCircle,
// filledDiamond or filledSquare.
lineWidth: 2, // 数据点各个的边的宽度(如果设置过大,各个边会重复,会显示的类似于实心点)
size: 9, // 数据点的大小
color: '#666666' // 数据点的颜色
shadow: true, // 是否为数据点显示阴影区(增加立体效果)
shadowAngle: 45, // 阴影区角度,x轴顺时针方向
shadowOffset: 1, // 参考grid中相同参数
shadowDepth: 3, //参考grid中相同参数
shadowAlpha: 0.07 // 参考grid中相同参数
isDragable: true,//是否允许拖动(如果dragable包已引入),默认可拖动
series:[//如果有多个分类需要显示,这在此处设置各个分类的相关配置属性
//eg.设置各个分类在分类名称框中的分类名称
//[label: 'Traps Division'},{label: 'Decoy Division'},{label: 'Harmony Division'}]
//配置参数设置同seriesDefaults
show: false,//设置是否出现分类名称框(即所有分类的名称出现在图的某个位置)
location: 'ne', // 分类名称框出现位置, nw, n, ne, e, se, s, sw, w.
xoffset: 12, // 分类名称框距图表区域上边框的距离(单位px)
yoffset: 12, // 分类名称框距图表区域左边框的距离(单位px)
background:'' //分类名称框距图表区域背景色
textColor:'' //分类名称框距图表区域内字体颜色
..其他关于样式设计参考官方文档
drawGridLines: true, // wether to draw lines across the grid or not.
gridLineColor: '#cccccc' // 设置整个图标区域网格背景线的颜色
background: '#fffdf6', // 设置整个图表区域的背景色
borderColor: '#999999', // 设置图表的(最外侧)边框的颜色
borderWidth: 2.0, //设置图表的(最外侧)边框宽度
shadow: true, // 为整个图标(最外侧)边框设置阴影,以突出其立体效果
shadowAngle: 45, // 设置阴影区域的角度,从x轴顺时针方向旋转
shadowOffset: 1.5, // 设置阴影区域偏移出图片边框的距离
shadowWidth: 3, // 设置阴影区域的宽度
shadowDepth: 3, // 设置影音区域重叠阴影的数量
shadowAlpha: 0.07 // 设置阴影区域的透明度
renderer: $.jqplot.CanvasGridRenderer, // renderer to use to draw the grid.
rendererOptions: {} // options to pass to the renderer. Note, the default
// CanvasGridRenderer takes no additional options.
/************************jqPlot各个不同插件的Option对象设 置******************************/
// BarRenderer(设置柱状图的Option对象)
//该Option对象适用与柱状图的series和seriesDefault属性的相关配置对象设置
seriesDefaults: {
rendererOptions: {
barPadding: 8, //设置同一分类两个柱状条之间的距离(px)
barMargin: 10, //设置不同分类的两个柱状条之间的距离(px)(同一个横坐标表点上)
barDirection: 'vertical', //设置柱状图显示的方向:垂直显示和水平显示
//,默认垂直显示 vertical or horizontal.
barWidth: null, // 设置柱状图中每个柱状条的宽度
shadowOffset: 2, // 同grid相同属性设置
shadowDepth: 5, // 同grid相同属性设置
shadowAlpha: 0.8, // 同grid相同属性设置
// Cursor(光标)
// 鼠标移动到图中时,鼠标在图中显示形式,常与和高亮功能同时使用
//此外,通过设置该属性的zoom相关属性来对图中某个区域钻取(就选定区域放大)
//该配置对象直接在option下配置
style: 'crosshair', //当鼠标移动到图片上时,鼠标的显示样式,该属性值为css类
show: true, //是否显示光标
showTooltip: true, // 是否显示提示信息栏
followMouse: false, //光标的提示信息栏是否随光标(鼠标)一起移动
tooltipLocation: 'se', // 光标提示信息栏的位置设置。如果followMouse=true,那么该位置为
//提示信息栏相对于光标的位置。否则,为光标提示信息栏在图标中的位置
// 该属性可选值: n, ne, e, se, etc.
tooltipOffset: 6, //提示信息栏距鼠标(followMouse=true)或坐标轴(followMouse=false)的位置
showTooltipGridPosition: false,//是否在信息提示栏中显示光标位置(取其据图标左和上边缘线像素距离)
showTooltipUnitPosition: true,// 是否显示提示光标所在位置(取其在横纵轴上数据值)的信息栏
//注:注意此处与showTooltipGridPosition值区别,前者显示坐标值,该处显示的是数据值
tooltipFormatString: '%.4P', // 同Highlighter的tooltipFormatString
useAxesFormatters: true, // 同Highlighter的tooltipFormatString
tooltipAxesGroups: [], // show only specified axes groups in tooltip. Would specify like:
// [['xaxis', 'yaxis'], ['xaxis', 'y2axis']]. By default, all axes
// combinations with for the series in the plot are shown.
// Dragable(拖动)
//该配置对象通过seriesDefaults和series配置对象进行配置
seriesDefaults: {
dragable: {
color: undefined, // 当拖动数据点是,拖动线与拖动数据点颜色
constrainTo: 'none', //设置拖动的的范围: 'x'(只能在横向上拖动),
// 'y'(只能在纵向上拖动), or 'none'(无限制).
// Highlighter(高亮)
//设置高亮动作option属性对象
//鼠标移动到某个数据点上时,该数据点增大并显示提示信息框
//该配置对象直接在option下配置
highlighter: {
lineWidthAdjust: 2.5, //当鼠标移动到放大的数据点上时,设置增大的数据点的宽度
// 目前仅适用于非实心数据点
sizeAdjust: 5, // 当鼠标移动到数据点上时,数据点扩大的增量增量
showTooltip: true, // 是否显示提示信息栏
tooltipLocation: 'nw', // 提示信息显示位置(英文方向的首写字母): n, ne, e, se, s, sw, w, nw.
fadeTooltip: true, // 设置提示信息栏出现和消失的方式(是否淡入淡出)
tooltipFadeSpeed: &fast&//设置提示信息栏淡入淡出的速度: slow, def, fast, 或者是一个毫秒数的值.
tooltipOffset: 2, // 提示信息栏据被高亮显示的数据点的偏移位置,以像素计。
tooltipAxes: 'both', // 提示信息框显示数据点那个坐标轴上的值,目前有横/纵/横纵三种方式。
//值分别为 x, y or xy.
tooltipSeparator: ', ' // 提示信息栏不同值之间的间隔符号
useAxesFormatters: true // 提示信息框中数据显示的格式是否和该数据在坐标轴上显示格式一致
tooltipFormatString: '%.5P' // 用于设置提示信息框中数据显示的格式,前提条件是useAxesFormatters
// 为false. 此时信息提示框中数据格式不再与坐标轴一致,而是以此为准
//同时,该属性还支持html格式字符串
//eg:'hello %.2f'
// LogAxisRenderer(指数渲染器)
// 该渲染器只有两个属性, 指数渲染器通过axesDefaults和axes配置对象进行配置
axesDefaults: {
base: 10, // 指数的底数
tickDistribution: 'even', // 坐标轴显示方式:'even' or 'power'. 'even' 产生的是均匀分布于坐标
//轴上的坐标刻度值 。而'power' 则是根据不断增大的增数来确定坐标轴上的刻度
// PieRenderer(设置饼状图的OPtion对象)
// 饼状图通过seriesDefaults和series配置对象进行配置
seriesDefaults: {
rendererOptions: {
diameter: undefined, // 设置饼的直径
padding: 20, // 饼距离其分类名称框或者图表边框的距离,变相该表饼的直径
sliceMargin: 20, // 饼的每个部分之间的距离
fill:true, // 设置饼的每部分被填充的状态
shadow:true, //为饼的每个部分的边框设置阴影,以突出其立体效果
shadowOffset: 2, //设置阴影区域偏移出饼的每部分边框的距离
shadowDepth: 5, // 设置阴影区域的深度
shadowAlpha: 0.07 // 设置阴影区域的透明度
//pointLabels(数据点标签)
//用于在数据点所在位置显示相关信息(非提示框性质)
seriesDefaults: {
pointLabels: {
location:'s',//数据标签显示在数据点附近的方位
ypadding:2 //数据标签距数据点在纵轴方向上的距离
// Trendline(趋势线)
// 饼状图通过seriesDefaults和series配置对象进行配置
seriesDefaults: {
trendline: {
show: true, // 是否显示趋势线
color: '#666666', // 趋势线颜色
label: '', // 趋势线名称
type: 'linear', //趋势线类型'linear'(直线), 'exponential'(幂值数线) or 'exp'
shadow: true, // 同grid相同属性设置
lineWidth: 1.5, // 趋势线宽度
shadowAngle: 45, // 同grid相同属性设置
shadowOffset: 1.5, // 同grid相同属性设置
shadowDepth: 3, // 同grid相同属性设置
shadowAlpha: 0.07 // 同grid相同属性设置
前边也讲过一个基于java的图形报表,功能及外观也不错,但存在通用性的问题。所以我们来学一个具有易用性+兼容性+可扩展性的js图表插件。
jqPlot是一款基于jquery类库的图标绘制插件。通过jqPlot可以再网页中绘制线状、柱状、饼状等多种样式图表。而且,jqPlot具有插件可扩展性(Pluggability),你可以编写自己的图表样式。
官方地址: http://www.jqplot.
jqplot是一款非常不错的基于jquery的图表插件,这篇文章主要帮助大家整理了jqplot的中文使用说明和在线示例及源码下载。jqplot插件在支持HTML5的浏览器上将会在canvas上呈现图表。
引入脚本文件
jqplot需要1.4.3以上的jquery版本支持,刚才说过了,jqplot在支持HTML5 Canvas的浏览器上将以canvas呈现,否则,如果你在IE9以下版本
在线演示 http://demo.jb51.net/js/jquery_baobiao/index.html 打包下载 http://xiazai.jb51.net/201101/yuanma/jquery_baobiao.rar
&script type=&text/javascript&& $(funct
jqplot是基于一个基本的jqplot.js文件,并有多个js文件支持的插件――也就是说jqplot.js文件只能支持线状图的绘制,对于饼状图,柱状图等图形需要引入pieRenderer.js等文件。 这里参照jqPlot的官方文档,以饼状图为例简单的说一下jqPlot的用法: 第一步,引入js文件(如果是画线状图之外的其他图表,需要引入相关js文件,这里引入饼状图文件pieRenderer)
UI Layout是一种基于jQuery的布局框架,项目主页http://layout.jquery-dev.net/。该框架的参考原型是ExtJS的border-layout,因此十分适用于将原有使用ExtJS的项目改造成jQuery项目。其核心是一个大小自适应的中心面板(必选),面板的上下左右四个方向可以放置可折叠、可缩放的面板(可选),各个面板可以添加任意数量的页眉和页脚面板。UI Layo
url: 要求为String类型的参数,(默认为当前页地址)发送请求的地址。
type: 要求为String类型的参数,请求方式(post或get)默认为get。注意其他http请求方法,例如put和
delete也可以使用,但仅部分浏览器支持。
timeout: 要求为Number类型的参数,设置请求超时时间(毫秒)。此设置将覆盖$.ajaxSetup()方法的全局设
 什么是Uploadify
  Uploadify是JQuery的一个上传插件,支持多文件上传,实现的效果非常不错,带进度显示。
  官网提供的是PHP的DEMO,在这里我详细介绍在Asp.net下的使用.
    官方下载     官方文档
    官方演示 脚本之家提供的 Uploadify下载地址   如何使用
  1 创建Web项目,命名为JQueryUploadD
jsp报表页面生成报表详解
1.思路 2.实现实例 1.思路 首先用户点击“生成按钮”,将请求发送到后台处理controller上,controller通过查询数据库得到报表中的数据,然后将这个request dispatch到现实报表的页面上,在报表的页面上上,首先得到通过request得到的数据对象(一般是一个bean的形式),然后将该对象中的数据现实到页面上。
2.实现实例 2.1
这里主要介绍jqPlot中核心部分――Option配置对象。同时,也会对jqplot的各个渲染器做个简单介绍。 这里主要是参考jqPlot官方网站关于Option的介绍并结自己简单实践和理解来对Option的相关属性进行解释,如有不合适或错误的地方请指正。
options = { seriesColors: [ &#4bb2c5&, &#c5b4
例如 当前你的URL是: http://www.jb51.net/index.php?test=1&kk=2
如果想获取test,则可以引入插件后, 用如下方法获取: var test = $.query.get('test');
如果参数有多个相同的名称 ,则可以这样: var arr = $.query.get('testy'); 输出: [ 值1 , 值2, 值3...]
jQuery插件开发分为两种:
类级别你可以理解为拓展jquery类,最明显的例子是$.ajax(...),相当于静态方法。
开发扩展其方法时使用$.extend方法,即jQuery.extend(object);
$.extend({
add:function(a,b){return a+b;} ,
minus:function(a,b){return
jQuery插件的种类 1、封装对象方法
  这种插件是将对象方法封装起来,用于对通过选择器获取的jQuery对象进行操作,是最常见的一种插件。此类插件可以发挥出jQuery选择器的强大优势,有相当一部分的jQuery的方法,都是在jQuery脚本库内部通过这种形式“插”在内核上的,例如parent()方法,appendTo()方法等。
2、封装全局函数
  可以将独立的函数加到jQuery
jQuery是一款当之无愧的JS开源框架,凭借其小巧实用占领了很大的开发市场,jQuery另外一个优势就是拥有丰富多彩的插件,这些插件可以帮助你简化很多的开发过程。下面介绍的6款实用jQuery小插件及源码,希望大家喜欢。 1、jQuery智能单词提示工具 这是一款可以根据当前输入智能提示单词的插件,效果很棒。 在线演示 /源码下载
2、CSS3实现的Photoshop按钮效果 这是用jQuer
为了做这件事,除了jquery库和idTabs插件,我们还需要下载一个用来搞URL的插件:jquery.url.js,传送门: /allmarkedup/jQuery-URL-Parser (上述链接可能有错,如不能使用,可以到这里 下载) 脚本之家提供idtabs打包下载 http://www.jb51.net/jiaoben/43086.html Tab菜单
1、js代码:
&script type=&text/javascript&& $(document).ready(function() { $('#fileInput').uploadify({ //以下参数均是可选 'uploader' : '&%=basePath%&images/uploadify.swf', //指定上传控件
Jquery的扩展方法extend是我们在写插件的过程中常用的方法,该方法有一些重载原型,dest是要整合的空间可以使{} 或者不写 src是一个JSON表达式表示的javascript对象.... 因此里面可以添加方法属性等等... 我么通过不同的应用可以将我们自己的方法整合到jQuery空间中....实现插件开发 在jQuery中定义 jQuery.extend = jQuery.
使用该jQuery插件 要想使用该jQuery插件,需要把$(selector).boxy();放在document.ready中。使用合适的选择器表达式替换这里的&selector&,例如:&a[rel=boxy],form.with-confirmation&。这会给匹配的元素附加一些行为,如下:
一个href属性中如果锚点包含#,则此锚点相对应的ID
那么首先我们来简单的看一下最正统的 jQuery 插件定义方式:
(function ($) {
$.fn.插件名 = function (settings) {
//默认参数&n
Oracle中to_char 参数详解 及实例
序号格式 说明 1 - / , . ; :&text& 时间分隔符号,除了标准的几个,还允许用文字作为分割符号。例如 to_char(sysdate,'YYYY&年&mm&月&dd&日&')=
有一个多选的需求,在网上找到了这个插件:multiselect /ehynds/jquery-ui-multiselect-widget csdn博客上有这个插件的介绍,不少童鞋都问了这么个问题,怎么获取选中的值?真是个好问题,因为我在看demo的时候也发现了这个问题,呵呵!
先简单说说这个插件: jquery-multiselect 基于Jquery-ui
一、JQUBAR(V1.0)JQUERY插件简介 1.支持.net、java、php等平台。 2.用户可以通过鼠标拖拽柱状图从而改变每根柱子的高度,最终达到通过鼠标拖拽图形界面来修改服务器数据的目的。 3.支持柱状图缩放。 4.目前支持浏览器:IE7、 IE8、 Firefox、Chrome。
&div id=&con&&&l
本文实例讲述了jquery图形密码实现方法。分享给大家供大家参考。具体实现方法如下:
&script type=&text/javascript& src=&js/jquery.min.js&&&/script&
&script type=&text/javascript&&
一,首先,制作jQuery插件需要一个闭包
(function ($) { //code in here })(jQuery);
这是来自jQuery官方的插件开发规范要求,使用这种编写方式有什么好处呢? a) 避免全局依赖。 b) 避免第三方破坏。 c) 兼容jQuery操作符'$'和'jQuery '
二,有了闭包,在其中加入插件的骨架
该插件被广泛应用于各种需要评分的页面当中,今天作为学习,把源码拿出来分析一下,顺便学习其使用方法。
一、插件使用一览。
&div& &div&第一个例子&/div& &div id=&16_1& class=&myRating&&&/div& &/div&
前言:   最近对js的插件封装特别感兴趣,无耐就目前的技术想做到js的完全封装,还是有一定困难,就基于jQuery封装了一个小的插件,而且是基于对象级开发的,不是添加全局方法。高深的语法几乎没有,就有一个return:foreach()方法来返回对象实例本身,还有一个extend()函数,用来扩展参数对象的属性,这也是为了对象在调完我这个方法后方便链式操作。   插件打包下载地址:点我下载 插件
.NET Framework 3.5的发布解决了WebService调用中json问题,本文将介绍jQuery调用基于.NET Framework 3.5的WebService返回JSON数据,另外还要介绍一下用jQuery调用WebService的参数设置及设置不当所出现的问题,还有出现问题的原因 jQuery调用WebService网上的介绍也比较多,最近的项目中我也用到不少,一直都很少用.N
以其语法简单灵活而大受Web designer欢迎。所以很多网页设计师结合jQuery的强大功能制作出了许多成熟的图片滑动插件,我们可以很简单地直接将这些图片滑动插件嵌入到网页中,很容易就得到了即酷又实用的jQuery图片滑动效果。从这篇文章开始到接下来的几篇文章我们将向大家分享40多种非常有用,又有创意的jQuery图片滑动插件,及其演示和下载地址。你可以按你网页风格找到合适的jQuery图片滑
在上一篇 JQuery模板插件-jquery.tmpl中介绍了这款插件。有时我们需要去动态的ajax去加载模板,或者数据,根据url参数或者其他信息加载不同的模板,数据。在我的某个项目中有这个需求,所以特地写成jquery工具函数,加入了本地数据和ajax数据加载模板,数据的方式。
参数说明:
Tmpl: function(template, data, fun) 1:template: 1)
JQuery Plugin插件,如果大家不明白什么是JQuery插件或都不清楚如何编写可以查看其官方的网站: jQuery Authoring Guidelines 好了,下面有一些我觉得想做一个好的插件必须应有的要求: 1、在JQuery命名空间下声明只声明一个单独的名称 2、接受options参数,以便控制插件的行为 3、暴露插件的默认设置 ,以便外面可以访问 4、适当地将子函数提供给外部访问
(转)oracle服务启动(startup),关闭(shutdown)几种方式,及参数详解
一.有以下几种启动方式:
1、startup nomount   非安装启动,这种方式启动下可执行:重建控制文件、重建数据库   读取init.ora文件,启动instance,即启动SGA和后台进程,这种启动只需要init.or
最终显示在页面上的错误分为两种:第一种是默认错误信息,该信息已经被定义在插件中了,可以手动修改。 第二种是通过参数指定的错误信息,如果没有指定则会使用默认的错误信息。将上个示例的js修改如下:
&script type=&text/javascript&& $(function() { $(&#signupForm&).va
其实就是一个幻灯效果,考虑到使用方便,就封装成一个插件了. 插件特点 1. 参数高度自定义; 2. 可重复调用且与不影响; 3. 插件文件小,压缩后仅1.04k,开发版3.29k.
演示及下载
使用方法 1. 引入jQuery库文件及jQuery.iFadeSlide.pack.js插件文件(若页面有其他js文件,可与之合并以减小http请求),引入位置自定义;
后来朋友推荐了一个这个叫uploadify的上传插件,似乎挺好,就到官方下了个示例运行,感觉挺好,自己再稍加美化一下就OK 了..! 接下来就讲讲使用过程吧: 1. 下载
官方网站:/
直接下载:jquery.uploadify-v2.1.0.rar
我的Demo: MyU
创建jQuery插件,基本的格式是上面这段代码:
(function ($) { //add code here })(jQuery)
我们怎么理解? 第一步:function ($){}定义了一个匿名的函数,有一个参数,$是参数名,和其他的参数名没什么区别。 第二步:(function ($){})(jQuery) 我们要执行一个匿名函数的时候,通常用var func
这节封装插件了,进展怎么样呢?
一般对外发布的插件都应该进行封装,封装的插件还应该符合规范,只有这样写的插件才具有推广价值,并得到其他用户的喜爱。
首先第一步,是定义一个独立域,代码如下所示。
(function($){ //自定义插件代码 })(jQuery) //封装插件
确定创建插件类型,选择创建方式,例如,创建一个设置元素字体颜色的插件,则应该创建jquery
jqPlot是一个非常强大的图表工具,曲线,柱状,饼图,应该有尽有,更要命的是,调用方便~~ 官网: / 这里贡献上中文教程,基本上所有的api都很齐全,供有需要的童鞋们瞧瞧,更重要的是作为自己滴收藏~~哦耶耶~ jqPlot整的来说有三个地方需要配置。格式如: $.jqplot(‘target', data, options);target:要显示的位置
ligerDrag() 使目标对象可以拖动。 参数   handler     拖动的作用区域,在这个区域才可以触发拖动。可以是字符串(jQuery selector),也可以是一个Dom jQuery对象   onStartDrag     开始拖动事件   onDrag     拖动事件   onStopDrag     结束拖动事件
示例一:默认模式
到目前为之jQuery已经发布到1.4.2版本,而在这之前的一个星期他们刚发布1.4版本,看看他的各个版本的 发布时间 ,不难发现他的飞速发展,每个月都在更新版本;而且不断有人开发出新的 jQuery插件 ,最近又推出了 jQuery UI 库 jQuery于2006年一月十四号在BarCamp NYC (New York City)面世。主将 John Resig ,写有《Pro JavaScr
相信大家都知道jQuery是最优秀的Javascript框架之一。以其语法简单灵活而大受Web designer欢迎。所以很多网页设计师结合jQuery的强大功能制作出了许多成熟的图片滑动插件,我们可以很简单地直接将这些图片滑动插件嵌入到网页中,很容易就得到了即酷又实用的jQuery图片滑动效果。在这是jQuery滑动切换插件系列的第三部分,我们将向大家分享40多种非常有用,又有创意的jQuery
相对于同类插件,他的特色有3点。 1、可缓存查询结果 (二次查询速度快) 2、非keyup监听方式 (解决某些系统/情况下无法触发keyxxx事件的问题) 3、简洁的参数 (好看?)
插件性能尚好,我的E6500、2G内存,30秒内一共发生了4469次调用,耗时94.65毫秒;百度的是2432次调用,80.24毫秒。
接近1倍的调用是jQuery中的问题,但具体原因我还没弄明白,如果那位兄弟知

我要回帖

更多关于 jqplot折线图 的文章

 

随机推荐