wangchuyun
corjam
2010-08-31 09:47
浏览 260

fusioncharts 与ext的使用?

var bi = new Ext.Window({
title:'\u57fa\u672c\u8d44\u6599',
width:750,
id:'chartdiv',
//modal:true,
closeAction:'hide',
shadow :false,
height:300,
html:'chart'
});
bi.show();
var chart = new FusionCharts("/fusioncharts/charts/Column3D.swf", "ChartId", "600", "350");
chart.setDataURL("/fusioncharts/data/Column3D.xml");

chart.render("chartdiv");

这样会不显示...

new Ext.ux.Chart.Fusion.Window({})只支持3.0以上的.
2.0的有没有插件呢.

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 邀请回答

10条回答 默认 最新

  • KiTong
    KiTong 2010-08-31 15:29
    已采纳

    这个是我自己测试的jsp代码,我是用ext2测试的,正常显示

    [code="java"]<%@ page language="java" contentType="text/html; charset=gb2312" %>








    <br> Ext.onReady(function(){<br> var delay_xml=&quot;&lt;?xml version=&#39;1.0&#39; encoding=&#39;GB2312&#39;?&gt;&quot;<br> +&quot;<chart palette='2' caption='IPL拨测时延(秒)' xAxisName='日期' yAxisName='时延' showValues='0' decimals='0' formatNumberScale='0' useRoundEdges='1'>&quot;<br> +&quot;<set label='2010-08-17' value='462'/>&quot;<br> +&quot;<set label='2010-08-18' value='857'/>&quot;<br> +&quot;<set label='2010-08-19' value='671'/>&quot;<br> +&quot;</chart>&quot;;<br> var delay_chart = new FusionCharts(&quot;chart/Column2D.swf&quot;, &quot;ChartId&quot;, 550, 350);<br> delay_chart.setDataXML(delay_xml);<br> var bi = new Ext.Window({<br> title:&#39;\u57fa\u672c\u8d44\u6599&#39;,<br> width:600,<br> id:&#39;chartdiv&#39;,<br> //modal:true,<br> closeAction:&#39;hide&#39;,<br> shadow :false,<br> height:400,<br> items: {<br> listeners: {<br> render: function(p) {<br> delay_chart.render(p.id);<br> }<br> }<br> }<br> //html:&#39;chart&#39;<br> });<br> bi.show(); <br> }); <br>





    [/code]
    点赞 评论
  • lizhiyezi
    lizhiyezi 2010-08-31 10:16

    bi.on('show', function() {
    chart.render(bi.body.dom.id);//渲染在windows body上面 你可以试试
    })

    目前 2.0 没有,不过你可以使用3.0里的,可能需要改点代码。

    点赞 评论
  • lizhiyezi
    lizhiyezi 2010-08-31 13:06

    你可以没明白意思,你吧3.0的Ext.ux.Chart.Fusion.Window拿到2.0使用就行了。修改点东西

    点赞 评论
  • KiTong
    KiTong 2010-08-31 15:27

    [code="java"]
    var chart = new FusionCharts("/fusioncharts/charts/Column3D.swf", "ChartId", "600", "350");
    chart.setDataURL("/fusioncharts/data/Column3D.xml");
    var bi = new Ext.Window({
    title:'\u57fa\u672c\u8d44\u6599',
    width:750,
    id:'chartdiv',
    //modal:true,
    closeAction:'hide',
    shadow :false,
    height:300,
    items: {
    listeners: {
    render: function(p) {
    delay_chart.render(p.id);
    }
    }
    }
    //html:'chart'
    });
    bi.show();
    [/code]
    这样就可以显示了,ext2用render,ext3的话就改成afterrender

    点赞 评论
  • lizhiyezi
    lizhiyezi 2010-08-31 16:24

    你能否把Ext.ux.Chart.Fusion.Window 相应js发来,我帮你改

    点赞 评论
  • lizhiyezi
    lizhiyezi 2010-08-31 17:22

    后台使用dom4j 解析
    Document document = DocumentHelper.createDocument();
    response.setContentType("text/html");
    response.getWriter().write(document.asXML()); //写入xml
    response.getWriter().flush();
    response.getWriter().close();

    点赞 评论
  • lizhiyezi
    lizhiyezi 2010-08-31 17:31

    1:response.setContentType("text/html;charset=utf-8"); //设置头文件编码
    2:过滤器处理
    3:Tomcat server.xml Connector节点添加 URIEncoding="utf-8"

    如果url里面有中文使用
    url = encodeURI(url);

    点赞 评论
  • lizhiyezi
    lizhiyezi 2010-08-31 17:34

    Ext.ux.Chart.Fusion.Window 不是源代码

    点赞 评论
  • lizhiyezi
    lizhiyezi 2010-09-01 09:46

    添加到tabpanel 需要 tabPanel.doLayout()

    点赞 评论
  • lizhiyezi
    lizhiyezi 2010-09-01 10:15

    那个文件还是不全,好多对象都没。
    你render 到 panel.body.id 上面看看

    点赞 评论

相关推荐