FusionChart对MDX查询结果的数据展示案例

    前不久在发布了“2011高校信息化实践者精英论坛之上海交大BI系统汇报”之后,相继有几位朋友问到关于数据展示方面的问题,足见数据可视化在BI项目中的重要性。其中有一位叫Emmy朋友问到关于FusionChart如何对MDX查询后的结果数据进行展示,并在博客中问到这个问题,详见这里。今晚刚好有点时间,于是将Emmy的问题以实际例子的在此解答,希望给予大家参考。

 

    谈及FusionChart,大家可以访问 http://www.fusioncharts.com/ 查看其产品及介绍,其效果的确很cool。而如果要将其应用到我们的BI项目中,需要考虑的问题还是很多的。首先,我们知道,因为FusionChart是基于flash来展示数据的,它的数据源只能是一定格式的xml文件,而且可能每一种图表所需要的xml文件格式不一样。可喜的是,我们可以将数据集转化为xml以提供其数据源。可是,我们知道,在ADOMD.NET中,用MDX语句查询后能获取的对象只能是CellSet,并不是DataSet或DataTable。因此,问题的关键就在于如何将CellSet对象转化为DataTable对象。

 

    其实,只要google一下就知道,早已经有很多先辈们很好地解决了上述问题,并将CellSet对象转化为DataTable对象的方法公布于众,具体代码如下:

 

        /// <summary>
        
/// 将CellSet转化成Table
        
/// </summary>
        
/// <param name="cellset">CellSet</param>
        
/// <returns></returns>
        private DataTable CellSetToTable(CellSet cellset)
        {
            DataTable table 
= new DataTable("cellset");

            Axis columns 
= cellset.Axes[0]; //获取列轴
            Axis rows = cellset.Axes[1];//获取行轴
            CellCollection valuesCell = cellset.Cells;//获取度量值单元集合
            
//行轴的级别标题为表的第一列
            table.Columns.Add(rows.Set.Hierarchies[0].Caption);
            
//行轴的各个成员的标题变成表的列
            for (int i = 0; i < columns.Set.Tuples.Count; i++)
            {
                table.Columns.Add(
new DataColumn(columns.Set.Tuples[i].Members[0].Caption));
            }
            
int valueIndex = 0;
            DataRow row 
= null;
            
//向表中填充数据
            for (int i = 0; i < rows.Set.Tuples.Count; i++)
            {
                row 
= table.NewRow();
                
//表所有行的第一列值为相应行轴的成标题
                row[0= rows.Set.Tuples[i].Members[0].Caption;
                
for (int k = 1; k <= columns.Set.Tuples.Count; k++)
                {
//按顺序把度量值单元集合的值填充到表中
                    row[k] = valuesCell[valueIndex].Value;
                    valueIndex
++;
                }
                table.Rows.Add(row);
            }
            
return table;
        }

     代码很简单,原理就是遍历Cellset中的元组,然后填充至DataTable中。

     实现上述难点之后,我们就可以将DataTable的数据转化成xml提供给FunsionChart来展示数据。下面,我们一步步来解答Emmy的问题:

    (1)首先,将附件question.rar解压,并将test6.abf文件还原至SSAS中,并测试一下MDX语句是否正确,如下图所示:

    (2)接着,我们新建一个ASP.NET项目,并将相关flash文件、js文件加入到解决方案中,并将CellSet转DataTable的方法写入到一个工具类中,并添加对ADOMD.NET的引用,如下图所示:

  

    (3)在Default.aspx页面中加入以下控件,我们希望能通过选择不同的flash图表来展示数据:

    (4)在页面后置代码中,编写相应的事件代码,代码很简单,但是这里要说明的是,FusionChart可以采用两种在网页中呈现数据,一种是生成一段JS代码,一种是直接生成一段Flash的HTML代码。点击预览DataTable后的结果如下所示(是不是和我们刚开始的MDX测试结果一致?):

    当选择不同的图表类型后,生成的图表样式也不一样(XML的参数很多,可以参考FunsionChart官方的API说明)

      

 

    最后,完整的案例程序在此下载。希望大家多多交流!

 

posted @ 2011-04-01 00:35 bobomouse 阅读(...) 评论(...) 编辑 收藏