JavaScript must be enabled in order for you to view this page. However, it seems JavaScript is either disabled or not supported by your browser. To view this page, enable JavaScript by changing your browser options, then Try again! .

 
我的论坛
Google 网上论坛 Beta 版
Do Best Developer
访问此论坛

统计图表引擎效果展示

我曾经提到过一个探索性的原型,这个原型非常好的完成了它的使命。

如下是在这个原型的基础上开发的统计图表引擎的效果展示,我们仅仅给出了6幅图表(只包括数据区的内容):

饼状图

3D饼状图

3D柱状图

3D堆栈图

折线图

折线图

统计图表引擎原型

这起初只是我的一个设想,设想要开发基于Web的统计报表引擎。不过由于种种原因一直都没有开始,现在终于完成了一个探索性的原型。

原型采用Flash和XML技术,主要理由如下:

  • Flash Player流行度很高,可以避免插件安装
  • Flash有非常强大的表现力
  • Flash有非常灵活事件模型,可以实现良好的交互性
  • 便捷的打印能力
  • 易用的ActionScript2.0
  • 良好的安全模型

原型从如下四个方面进行了一些探索性的实践:

  • 绘制模型,绘制基本的图元,包括点、线、圆、矩形和楔形等
  • 事件模型,支持基本图元响应事件
  • 图表模型,建立图表的高级抽象,以方便添加不同类型的图表,本次实现包括Pie、Bar和Line三种图表
  • 数据模型,以XML表示数据

原型中实现的PieChart,单击了图例1类别名称后对应的绿色部分被抽出了。

饼状图

原型中实现的BarChart,单击了图例3类别名称后对应的蓝色部分的变浅了。

柱状图

原型中实现的LineChart,单击了图例1类别名称后对应的绿色部分被放大了。

折线图

原型中没有实现下面三福图,这里仅仅作为概念上的一种展示。但是引擎的实现中不仅会实现它们,还会实现更多。

带水平滑块的折线图

带垂直滑块的折线图

滑动的折线图图

注:这个原型用于商业,因此我没有办法提供源代码,请见谅!