`

FLASH+XML柱形图(amCharts为基础拓展)

阅读更多

FLASH+XML柱形图(amCharts为基础拓展)

 

已经半年了,还是不太适应国内的软件行业的大环境,这里面有一个我们看不到的已经固化了的系统,只能慢慢的去感觉他了。最近发现一个问题,客户极为关注报表生成的功能。这与我一直以来追求系统的稳定性,高可用,安全性原则稍有背离,用户们说大体功能好不好,BUG多不多都不是事,慢慢来没有问题。不过一定要有我们可以用的报表功能!

 

的确,报表统计一直是不变的话题,无论你的系统多人性化,多高可用,多稳定,有多牛,如果报表不行,可以说还是失败的。因为,系统用户的领导不可能像实际用户一样天天趴在电脑前他们需要的是一个直观能够反映问题的东西,而且在中国这一点非常的突出!

 

网上找了很多的资料后,将他们分类比较,最后发现对于二维度报表统计项目较多,每个项目独立的时候,采用柱形图应该是首选。

 

有JS直接画的,有CSS直接画的,还有就是利用FLASH的。最后我选择了FLASH的这种方式,好处我就不说了大家都明白,不好的地方就是1,浏览器的支持问题。2,灵活度不高的问题。3,页面不直观的问题。针对这些问题,我寻找了一种解决办法,就是拓展amCharts的办法。我没有找到amCharts所有属性的相关中日文的文档,英语不好就没看英文的。下面我介绍一下我拓展的利用FLASH与XML(数据源)行程的柱形统计报表吧。欢迎拍砖!!

 

这是没有优化过的效果图,从官网可以直接下载的

 

 

下面的这幅图是我经过优化后的效果图,请各位同学看看图的效果吧,不喜欢的同学就可以绕道划过。

 

 

这个图标好处在于,颜色是自动分配,横坐标项目较多可以容纳下,还有就是拓展性很浅很强!

 

这个报表需要以下几个文件:

JS:amcharts.js,amfallback.js,raphael.js,swfobject.js(FLASH嵌套函数)

XML:data.xml(数据源),settings.xml(图形表示配置XML)

HTML:index.html(展示用)

 

现将代码打包上传,其中settings.xml我做了详细的注释,虽为原创,欢迎转载,无偿使用与提供技术支持,谢谢各位同学。

7
1
分享到:
评论
8 楼 hjf0900380211 2014-07-20  
请问hover时,能够改变柱状图柱子的颜色么?
7 楼 zhoulubiao 2011-12-09  
恩恩
6 楼 83003401 2011-12-09  
找了好久 终于找到了 不错 不错~
5 楼 jiangdianxiang2008 2011-12-09  
不错,可以用。
4 楼 hwak 2011-12-09  
非常对不起大家,请大家重新下载
DurationOnValueAxis(优化后的代码).zip
这个包,都是全的希望这次可以帮到大家。
3 楼 hwak 2011-12-09  
Im'sorry,谢谢shenhuawei18的提示。我少弄了一个包,请看更新。
2 楼 shenhuawei18 2011-12-08  
很感兴趣,但是不知道楼主为什么不将js文件也一起打包?
1 楼 hwak 2011-12-08  
如果无法表示,请及时联络我。

相关推荐

    flash统计图- flash柱形图- flash圆饼图- flash折线图 多款flash统计图动画

    本资源包含多款基于Flash的统计图动画,包括柱形图、圆饼图和折线图,这些都是数据分析和展示中常见的图表类型。以下是这些图表的相关知识点: 1. Flash统计图:Flash是一种交互式矢量图形和多媒体平台,它允许开发...

    flash js 曲线图+饼状图+柱状图绚丽插件

    本文将深入探讨“flash js 曲线图+饼状图+柱状图绚丽插件”这一主题,这是一组用于创建动态、交互式数据可视化的工具。 首先,让我们关注“曲线图”。曲线图,也称为折线图,是一种表示数值数据趋势的有效方式。在...

    asp+ACC柱形图

    由于标签中只提到了"柱形图",我们以Chart.js为例: 首先,在HTML中引入Chart.js库: ```html <script src="https://cdn.jsdelivr.net/npm/chart.js"></script> ``` 然后,我们可以在ASP中生成JavaScript代码来...

    安卓实现achartengine+动态饼图+动态柱形图

    构建动态柱形图,官方的API并没有提供可以借鉴的动态更新饼图的方法,考虑到数据都是活动的,不可能总是用静态数据,具体是通过定时器+Handler实现定时任务,通过Handler更新主线程UI,在更新之前要把之前的数据清除...

    金光ASP柱形图

    例如,使用ADO(ActiveX Data Objects)来建立数据库连接,执行SELECT语句,然后将查询结果转换为适合柱形图的格式。一旦数据准备就绪,就可以传递给JavaScript函数,生成柱状图。 总的来说,“金光ASP柱形图”可能...

    有用的flash竖柱形图、横柱形图、条(线)形图、饼状图演示程序

    本示例程序聚焦于四种常见的图表类型:竖柱形图、横柱形图、条形图(线形图)以及饼状图,全部基于Flash技术实现。以下是关于这些图表类型及其在Flash中的应用的详细解释。 1. **竖柱形图**:竖柱形图是一种常见的...

    3d地图+柱形图.rar

    在IT领域,3D地图与柱形图的结合是一种常用的数据可视化方法,尤其适用于大数据分析和展示。这种技术能够帮助用户以直观的方式理解复杂的空间数据和统计信息,非常适合在大屏幕上进行演示。以下是对"3D地图+柱形图...

    jfreeChar 折线图+柱形图(混合图) +最新Jar包及例子

    JFreeChart 是一个开源的Java库,用于生成高质量的、多样的图表,包括折线图、柱形图、饼图、散点图等。在这个特定的案例中,我们关注的是如何利用JFreeChart来创建折线图和柱形图的混合图表,这种图表在数据可视化...

    HTML5 JQUERY CSS3柱形图曲线图插件代码.rar

    HTML5 JQUERY CSS3柱形图曲线图插件代码,作者:DevilJie ,使用时请参照以下参数来设置曲线图:  document: 输出图形的位置id  s:柱状图数据 例如:[[1,2,3,4]]单柱状图 [[1,2,3,4],[2,3,4,5]] 双柱状图 ...

    jfreeChart+ struts+数据库,柱形图开发,直接能用

    本文将详细讨论如何使用jfreeChart、Struts框架以及数据库技术来开发一个柱形图应用,具体步骤和知识点如下: 首先,**jfreeChart** 是一个强大的Java图表库,它提供了丰富的图表类型,包括柱形图、折线图、饼图等...

    无水印amcharts 3D柱状图解说

    amcharts是一款强大的JavaScript库,专为创建交互式图表而设计,支持多种图表类型,包括柱状图、饼图、线图以及3D图表等。在本案例中,我们将探讨如何利用amcharts来制作无水印的3D柱状图。 首先,要创建一个无水印...

    Excel柱形图.rar

    7. **100% 交错柱形图**:与百分比堆积柱形图相似,但在交错柱形图的基础上,所有柱子的总高度都被设定为100%,更清晰地展示了各组在总和中的相对比例。 在Excel中创建和编辑这些柱形图非常简单。首先,你需要准备...

    matlab实现柱形图

    在MATLAB中,柱形图是一种非常...以上就是关于在MATLAB中实现柱形图的一些基础知识,包括如何设置x轴和y轴为数据坐标轴。通过灵活运用这些方法,你可以创建出各种定制化的柱形图,以满足不同的数据分析和可视化需求。

    java使用JFreeChart制作柱形图

    JFreeChart 是一个强大的开源库,它提供了多种图表类型,包括柱形图、饼图、线图等,使得开发者能够方便地将数据转化为易于理解的图形。 在描述中提到的3D柱形图,它通过添加深度感来增加视觉效果,使得数据的表现...

    open flash chart 2 线性图 柱形图 饼状图

    线性图、柱形图和饼状图是数据可视化中常见的图表类型,Open Flash Chart 2 支持这些图表的创建,帮助开发者更直观地展示复杂的数据。 **线性图(Line Chart)** 线性图通常用于展示数据随时间变化的趋势。在Open ...

    柱形图折线图组合PPT素材.pptx

    作为一份PPT图表资源,柱形图折线图组合PPT素材.pptx为用户提供了一个清晰直观的数据可视化解决方案。下面将对该资源进行详细的知识点分析: 一、数据可视化 数据可视化是指使用图表、图形、地图等视觉元素来展示...

    柱形图+折线图代码示例

    在数据分析和可视化领域,柱形图和折线图是最常用且直观的数据表示方式。柱形图主要用于比较不同类别的数量或频率,而折线图则适用于展示数据随时间的变化趋势。下面,我们将深入探讨这两种图表的原理、实现方法以及...

Global site tag (gtag.js) - Google Analytics