Extjs中使用FusionChart举例
一 前言:
function _Count()
{
var mk=new Ext.LoadMask(Ext.getBody(),{
msg:'正在加载数据,请稍候!',
removeMask:true//完成后移除
});
mk.show();
Ext.Ajax.request(
{
url:"CountFileManager.asp?FileCtype=30", //后台返回Chart需要的数据
success:function (response)
{
var Result=Ext.decode(response.responseText);
if(Result.flag!=0)
{
;
}else if(Result.flag==0)
{
var strXml=Result.strXML;
strXml="<chart caption='发布文件统计'subCaption='按发布单位统计' xAxisName='单位' yAxisName='文件数' rotateYAxisName='1' showValues='1' decimalPrecision='0' showNames='1' baseFontSize='12' outCnvBaseFontSiz='20'numberSuffix=' 个' pieSliceDepth='30'formatNumberScale='0'>"+strXml+"</chart>"; //构造FusionChart需要的XML格式数据,这里面属性,可参考官方文件。
var fusionPanel=new Ext.ux.Chart.Fusion.Panel({
collapsible:false,
chartCfg:{
id:'chart1',
params:{
flashVars:{
debugMode:0,
lang:'EN'
}
}
},
autoScroll:true,
id:'chartpanel',
chartURL:'charts/Column3D.swf',//定义图表显示类型,例如:直方,饼图等 dataXML:strXml,
width:500,
height:310
});
var Fwin=new Ext.Window(
{
name:'Fwin',
width:'520',
height:'330',
layout:'fit',
closeAction:'close',
title:'统计图表显示',
buttonAlign:'center',
resizable:true,
modal:true,
items:[fusionPanel],
buttons:[
{
text:'退出',
iconCls:'icon_exit',
handler:function(){Fwin.close();}
}]
});
mk.hide();
Fwin.show();
}
},
failure:function (response)
{
mk.hide();
Ext.Msg.alert("提示","服务器请求错误,请稍后再试!");
}
});
}
{success:true,flag:0,strXML:"<set name='动力TEAM' value='1' /><set name='行政人事部' value='1' /><set name='
研发中心' value='117' /><set name='运管部' value='38' /><set name='制造部' value='34' /><set name='资产财务部' value
='1' />'"}
这里面要注意:页面文件保存为utf-8格式,可消除中文乱码现象,不同FusionChart版本,在Y轴方向存在显示中文BUG,目前3.1版本可解决中文乱码问题(注意是Y轴标签进行了旋转,如上述的rotateYAxisName='1'属性,当然也可rotateYAxisName='0',不进行旋转,可保证Y轴中文正常显示)
Extjs中使用FusionChart举例相关推荐
- [转]ExtJs中使用中碰到的三个问题的解决方法
这里的经验不是指对这种框架总体上面的一些介绍,只是记录了本月中使用ExtJs中遇到的3个问题的解决方法,这里还是要感谢Extjs论坛的 Animal和Condor,每次在我遇到拦路虎的时候,总能在他俩 ...
- ExtJs中column与form布局的再次领悟
前段时间转了一篇有关于ExtJs中column与form的布局问题(可以参考这篇文章http://sucre.blog.51cto.com/1084905/884279 ),今天在设计页面时又用到了这 ...
- 28. extjs中Ext.BLANK_IMAGE_URL的作用
转自:https://blog.csdn.net/yiyuhanmeng/article/details/6960132 在使用ExtJS时,我们往往需要在使用之前加入这么一句: Ext.BLANK_ ...
- 解决Extjs中Combobox显示值和真实值赋值问题
用过Extjs的朋友相信都知道在Extjs的Combobox组件中是由两个值来组成的.一个是displayField这个是用来显示给我们看 的,而另一个是真正给系统用的valueField,举个例子会 ...
- extjs中元数据_Extjs中Store小总结
http://blog.csdn.net/without0815/article/details/7798170 1.什么是store? Store类似于一个本地仓库(即数据存储器),包括有 Arra ...
- Extjs中给同一个GridPanel中的事件添加参数的方法
Extjs中给同一个GridPanel中的事件添加参数的方法: this.isUse = new Ext.Action({ text:'启用', sco ...
- ExtJs中Store简介(秘籍)
ExtJs中Store简介(秘籍) 1.什么store? Store类似于一个本地仓库(即数据存储器),包括有 ArrayStore,DirectStore,GroupingStore,JsonSto ...
- Extjs中三种不同的数据提交方式
Extjs中三种不同的数据提交方式 Extjs的三种提交方式: 表单Ajax提交,普通提交,单独Ajax提交: 1.表单ajax提交(默认提交方式) 提交函数:当按下表单中的提交按钮时执行下面的btn ...
- matlab 函数优化问题,matlab求解最优化问题 Matlab在最优化问题中的应用举例.doc
matlab求解最优化问题 Matlab在最优化问题中的应用举例 导读:就爱阅读网友为您分享以下"Matlab在最优化问题中的应用举例"的资讯,希望对您有所帮助,感谢您对92的支持 ...
最新文章
- 01-mybatis源码阅读
- 从VMware ESX Server 4升级到ESXi 5
- ★Kali信息收集~★6.Dmitry:汇总收集
- python 函数参数 (必选参数、默认参数、可选参数、关键字参数)
- 中小企业项目的痛VS感人IT团队
- Spring Boot中@ConfigurationProperties与@PropertySource的基本使用(读取指定的properties文件)
- 西瓜书《机器学习》决策树IDW3, C4.5公式推导
- nginx启动只有master没有worker_深入探索Nginx工作原理
- 计算机控制的液压提升,LSD液压提升系统(2008).doc
- python聊天室设计_基于python的GUI聊天室设计
- 请问ECSHOP首页站内快讯在哪里添加和修改?
- 技术是如何创造价值的
- 移动端安卓vin码/车架号识别
- mysql的number范围_数据库number类型精度实用分析
- 茎叶图、箱图是什么,如何用SPSS实现?(图文)
- 机器学习入门,转载博文,转自 飞鸟各投林
- SAS(十二)PROC步
- redis的三大模式主从,哨兵和集群
- 晶体(晶体谐振器)和晶振(晶体振荡器)的区别
- java实现销售预测算法,预测5天销售
热门文章
- cmd使用另一个Oracle的sid,(转发备用)Oracle SID在本机上已经存在,请指定一个不同的SID”的解决办法...
- 虚拟化运维工具医院解决方案
- 计算机科学学院陈瑜,浙江大学城市学院计算机与计算科学学院 计算机科学与技术 陈则伦...
- 内连接查询的重点分析
- 硬件知识:USB3.0和USB2.0的区别,看完你就懂了!
- 前端:Element UI 多选框组用法笔记
- 计算机网络:TCP和UDP的对比
- MongoDB常用语句
- js打开android应用程序,浏览器通过JS打开Android程序
- linux网络编程、socket编程