Extjs3.4和fusioncharts3.2的整合
来源:互联网 发布:java反射获得属性值 编辑:程序博客网 时间:2024/04/30 21:44
1.不使用插件:
<link rel="stylesheet" type="text/css" href="extjs/resources/css/ext-all.css"/>
<script type="text/javascript" src="test_mkm/FusionCharts.js"></script>
<script type="text/javascript" src="extjs/ext-base.js"></script>
<script type="text/javascript" src="extjs/ext-all.js"></script>
<!--
<link rel="stylesheet" type="text/css" href="styles.css">
-->
<script type="text/javascript">
Ext.onReady(function(){
Ext.QuickTips.init();
var rtChart = new Ext.Panel({
title:"Fault Chart",
width:500,
height:400,
frame:false,
//html:"<iframe id='iFrame_chart' name='iFrame_chart' width='100%' scrolling='no' height='100%' frameborder='0' src='a.jsp'></iframe>",
html:"<div id='chart'></div>",
listeners:{
"afterrender":renderHandler
},
renderTo:"da"
});
});
function renderHandler(a){
FusionCharts.setCurrentRenderer("javascript");
var myChart = new FusionCharts("test_mkm/RealTimeLine.swf","myChartId","500","380","0","1");
myChart.setXMLUrl("test_mkm/data.xml");
myChart.render("chart");
}
</script>
</head>
<body>
<div id="da"></div>
</body>
</html>
2.使用插件的方法:(部分代码)
红色部分顺序不能错
<script type="text/javascript" src="extjs/ux/fusionchart/uxmedia.js"></script>
<script type="text/javascript" src="extjs/ux/fusionchart/uxflash.js"></script>
<script type="text/javascript" src="extjs/ux/fusionchart/uxfusion.js"></script>
var MSCombi3D = new Ext.ux.FusionPanel({
title : "MSCombi3D Chart",
chartURL : "FusionChart3.2/swf/MSColumn3D.swf",
dataURL : "js/MSCol3D2.xml",
//dataXML:realTimePanel,
width : 500,
height : 400,
mediaCfg : {
width : 500,
height : 380,
params : {
scale : "exactfit"
}
},
renderTo : "d"
});
- Extjs3.4和fusioncharts3.2的整合
- Extjs3.4文件的引入
- ExtJS3.4升级ExtJS4.2的问题汇总
- ExtJS3.2
- ExtJs3.2和ExtJs3.0在reload时的区别(点击左边树的节点时右边表格中的数据是否同步的问题)
- Extjs3.4开发包的认识
- 学习笔记-extjs3.4的一些整理
- Extjs3.4 的 TreeLoader参数preloadChildren
- Extjs3.2自定义组件的书写
- eclipse和myeclipse6.5安装extjs3.4的代码提示的插件
- 关于extJS3.2版本中设置datefield控件和combo控件等只读的问题
- extjs3.2中grid中行的多选和单选问题
- extjs3.3.1中继承实现代码的抽取和调用
- Extjs3 给表格的行和列设置颜色
- extjs3.2中datefield和comboBox使用readOnly不正常显示
- extjs3.2中datefield和comboBox使用readOnly不正常显示
- extjs3.2中datefield和comboBox使用readOnly不正常显示
- ExtJS3.0与KindEditor4.1.2整合
- Apache的prefork模式和worker模式
- Linux下简单模拟密钥体系加密报文 (转)
- php检测访问者是否为手机
- VS C++ compiler的一个bug
- 关于 App store 里的截图 在不同分辨率手机的sotre里与 pc的itunes store 里不一致的问题
- Extjs3.4和fusioncharts3.2的整合
- 空间数据范围发生变化后如何更新数据的显示范围
- ANDROID平台移应该做的两步工作
- Struts2+Spring 整合成功测试案例----利用Dojo实现简单的Ajax的效果(一) .
- 单子(Singleton)设计模式
- Android的多线程
- 数据库备份文件自动压缩脚本
- Spring Jdbc入门
- C# 中的委托和事件