.net+FusionChart实现动态显示的柱状图和饼状图

html代码:




    


    

上面是,前端页面上的使用,可以看出:其用法很简单,对于绘制柱状图或是饼状图等,对于使用唯一的区别就是:指定不同的展示flash文件和相应的xml格式内容(具体每种chart图表对应的xml文件格式,请查看官网Demo)。其方法主要方法有:

  • setDataURL:设置数据源Url,以指定 xml格式文件为数据源
  • setDataXML:设置数据源xml内容,以指定 xml格式字符串为数据源

(网上说有个setJSONData的方法,可以设置json对象作为数据源,但应该是老版本或整合修改后的js文件,没找到,所以直接设置json对象作为数据源貌似不行!)

using System;
 
namespace Web_Client.pieChart
{
    public partial class xml : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {
            Response.ContentType = "text/xml; characterset=utf-8";
            Response.BinaryWrite(new byte[] { 0xEF, 0xBB, 0xBF });
            Response.Write("   ");
            Response.End();
        }
    }
}

以上是在后台代码中输出xml格式文件为数据源,需要注意的是:Response.ContentType = "text/xml; characterset=utf-8";Response.BinaryWrite(new byte[] { 0xEF, 0xBB, 0xBF });——这两行代码是不可缺少的,其作用是:指定输出xml文件的编码和解决中文乱码问题!

效果图如下:

.net+FusionChart实现动态显示的柱状图和饼状图_第1张图片

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

你可能感兴趣的:(.net+FusionChart实现动态显示的柱状图和饼状图)