后使用快捷导航没有帐号？
体验过《水手之梦》后，不知道为什么，在奇妙又平淡的探索中寻回了一种温暖和煦的心情...
在IBM的帮助下，苹果将更快地打入企业市场。虽然iPad在《财富》500强当中的部署率早已...
2014 年就剩最后两个月，随着西方感恩节的圣诞节的临近，各大手机厂商之间的新机大战...
最酷炫的 iOS 桌面插件？关注再关注。
香港专利商标局日前授权通过了苹果公司针对 iTunes Radio 提交的几项设计申请。
使用 iPhone 拍照的时候，你注意到这些对焦技巧了吗？
颤抖吧，友商们。
Google Nexus 9 是 HTC 重回平板电脑领域的代表作品，或许正是由于 HTC 太久没有制造...
在森林中，住着一只长得蓝色的肥肥胖胖的麋鹿，它的体形已经远远超过了其他同类，三个...
《饥饿游戏 施惠国崛起 The Hunger Games: Panem Rising》是根据由小说改编《饥饿游...
《罗马狂战士 Cato and Macro》是一款非常有趣的模拟经营+即时战略的作品，在游戏中玩...
《Chain Breaker（锁链破坏者）》是一款简单爽快的动作过关游戏，玩家要依靠快速的手...
本周上架的新游《World of Warriors（勇士的世界）》是一款充满可爱和热血风格的动作 ...
Crescent Moon Games 是一家拥有着众多优秀作品的游戏厂商，而在推出《猴子拳击》这...
《针织小熊（Knituma）》是一款似于《水果忍者》切水果玩法类的休闲风游戏，游戏中玩...
还在苦恼新 iPhone 6 Plus 的小容量空间存不下多个慢动作视频？让 iBridge 帮你救急吧...
你想要为 iPhone 6 / Plus 选择什么样的保护壳？
ClamCase是一款非常与众不同的配件，除了起到保护机身的作用之外，它还能让你的iPad A...
防摔保护壳哪家强？上众筹网找 Neverdrop 帮忙！
随着iOS平台的发展，越来越多的游戏纷纷选择iOS平台作为首发平台，也有像《最长的旅程...
近日，罗技正式发布了新一代 iPad 外设，包括新产品“Keys-To-Go”便携键盘，以及新版...
随着 iPhone 6/6 Plus 的问世，各手机壳厂商也是纷纷忙活了起来，除了要做到紧致贴合...
就在金色款 iPad 发布后不久，我们就拿到了一组适配新版 iPad 土豪金配色蓝牙键盘的照...
关于ios里那个主屏下拉菜单有什么插件可以实现？有吗？求教
注册时间 最后登录
在线时间124 小时 UID
主题帖子人气
青苹果, 积分 176, 距离下一级还需 24 积分
关于ios里那个主屏下拉菜单有什么插件可以实现？有吗？求教
注册时间 最后登录
在线时间487 小时 UID
主题帖子人气
是要開手勢嗎？
注册时间 最后登录
在线时间124 小时 UID
主题帖子人气
不是 类似于ios5上面的的那个东西 就是android的那个下拉菜单。。。感觉很好用啊
注册时间 最后登录
在线时间3783 小时 UID
主题帖子人气
安装SBSettings就有了，借用下大师的教程:
威锋旗下产品
Hi~我是威威！
沪ICP备号-1 丨 深公安网监备案号 5
增值电信业务经营许可证：
Powered by Discuz!公司即将引进插件机，经理拿了几本插件机资料给我，说以后我就跟进这个项目，我该准备什么资料比较好啊？_百度知道
公司即将引进插件机，经理拿了几本插件机资料给我，说以后我就跟进这个项目，我该准备什么资料比较好啊？
你们说我该准备那些资料比较好,说是过段时间可能会安排几个人去买家那里接受培训,我是其中一个,,经理已经联系好了买家,
提问者采纳
1,机器做了那些步骤,本人是插件的工程师略表拙见,如果是国产就不必了。
需要记录的要点有,首先你要准备一个能做笔记的工具。2,1,如何控制的】3,程式的所有指令。2,从编带元件到把元件插入并固定到PCB电路板上,大概的电路控制【比如是用多少伏特的电,什么控制的马达,是什么在驱动这些步骤。,如果是国外的机器最好准备个翻译的工具,
提问者评价
谢谢，你说的这些都是在买了机器再说的，我都没有看到机器，明年公司才买机器但还是要谢谢你
采纳率100%
其他类似问题
插件机的相关知识
等待您来回答
您可能关注的推广回答者：
下载知道APP
随时随地咨询
出门在外也不愁1226人阅读
现在我们项目要用到extgrid插件、jgcharts与ssh框架结合，经过几天研究终于成功，现将过程及实现写入下面。
准备工作：下载extgrid插件、jgcharts插件，这里我用到的extgrid插件为ext-3.2.1，经过精简得如下目录结构：
其中图片自己从css中找出来用，以上只有extgrid-revise.js为自己写，其他在ext-3.2.1插件找。
至于jgcharts插件，网上下载个jia包放入工程下即可
将准备好的插件放入工程webRoot下，下面我们正式工作：
第一步：准备好ssh框架，这里框架主要是用到为前台提供json，我先写action& ，代码如下：
@ParentPackage(&json-default&)
@Results (&, name = &json&),
&&&& @Result(name=&success&,type=&chain&,location=&ext_grid&)})
public class ExtGridAction extends ActionSupport{
&&&&& private List&Flexigrid& flexigridL&&&&//后台需要的list集合
&&&&& @Autowired
&&&&& private FlexigridService flexigridS&&& //自动注入Service
&&&&& @Override
&&&&& public String execute() {
&&&&&&&&&&& return &list&;
&&&&&&& * 前台ajax要调用的方法
&&&&&& public String&findData(){
&&&&&&&&&&&& flexigridList = flexigridService.findAll();
&&&&&&&&&&&& return &json&;
&&&&& //为节省篇幅，set与get方法在此就不写了&
至此后台就不需要什么工作了，马上进行前台js编写
第二步：在写js之前写一个jsp，如下：
1、jsp中分别引用&&ext-all.css、PanelResizer.css、grid-examples.css、ext-base.js、ext-all.js、ProgressBarPager.js、PanelResizer.js、PagingMemoryProxy.js 、jgcharts.js，这些css与js除jgcharts.js做图js外在上面图中都有，除此还要引用jquery-1.3.2.js，自己写的js如下：extgrid_revise.js、lmChart.js、poptu.js
除引用以上js外，还要在页面中写如下结构：
&&& &script type=&text/javascript&&
&&&&&&&& //先创建个chart类,参数含义在lmchart.js中
&&&&&&&&& var lmChart = new LmChart(&产品-媒体类型月报&,300,800);
&&&&&&&&& //为chart类添加列
&&&&&&&&& lmChart.addColumn(&id&,&ID&);
&&&&&&&&& lmChart.addColumn(&name&,&名称&);
&&&&&&&&&&lmChart.addColumn(&sort&,&类别&);
&&&&&&&&& lmChart.addColumn(&hotSpot&,&热点&);
&&&&&&&&//lmChart.addColumn(&publishDate&,&发布日期&);
&&&&&&&&& lmChart.addColumn(&content&,&内容&);&&&& //此处重要,生成报表调用的方法,参数含义在extgrid_revise.js中
&&&&& revise(&ext_grid/ext_grid!findData&,&flexigridList&,lmChart,&grid-example&);
&&& &/script&
&!--&&&&下面是extgrid附着span&&&& --&
&&&&span id=&grid-example&&&/span&
&&&&input type=&button& value=&柱状图形& onclick=&column();&&
&&&&input type=&button& value=&饼状图形& onclick=&pie();&&
&&&&input type=&button& value=&趋势图形& onclick=&tide();&&
&!--&&&下面是jgcharts附着span&&&&--&
&&&&span id=&bar1&&&/span&
第二步：首先定义chart类，即写lmChart.js，其完整代码如下：
& * 定义 LmChart 对象
& * @param name 对象名,即图表名
& * @param height 图表高
& * @param width 图表宽
&function LmChart(name,height,width)
&&&& this._name =&&//图表名
&&&& this._height = //图表高
&&&&&this._width =&//图表宽
&&& &this._Columns = new Object(); //列对象数组数组
&&& &this._indexes=new Array();//列对象顺序数组
& * 为对象添加一列
& * @param id& 列的id名
& * @param name& 列名
& * @param value& 列值
&LmChart.prototype.addColumn = function(id,name)
&&&&&& this._Columns[id] = new LmColumn(id,name);
&&&&&&&this._indexes[this._indexes.length]=
&&&&&& indColShow[indColShow.length] =
& * 隐藏一列
& * @param name& 列的名字
&LmChart.prototype.hideColumn = function(name)
&&&&&& var bool =
&&&&&& $.each(this._indexes,function(k,v){
&&&&&&&&&&&&& if(v==name){
&&&&&&&&&&&&&&&&&&& bool =
&&&&&&&&&&&&&& }
&&&&&&& });
&&&&&&& if(bool){
&&&&&&&&&&&&&& var _num& = this._indexes.
&&&&&&&&&&&&&& //从indexes里面删除一个,后面的前移.
&&&&&&&&&&&&&& for(var i=0;i&parseInt(_num);i++){
&&&&&&&&&&&&&&&&&&&&&& if(this._indexes[i] == name){
&&&&&&&&&&&&&&&&&&&&&&&&&&&& for(var j=i;j&parseInt(_num);j++){
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& this._indexes[j] = this._indexes[j+1];
&&&&&&&&&&&&&& &&&&&&&&&&&&& }
&&&&&&&&&&&&&&&&&&&&&&&& }
&&&&&&&& &&&&&&& }
&&&&&&&&&&&&&&&& if(_num&0){
&&&&&&&&&&&&&&&&&&&&&&&& this._indexes.pop();&//将数组中最后的元素删除
&&&&&&&&&&&&&&&&& }
&&&&&&&&&& }
&var indColShow = new Array();//保存交换位置后的列顺序
& * 根据列名将隐藏的一列显示
& * @param name& 列的名字
&LmChart.prototype.showColumn = function(name)
&&&&&&&&var bool =
&&&&&&& $.each(this._indexes,function(k,v){
&&&&&&&&&&& &if(v==name){
&&&&&&&&&&&&&&&&&& bool =
&&&&&&&&&&&&& }
&&&&&&&&& });
&&&&&&&&& if(bool){
&&&&&&&&&&&&&&& var aa = new Array();
&&&&&&&&&&&&&&& var _ind = this._
&&&&&&&&&&&&&&& //根据this._Columns列顺序,向indexes里面添加一个新列,后面的后移.
&&&&&&&&&&&&&&& $.each(indColShow,function(key,val){
&&&&&&&&&&&&&&&&&&&&&&&& $.each(_ind,function(kk,vv){
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& if(val==vv||val==name){
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& var bo =
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& $.each(aa,function(va){
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& if(this==val) bo=
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& });
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& if(bo) aa[aa.length] =
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& &}
&&&&&&&&&&&&&&&&&&&&&&&&&& });
&&&&&&&&&&&&&&&&& });
&&&&&&&&&&&&&&&&& this._indexes =
&&&&&&&& &}
& * 交换列
& * @param newColumn& 新列
&LmChart.prototype.changeIndex = function(newColumn,newOrder)
&&&&&&&&& this._indexes = newC
&&&&&&&&& indColShow = newO
&//输出结果（测试用）
&LmChart.prototype.output = function()
&&//根据_indexes,将一个个node输出去.
&&$.each(this._indexes,function(key,val){
&&&alert(key);
&&&alert(val);
& * 列对象
& * @param id& 列id
& * @param name& 列名
&function LmColumn(id,name){
&&&&&& this._id =
&&&&&& this._name =
&&&&&&&this._values = new Object();
& * 添加列数组
& * @param {} val
&LmColumn.prototype.setValues=function(val){
&&&&&&& this._values =
&第三部、写extgrid_revise.js 重要的js，主要在这里实现与extgrid结合，完全代码如下：
var _//全局变量& 存放LmChart 对象
&*&&主要js函数
&* @param _url& ajax访问的url地址
&* @param _list 返回的list集合名
&* @param _lmChart LmChart 对象
&* @param _render 将此列表赋予的div 的id名
function revise(_url,_list,_lmChart,_render){
&& _obj = _lmC
&& //因为我没有截获ext取json的方法,我自己用ajax重新调用了一下获取json,来为图表传值
&& acquisitionJSON(_url,_list,_lmChart);
&& Ext.onReady(function(){&&& //重要的ext方法
&&&&&& &// 创建数据源
&&&&&&& var store = new Ext.data.Store({&&&&&&&
&&&&&&&&&&&&&&&&&& proxy: new Ext.data.HttpProxy({&&&&&&&
&&&&&&&&&&&&&&&&&&&&&&&& ,&&&&&& //前台传过来的url
&&&&&&&&&&&&&&&&&&&&&&&& method: 'GET'&&&&&&
&&&&&&&&&&&&&&&&&& }),&&
&&&&&&&&&&&&&&&&&& reader: new Ext.data.JsonReader({
&&&&&&& &&&&&&&&&&&&&&&& root: _list,&&&&//前台传过来的list集合名
&&&&&&&&&&&&&&&&&&&&&&&&&id: 'id'&&&&&&
&&&&&&&&&&&&&&&&&& },jsonMappingData(_lmChart))&&&&&&//动态取的数据映射&
&&&&&&&&&& });
&&&&&&&&&& var column = new Ext.grid.ColumnModel(columnModelByJSON(_lmChart));&&&& //动态取的列值
&&&&&&&&&& column.defaultSortable =&&&&&&&
&&&&&&&&&& // 创建表格
&&&&&&&&&& var grid = new Ext.grid.GridPanel({&&&&&&&
&&&&&&&&&&&&&&&&&&&& height:_lmChart._height,&&&& //表格高度
&&&&&&&&&&&&&&&&&&&&&width:_lmChart._width,&&&&&&& //表格宽度
&&&&&&&&&&&&&&&&&&&& title:_lmChart._name,&&&&&&&& //表格名称
&&&&&&&&&&&&&&&&&&&& store: store,&&&&&&&& //表格数据源
&&&&&&&&&&&&&&&&&&&&&cm: column,&&&&& //表格列
&&&&&&&&&&&&&&&&&&&& stateEvents:['hiddenchange'],
&&&&&&&&&&&&&&&&&&&&&view:new MyGridView(_lmChart),
&&&&&&&&&&&&&&&&&&&& listeners:{ 'beforerender':function(grid){&&&&& //监听事件
&&&&&&&&&&&&&&&&&&&&&&&&&&& grid.on('hiddenchange',function(cm,columnIndex,hidden){&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& showOrHiddenColumn(_lmChart,cm,columnIndex,hidden);& //调用显示隐藏函数
&&&&&&&&&&&&&&&&&&&&&&&&&&& },this);&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&& //托管事件&&&
&&&&&&&&&&&&&&&&&&&&&&&&&&& grid.relayEvents(grid.getColumnModel(),['hiddenchange']);&&&
&&&&&&&&&&&&&&&&&&&&& }&&}&&&
&&&&&&&&&&&& &});&&&&&&&
&&&&&&&&&&&&& store.load();//初始化数据
&&&&&&&&&&&&& grid.render(_render);&&&&&&//&&将表格放到前台span上
MyGridView=Ext.extend(Ext.grid.GridView,{&&& //定义自己的grid视图
&&&&&&& renderHeaders : function(){
&&&&&&&&&&&&&&&& var c = this.cm, h = this.templates, e = h.hcell, b = [], j = {}, a = c
&&&&.&&&&&&&&&&&&&&&&&&&&&& getColumnCount(), g = a - 1;
&&&&&&&&&&&&&&&& var index = new Array();&&&& //自定义数组,存放当前有多少列
&&&&&&&&&&&&&&&& for (var d = 0; d & d++) {
&&&&&&&&&&&&&&&&&&&&&& index[index.length] = c.getColumnId(d);//将当前列存入数组
&&&&&&&&&&&&&&&&&&&&&& j.id = c.getColumnId(d);
&&&&&&&&&&&&&&&&&&&&&& j.value = c.getColumnHeader(d) || &&;
&&&&&&&&&&&&&&&&&&&&& &j.style = this.getColumnStyle(d, true);
&&&&&&&&&&&&&&&&&&&&&& j.tooltip = this.getColumnTooltip(d);
&&&&&&&&&&&&&&&&&&&&& &j.css = d === 0 ? &x-grid3-cell-first & : (d == g
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& ? &x-grid3-cell-last &
&&&&&&&&&&&&&&&&&&&&&& &: &&);
&&&&&&&&&&&&&&&&&&&&&& &if (c.config[d].align == &right&) {
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& j.istyle = &padding-right:16px&
&&&&&&&&&&&&&&&&&&&&&&& } else {
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&delete j.istyle
&&&&&&&&&&&&&&&&&&&&&&& }
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& b[b.length] = e.apply(j)
&&&&&&&&&&&&&&&& &}
&&&&&&&&&&&&&&&& reviseColumnOrder(index);//修改列顺序
&&&&&&&&&&&&&&& &return h.header.apply({
&&&&&&&&&&&&&&&&&&&&&&&&&&&& cells : b.join(&&),
&&&&&&&&&&&&&&&&&&&&&&&&&&&& tstyle : &width:& + this.getTotalWidth() + &;&
&&&&&&&&&&&&&&&& })
&&&&&&&&&&}
&* json映射表中字符数据
&* @param {} _lmCha&
&* @return {}&
function jsonMappingData(_lmCha){
&&&&&&&& var _jr=&[&;
&&&&&&&& $.each(_lmCha._indexes,function(k,v){
&&&&&&&&&&&&&&&&& _jr += &{name: '&+v+&', mapping: '&+v+&'},&;
&&&&&&&&& });
&&&&&&& &if(_jr.length&1){
&&&&&&&&&&&&&&&&&&_jr = _jr.substring(0,_jr.length-1);
&&&&&&& &}
&&&&&&& &_jr+=&]&;
&&&&&&&&&return eval(&(&+_jr+&)&);&&&& //将字符串转换为json,重要
&* 根据json创建表格结构
&* @param {} _lmCha&
&* @return {}&
function columnModelByJSON(_lmCha){
&&&&&&&&& var _jr=&[&;
&&&&&&&&& var _aa = new Array();
&&&&&&&&& var i = 0;
&&&&&&&&& $.each(_lmCha._indexes,function(k,v){
&&&&&&&&&&&&&&&& var _arr = new Array();
&&&&&&&&&&&&&&&& _arr[0] =
&&&&&&&&&&&&&&& $.each(_lmCha._Columns[v],function(key,val){
&&&&&&&&&&&&&&&&&&&&&&& &if(key=='_name') _arr[1]=
&&&&&&&&&&&&&&& });
&&&&&&&&&&&&&& _aa[i] = _
&&&&&&&&&&&&&&& i++;
&&&&&&&&&& });
&&&&&&&&& var _wid =& parseInt(_lmCha._width-25)/i;
&&&&&&&&& if(_aa.length&1){
&&&&&&&&&&&&&&&&var j = 0;
&&&&&&&&&&&&&&& $.each(_aa,function(kk,vv){
&&&&&&&&&&&&&&&&&&&&&& var va =
&&&&&&&&&&&&&&&&&&&&&& if(j==0)
&&&&&&&&&&&&&&&&&&&&&&&&&&&& _jr += &{id:'&+va[0]+&',header: '&+va[1]+&', width: &+_wid+&, sortable: true, dataIndex: '&+va[0]+&'},&;
&&&&&&&&&&&&&&&&&&&&& else
&&&&&&&&&&&&&&&&&&&&&&&&&&&& _jr += &{header: '&+va[1]+&', width: &+_wid+&, sortable: true, dataIndex: '&+va[0]+&'},&;
&&&&&&&&&&&&&&& });
&&&&&&&&&&& }
&&&&&&&&&&& if(_jr.length&1){
&&&&&&&&&&&&&&&& _jr = _jr.substring(0,_jr.length-1);
&&&&&&&&&&& }
&&&&&&&&&&& _jr+=&]&;
&&&&&&&&&&& &return eval(&(&+_jr+&)&);&&& //将字符串转换为json,重要
&* 显示或隐藏列
&* @param& _lmChart LmChart 对象
&* @param& cm
&* @param& columnIndex
&* @param& hidden& false显示 true隐藏
function showOrHiddenColumn(_lmChart,cm,columnIndex,hidden){
&&&&&&&&& if(hidden){
&&&&&&&&&&&&&&& lmChart.hideColumn(cm.getDataIndex(columnIndex));& //隐藏列
&&&&&&&&& }
&&&&&&&&& if(!hidden){
&&&&&&&&&&&&&&& lmChart.showColumn(cm.getDataIndex(columnIndex)); //将隐藏的列显示
&&&&&&&&& }
&&&&&&&&&&jgChartDisposeLmChart(_lmChart);&& //调用生成图表函数
&* 修改列的顺序
&* @param {} newOrder& 新顺序
function reviseColumnOrder(newOrder){
&&&&&&& var _order = new Array();
&&&&&&& $.each(newOrder,function(k,v){
&&&&&&&&&&&&&& $.each(_obj._indexes,function(kk,vv){
&&&&&&&&&&&&&&&&&&&&& if(v==vv) _order[_order.length]=v;&
&&&&&&&&&&&&&& });
&&&&&&&&&});
&&&&&&&& _obj.changeIndex(_order,newOrder);&& //调用调整列顺序函数
&&&&&&&&&jgChartDisposeLmChart(_obj);//调用生成图表函数
&* 自己获取JSON，用来生成图表
&* @param _url& ajax访问的url地址
&* @param _list 返回的list集合名
&* @param _lmChart LmChart 对象
function acquisitionJSON(_url,_list,_lmChart){
&&&&&&&& jQuery.ajax({&
&&&&&&&&&&&&& type:&POST&,&
&&&&&&&&&&&& &,&
&&&&&&&&&&&&& dataType:&json&,&
&&&&&&&&&&&&&&global:false,&
&&&&&&&&&&&&& success: function(_json){&
&&&&&&&&&&&&&&&&&&&&&&var _jsonL
&&&&&&&&&&&&&&&&&&&&& $.each(_json,function(k,v){
&&&&&&&&&&&&&&&&&&&&&&&&&&&& var kk = k+&&;
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&if(kk==_list){
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& _jsonList =
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&}
&&&&&&&&&&&&&&&&&&&&& });
&&&&&&&&&&&&&&&&&&&&& sealColumnByJSON(_jsonList,_lmChart);
&&&&&&&&&&&&&&&&&&&&& jgChartDisposeLmChart(_lmChart);&& //调用生成图表函数
&&&&&&&&&&&&&& }&
&&&&&&&&}); &
&* 用取得的json封装列数组
&* @param _jsonList
&* @param _lmChart
function sealColumnByJSON(_jsonList,_lmChart){
&&&&&&& var lmcol = _lmChart._C
&&&&&&&&$.each(lmcol,function(k,v){
&&&&&&&&&&&&&&& var _colArray = new Array();
&&&&&&&&&&&&&& &$.each(_jsonList,function(kj,vj){
&&&&&&&&&&&&&&&&&&&&&& $.each(vj,function(kvk,vjv){
&&&&&&&&&&&&&&&&&&&&&&&&&&&& if(k==kvk){
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& _colArray[_colArray.length] = parseInt(vjv);
&&&&&&&&&&&&&&&&&&&&&&&&&&&& }
&&&&&&&&&&&&&&&&&&&&&&& });
&&&&&&&&&&&&&&&& });
&&&&&&&&&&&&&&&& $.each(v,function(kk,vv){
&&&&&&&&&&&&&&&&&&&&&&& if(k==vv){
&&&&&&&&&&&&&&&&&&&&&&&&&&&&& _lmChart._Columns[k].setValues(_colArray);
&&&&&&&&&&&&&&&&&&&&&&& }
&&&&&&&&&&&&&&&& &});
&&&&&&&&&& });
最后写poptu.js图表js，完整代码如下:
&var columns=new Array();
&var savePic =
&function jgChartDisposeLmChart(_lmChart){&&&&&//生成图表的主要方法
&&&&&&&&& var cols=new Array();
&&&&&&&&& $.each(_lmChart._indexes,function(k,v){
&&&&&&&&&&&&&&&& $.each(_lmChart._Columns,function(kk,vv){
&&&&&&&&&&&&&&&&&&&&&&& if(v==kk){
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& cols[cols.length] =
&&&&&&&&&&&&&&&&&&&&&&& }
&&&&&&&&&&&&&&&&& });
&&&&&&&&&&&&});
&&&&&&&&&&& columns =
&&&&&&&&&&&&lmCha = _lmC
&&&&&&&&&&& if(savePic == &column&){&&&&&
&&&&&&&&&&&&&&&&& column();
&&&&&&&&&&& }else if(savePic == &pie&){
&&&&&&&&&&&&&&&&&&pie();
&&&&&&&&&&&&}else if(savePic == &tide&){
&&&&&&&&&&&&&&&&& tide();
& &&&&&&&&& }else{
&&&&&&&&&&&&&&&&& column();
&&&&&&&&&&& }
& * 柱状图数据数组对象
&function outputColumnDataArray()
&&&&&&& var data=new Array();
&&&&&&&&var sum = 0;
&&&&&&& for(var i=0;i&columns.i++){
&&&&&&&&&&&&&& var column= columns[i];
&&&&&&&&&&&&&& for(var j = 0; j&column._values. j++){
&&&&&&&&&&&&&&&&&&&&& sum += column._values[j];
&&&&&&&&&&&&&& }
&&&&&&&&&&&&&& data[i]=
&&&&&&&&&&&&&& sum = 0;
&&&&&&&&&}
& * 获取图形分布的名称
&&function outputNameArray(){
&&&&&&&&& var name = new Array();
&&&&&&&&& for(var i=0;i&columns.i++){
&&&&&&&&&&&&&&&& var column= columns[i];
&&&&&&&&&&&&&&&&&name[i] = column._
&&&&&&&&& }
& * 趋势图数据数组对象
&function outputTideDataArray(){
&&&&&&&&&&& var len = columns.
&&&&&&&&&&&&var subLen=columns[0]._values.
&&&&&&&&&&&&var data = new Array(subLen);
&&&&&&&&&&& for(var i = 0 ; i & subL i++){
&&&&&&&&&&&&&&&&&& data[i] = new Array(len);
&&&&&&&&&&& }
&&&&&&&&&&& for(var i = 0 ; i & subL i++){
&&&&&&&&&&&&&&&&&&&&for(var j = 0 ; j & j++){
&&&&&&&&&&&&&&&&&&&&&&&&& data[i][j]& =& columns[j]._values[i];
&&&&&&&&&&&&&&&&&&& }
&&&&&&&&&&&& }
&&&&&&&&&&&&
&&function column(){&&&& //柱状图
&&&&&&&&& $(&#bar1&).html(&&);
&&&&&&&&& var d = outputColumnDataArray();
&&&&&&&&&&var n = outputNameArray();
&&&&&&&&&&var api = new jGCharts.Api();&
&&&&&&&& &var i=0;
&&&&&&&&& $.each(lmCha._indexes,function(k,v){&& &i++;&& });
&&&&&&&&&&var _wid =& parseInt(lmCha._width-100)/i;
&&&&&&&&&&jQuery('&img&').attr('src', api.make({
&&&&&&&&&&&&&&& data :& [d],
&&&&&&&&&&&&&&&&size : lmCha._width+&x&+lmCha._height, //default 300x200 (width x height) - maximum size 300,000 pixels
&&&&&&&&&&&&&&& bar_width : parseInt(_wid/2),//default 20& 条形宽度
&&&&&&&&&&&&&&&&bar_spacing : parseInt(_wid/2), //default 1 条形间距
&&&&&&&&&&&&&&& grid : true, //default false 网格
&&&&&&&&&&&&&&& title :lmCha._name, //default false 图表标题&
&&&&&&&&&&&&&&& title_color : '000000', //标题颜色
&&&&&&&&&&&&&&& title_size& : 20 , //default 10&
&&&&&&&&&&&&&&&&legend : n, //default none& - 图例
&&&&&&&&&&&&&&& axis_labels : ['统计'] //X轴显示文本
&&&&&&&&&&& &})).appendTo(&#bar1&);&
&&&&&&&&&&&& savePic = &column&;
&&function pie(){&&&& //饼图
&&&&&&&&&&&$(&#bar1&).html(&&);
&&&&&&&&&& var n = outputNameArray();
&&&&&&&&&& var d = outputColumnDataArray();
&&&&&&&&&&&var api = new jGCharts.Api();&
&&&&&&&&&& jQuery('&img&').attr('src', api.make({
&&&&&&&&&&&&&&&&&& data :& d,
&&&&&&&&&&&&&&&&&&&type : &p3&,
&&&&&&&&&&&&&&&&&& size : lmCha._width+&x&+lmCha._height, //default 300x200 (width x height) - maximum size 300,000 pixels
&&&&&&&&&&&&&&&&&& title : lmCha._name, //default false 图表标题&
&&&&&&&&&&&&&&&&&& title_color : '000000', //标题颜色
&&&&&&&&&&&&&&&&&& title_size& : 20 , //default 10&
&&&&&&&&&&&&&&&&&&&axis_labels : n //X轴显示文本
&&&&&&&&&&&& })).appendTo(&#bar1&);&
&&&&&&&&&&&& savePic = &pie&;
&&function tide(){&&&& //趋势图
&&&&&&&&&& $(&#bar1&).html(&&);
&& &&&&&&& var d =& outputTideDataArray();
&&&&&&&&&& var n = outputNameArray();
&&&&&&&&&& var api = new jGCharts.Api();&
&&&&&&&&&&&jQuery('&img&').attr('src', api.make({
&&&&&&&&&&&&&&&&& data : d ,
&&&&&&&&&&&&&&&&& type : &lc&,
&&&&&&&&&&&&&&&&& grid : true, //default false 网格
&&&&&&&&&&&&&&&&&&size : lmCha._width+&x&+lmCha._height, //default 300x200 (width x height) - maximum size 300,000 pixels
&&&&&&&&&&&&&&&& &title :lmCha._name, //default false 图表标题&
&&&&&&&&&&&&&&&&&&title_color : '000000', //标题颜色
&&&&&&&&&&&&&&&&& title_size& : 20 , //default 10&
&&&&&&&&&&&&&&&& &legend : n,
&&&&&&&&&&&&&&&&& axis_labels : ['周一', '周二', '周三','周四','周五','周六','周日'] //X轴显示文本
&&&&&&&&&&&&&})).appendTo(&#bar1&);&
&&&&&&&&&&&& savePic = &tide&;
至此大功告成,现将效果图发布一张,供参考:
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：305950次
积分：3866
积分：3866
排名：第2598名
原创：121篇
转载：126篇
评论：57条
(1)(1)(3)(1)(3)(4)(7)(1)(6)(1)(4)(19)(10)(21)(38)(6)(8)(32)(15)(2)(17)(1)(10)(36)