FusionCharts 中文

本文介绍了一种利用Ajax技术从服务器获取数据,并使用FusionCharts库在网页上实时展示动态图表的方法。通过将JavaScript与ASP.NET结合,实现了从前端请求到后台响应的完整流程,最终在页面中呈现了基于XML数据的3D柱状图。
前台:
ExpandedBlockStart.gifView Code
 <script language="Javascript" src="../FusionCharts/FusionCharts.js"></script>
    <script language="Javascript" src="../Scripts/jquery.js"></script>
    <script type="text/javascript">

        $.ajax({
            url: 
"farm.aspx",
            data: { 
'nocache': Math.random() },
            timeout: 
50000,
            success: 
function(text) {
                
var myChart1 = new FusionCharts("../FusionCharts/Column3D.swf""myChartId""600""350");

                myChart1.setDataXML(text);
                myChart1.render(
"chartDiv");
            }
        });
    
</script>
ExpandedBlockStart.gifView Code
 protected void Page_Load(object sender, EventArgs e)
        {
            Response.Clear();
            
string ds = File.ReadAllText(Server.MapPath("./data.xml"), Encoding.GetEncoding("gb2312"));
           

            Response.Write(ds);
            Response.End();

        }
data.xml
<chart caption='Monthly Unit Sales'  xAxisName='Month' yAxisName='飞' showValues='0'
    formatNumberScale
='0' showBorder='1'>
    
<set label='公告' value='462' link="n-http://www.baidu.com" />
    
<set label='Feb' value='857' />
    
<set label='Mar' value='671' />
    
<set label='Apr' value='494' />
    
</chart>
 

转载于:https://www.cnblogs.com/merseyalma/archive/2011/04/06/2007325.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值