JQUBAR1.1 jQuery柱状图插件发布

1.1版本修复了部分臭虫，同时新增以下功能： 1.可自定义坐标颜色2.可自定义x，Y轴坐标名称3.Y轴动态坐标自动建立4.Y轴动态坐标值自动计算5.插件样式升级JQUBAR1.1使用方法： 1.引入爪哇岛描述语言文件及半铸钢钢性铸铁(铸造半钢)文件： (在htmlhead/head加入以下代码，以ASP .NET MVC 2.0为例)复制代码代码如下：脚本src='http:%=Url .内容(' ~/Scripts/jquery-1。4 .1 .js ')% ' type=' text/JAVAScript ' charset=' utf-8 '/script script src=' http :%=URl .内容(' ~/Scripts/JQUBar/wz _ jsgraphics。js()% ' type=' text/JAVAScript '/script script src=' http :%=URl .内容(' ~/Scripts/JQUBar/jquery-ui。量滴js()% ' type=' text/JAVAScript '/script script src=' http :%=URl .内容(' ~/Scripts/JQUBar/utility。js()% ' type=' text/JAVAScript '/script script src=' http :%=URl .内容(' ~/Scripts/JQUBar/JQUBar。js()% ' type=' text/JAVAScript '/script link href=' %=URl .内容(' ~/Scripts/JQUBar/JQUBar。CSS ')% ' rel='样式表type='text/css'/2 .在htmlhead/head加入以下爪哇岛描述语言代码： 复制代码代码如下：脚本类型=' text/JavaScript ' $(function(){ $(' # con ')).jQUBar({ zoom: true，drag: true，url: ' %=Url .操作(' LoadDATa ')% ' })；$('#btnReloadBar ').单击(函数(){ $('#con ')).setBarParam({ //是否缩放zoom: $('#cbZoom ').attr('选中'),//是否可拖拽拖动： $(' # cbdraggable ').attr('选中)，//X轴标题，默认为"十轴" xAxis: "人员，//Y轴标题，默认为“Y轴"雅西："金额', //坐标颜色，默认为"黑色" axisColor: ' # 0476BB '，//提供数据数据，方便. net、java、php调用。本例在Asp.net MVC 2.0下演示URl :"%=URl .操作(' LoadData') %/？名称=' $('#txtName ').val() }).重载();});});/脚本3 .加入超文本标记语言代码：复制代码代码如下： div id=' con ' style='位置：相对' %-JQUBAR容器- % /div输入类型='checkbox' id='cbZoom '选中='选中'/标签为='cbZoom '缩放/标签输入类型=' checkbox ' id=' cbdraggable '选中=' checked '/标签为=' cbdraggable '拖拽/标签br /姓名模糊查询：输入类型='text' id='txtName'/br /输入类型=' button ' id=' btnReloadBar ' value='重新加载'/4.MVC2.0 C#代码：复制代码代码如下：私有north wind data Context _ Context=new north wind data Context()；私有十进制[]GetPricesByEmployeeId(int employeeId){十进制[]结果=null结果=_上下文。订单。其中(o=o .员工编号==员工编号)。以(5)为例。选择(oo=(十进制)oo .ShipVia).ToArray()；返回结果；}公共JsonResult LoadData(字符串名称){ var data=(来自在上下文中.员工。拿(10)来说ToList()选择新的{ EmployeeID=e.EmployeeID，Orders=getpricesbyeemployeeid(e . EmployeeID)，Name=e.FirstName，}).distinct()；if(！字符串IsNullOrEmpty(name)) { data=data .其中(d=d .名称。index of(name)=0)；}返回Json(new { Success=true，Msg=data }，JsonRequestBehavior .允许get)；} 程序截图图1:

图2:

注意事项显示JQUBAR插件页面的超文本标记语言标准请使用！DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.0 Transitional//EN '，MVC2.0 C#代码使用NORTHWIND数据库JQUBar1.1。插件在这里下载。