Cube在Web图表中使用HighCharts实下钻上钻效果

浏览: 3075

效果图 (单击对应粒度进行判别上钻或下钻)

设计分析:

1.获得Cube的结果集,对通过MDX语句进行构建的。可以构健按年,及按月以年为条件的MDX 语句。

 如:"select  [Measures].[Sale] on 0,[Dim Time].[Years].[Years] on 1 from [HChartDW] " 按年

       "select  [Measures].[Sale] on 0,[Dim Time].[Month].[Month].members on 1 from [HChartDW] where [Dim Time].[Years].&["+Year.ToString()+"]"; 按月以年过滤


2.使用Highchart 进行图表设计。Highcharts是一款国内外十分优秀的图表JS类库。能够十分灵活满足用户交互性需求,使用ajax请求能够动态呈现报表。关于HighChart学习成本,要学习JS,关于JS我学觉得未来十分必要,因为在移动开发,及图表开发中, JS显示得十分十分重要。


3.程序台后设计,把MDX结果集转换成JSON字符串. 供Ajax请求获得数据。


4.在Higchart中 定义一个点击列条状事件,此事件重新获得数据,并重新制作图表。



关于此Demo 我将上传完整的Cube,数据库,前瑞Web程序 供大家调试使用。

文件如下:








    

推荐 2
本文由 zengxinwen 创作,采用 知识共享署名-相同方式共享 3.0 中国大陆许可协议 进行许可。
转载、引用前需联系作者,并署名作者且注明文章出处。
本站文章版权归原作者及原出处所有 。内容为作者个人观点, 并不代表本站赞同其观点和对其真实性负责。本站是一个个人学习交流的平台,并不用于任何商业目的,如果有任何问题,请及时联系我们,我们将根据著作权人的要求,立即更正或者删除有关内容。本站拥有对此声明的最终解释权。

3 个评论

效果很炫啊,之前这个也玩过一段时间,结合到felx开发,但是要写coding,太苦逼啊,最后就没弄啊。
highcharts 又丰富了些图表
highchart企业使用应该需要授权吧

要回复文章请先登录注册