`

amCharts,一款值得推荐的Flash charts图组件

 
阅读更多
今天无意中看到一个利用Flash生成chart图的工具:amCharts,我一开始就觉得这些chart图非常眼熟,它的显示样式跟监控宝的是完全一样的,我通过查看网页的源文件,才知道原来监控宝就是用的这套画图组件。

amCharts分为四类chart图:Flash charts、Flex charts、WPF&Silverlight charts和Flash maps,可见其能生成的chart图是非常丰富多样的。

Flash charts

Flash charts曲线图

曲线图

Flash charts饼状图

饼状图

Flash charts柱状图

柱状图

Flash maps

Flash charts地域分布统计图

地域分布统计图

amCharts完全免费,使用很简单,完全不需要懂任何的编程语言,我们只需要画葫芦照搬三个步骤即可:

1、根据它提供的xml样板文件,编辑数据,这是Flash charts图的数据源,格式非常的简单。

2、调用amCharts提供的SWFObject.js文件,如:
<script type="text/javascript" src="/amline_1.6.3.0/amline/SWFObject.js"></script>

3、在网页里调用Flash控件,如:
<script type="text/javascript">
// <![CDATA[
var so = new SWFObject("/lib/ampie/ampie.swf?cache=0", "ampie", "640", "420", "8", "#FFFFFF");
so.addVariable("path", "/lib/files/")
so.addVariable("settings_file", escape("/lib/ampie/settings/2d-pie-chart.xml"));
so.addVariable('data_file', escape('/lib/ampie/data/2d-pie-chart.txt'));
so.addVariable("preloader_color", "#999999");
so.addParam("wmode", "opaque");
so.write("flashcontent");
// ]]>
</script>
控件里的数据根据需要而改变。

amCharts官方地址:http://www.amCharts.com,官网上有更加详细的教程和范例,并可以下载最新版本。

分享到:
评论

相关推荐

    AmCharts的Javascript Charts图形组件V3.21.14版本

    AmCharts的Javascript Charts图形组件是开发者们用于创建各种数据可视化的强大工具,尤其在V3.21.14版本中,它展示了优秀的性能和广泛的兼容性。这个组件完全基于JavaScript编写,允许开发者无需依赖其他编程语言或...

    amcharts 超好的用来制作flash图表工具

    1. **amcharts组件**:amcharts提供了一系列不同类型的图表组件,如柱状图(amcolumn),折线图(amline),散点图(amxy),饼图(ampie),雷达图(amradar)等,这些组件满足了多样化的数据展示需求。 2. **数据...

    Amcharts flash版

    AmCharts 是一款强大的数据可视化工具,尤其在Flash版本中,它提供了丰富的前端动画效果,使得数据展示更加生动和吸引人。这款工具广泛应用于网站和应用的图表制作,为开发者提供了高效且灵活的方式来创建动态和交互...

    amcharts-flex-charts

    【标题】"amcharts-flex-charts" 指的是一款基于Adobe Flex技术的图表库,主要用于创建交互式、数据可视化的图表。这个库是AmCharts公司提供的,它扩展了Flex框架,使得开发者能够轻松地在Flex应用中集成复杂的图表...

    amcharts_4.5.15.zip

    AmCharts 是一款强大的数据可视化工具,它提供了丰富的图表类型,如柱状图、线图、饼图、热力图等,适用于网页开发和数据分析展示。这个压缩包 "amcharts_4.5.15.zip" 包含的是 AmCharts 的官方最新版本 4.5.15,该...

    amcharts中文教程(柱状图,饼状图等的中文设置说明)

    -- 如果没有用flash,需要设置该属性为false[true] (true / false) In case you don't use any flash - JavaScript communication, you shuold set this setting to false - this will save some CPU and will ...

    amcharts1.6 flash报表

    amcharts的flash报表1.6版,已破解,注意配置路径,部分是原带的样例,

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

    我们一个小团队在一起利用amCharts为基础拓展的一个柱形图,具有高可用性,安全性,稳定性,分数贫瘠的同学可以到以下链接下载 http://hwak.iteye.com/blog/1297661 相关介绍也在那边,请各位多多指教。

    amcharts_flex_components_1.6.2.1.zip_am flex charts_amChartsFB3_

    标题中的"amcharts_flex_components_1.6.2.1.zip"表明这是一个关于amCharts Flex组件的软件包,版本号为1.6.2.1。amCharts是一家知名的图表库供应商,他们提供了用于Adobe Flex的图表组件。Flex是Adobe开发的一种...

    Chart 极品web报表控件收集(Flot,AmCharts, Emprise JavaScript Charts...)

    • AmCharts - AmCharts 是一个动画交互Flash图表。支持: Pie Charts, Line Charts, Scatter/Bubble Charts, Bar/Column Charts, 甚至股票图表。 • Emprise JavaScript Charts - Emprise 是一个100% 纯 ...

    amcharts 官方组件

    amcharts 是一个强大的JavaScript图表库,它允许开发者创建各种交互式的图表,包括柱状图、线图、饼图、地图等。这里的“官方组件”可能包含了该库的所有核心组件和附加功能。 **描述分析:** 描述提到“amcharts ...

    WPF AmChart Charts 图形

    AmCharts为WPF提供了一个专门的组件集,使开发者能够轻松地在WPF应用中集成图表。这些组件包括各种类型的图表,如柱状图、线图、饼图、雷达图、热力图等,以及地图和其他复杂的数据可视化元素。AmCharts的WPF版本...

    HTML5图表amCharts教程下载

    amCharts 是一款报表图形统计插件,可以生成动态展现的图形,支持用户交互,例如,鼠标放在图的上面,可以显示详细的统计信息。amCharts 提供了多种类型的图表,包括条形图、柱状图、曲线图、饼图、步线、平滑线、K ...

    使用amCharts制作的基于c# wpf的股票K线图源码

    amCharts是一款灵活且高度可定制的图表库,它支持多种图表类型,如折线图、柱状图、饼图、散点图等。对于金融数据展示,amCharts提供了专门的金融图表,包括K线图(也称为蜡烛图或OHLC图),非常适合展示股票、期货...

    amcharts柱状图配置中文解析.pdf

    Amcharts柱状图配置是其核心组件之一,提供了丰富的自定义选项,满足不同用户的需求。本文将对Amcharts柱状图配置的XML配置文件进行深入解析,介绍其各个参数的作用、数据类型和默认值,帮助开发者更好地掌握...

    amcharts 3D柱状图解说

    amCharts是一款强大的JavaScript图表库,它提供了一系列丰富的交互式图表类型,包括2D和3D效果。在本篇文章中,我们将深入探讨amCharts如何实现3D柱状图,并通过实际案例来理解其工作原理。 **一、amCharts简介** ...

    asp.net 图表控件 amCharts

    amCharts是一个优秀的图表库,它以Flash为技术基础,提供了一套强大且美观的图表解决方案。amCharts以其华丽的界面、丰富的交互性和出色的动画效果在众多图表控件中脱颖而出。 **一、amCharts的特点** 1. **视觉...

    无水印amcharts 3D柱状图解说

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

    amcharts 柱状图实例

    amCharts 是一个强大的 JavaScript 图表库,提供了丰富的图表类型,包括柱状图。这个实例将深入探讨如何使用 amCharts 创建柱状图,并通过实际代码示例来帮助理解。 **一、amCharts 简介** amCharts 是一套用于创建...

Global site tag (gtag.js) - Google Analytics