JQUBAR 1.1版本是一个jQuery插件，主要用于生成柱状图。JQUBAR 1.0版本之前已在博客园发布，并且现在升级到了1.1版本。新版本中修复了部分bug，并新增了一些实用的功能，使得柱状图插件的使用更加灵活和强大。
新增功能包括：
1. 可自定义坐标颜色：开发者可以设置柱状图中坐标轴的颜色，提供更好的视觉效果和个性化展示。
2. 可自定义X轴、Y轴坐标名称：允许开发者修改X轴和Y轴的名称，以适应不同的数据分析场景和需求。
3. Y轴动态坐标自动建立：该功能可以让柱状图自动创建Y轴的坐标，无需开发者手动配置，提高开发效率。
4. Y轴动态坐标值自动计算：插件能够根据数据自动计算Y轴的坐标值，减少开发者的工作量。
5. 插件样式升级：JQUBAR 1.1版本对显示样式进行了优化升级，使得柱状图的视觉呈现更加美观。
在使用JQUBAR 1.1版本插件时，需要按照以下步骤操作：
1. 引入相关文件：在HTML文件的<head></head>部分，需要引入必要的JavaScript和CSS文件。这些文件包括jQuery库、插件自带的JS文件、jQuery UI库、工具函数以及插件的样式文件。
2. 使用方法示例：首先需要通过jQuery的$(function(){...})方法来确保文档完全加载后再进行插件的初始化和操作。接着，创建一个容器<div id="con"></div>，用于展示柱状图。然后，可以添加一些表单控件，例如复选框和文本输入框，用于控制柱状图的相关参数，例如是否缩放(zoom)、是否可拖拽(drag)以及坐标颜色(axisColor)等。还可以通过按钮点击事件来触发数据的重新加载。
3. HTML代码示例：在页面中可以放置一个容器元素，用于承载柱状图，并在其中加入按钮、复选框以及输入框等控件，以供用户交互使用。例如：
<div id="con" style="position: relative">
<!-- JQUBAR容器 -->
</div>
<input type="checkbox" id="cbZoom" checked="checked"/>
<label for="cbZoom">缩放</label>
<input type="checkbox" id="cbDragable" checked="checked"/>
<label for="cbDragable">拖拽</label>
<br/>
姓名模糊查询：<input type="text" id="txtName"/>
<br/>
<input type="button" id="btnReloadBar" value="重新加载"/>
4. 后端代码示例：以*** MVC 2.0为例，在控制器中可以实现数据的获取逻辑。例如：
private NORTHWINDDataContext _Context = new NORTHWINDDataContext();
private decimal[] GetPricesByEmployeeId(int employeeId)
{
decimal[] result = null;
result = _Context.Orders.Where(o => o.EmployeeID == employeeId).Take(5)
.Select(oo => oo.Price)
.ToArray();
return result;
}
在实际应用中，需要将JQUBAR插件与后端技术结合，比如.net、java、php等，以便于从服务器端获取数据并动态地在前端展示。
总结来说，JQUBAR 1.1是一个功能强大、操作简便的jQuery柱状图插件，其扩展性和可定制性使其成为Web前端开发者在数据可视化方面的有力工具。
