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说明）：

      

 

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