Amcharts是一组Flash图表，你可以免费使用在你的网站和基于网络的产品。 Amcharts可以从简单的CSV或XML文件提取数据，也可以从动态数据读取生成，比如PHP, .NET, Ruby on Rails和Perl，以及其他许多编程语言。

先来以一个实实际使用的例子来介绍它的使用方法：

实际的效果图：

代码如下：

1.数据源和缩放处理函数：

            [Bindable]public var chartData:ArrayCollection = new ArrayCollection([{cellName:"CELLCELL1",osAlarmNum:1,osAlarmTime:23,avgOsAlarmTime:20},{cellName:"CELLCELL2",osAlarmNum:5,osAlarmTime:31,avgOsAlarmTime:23},{cellName:"CELLCELL3",osAlarmNum:3,osAlarmTime:24,avgOsAlarmTime:26},{cellName:"CELLCELL4",osAlarmNum:7,osAlarmTime:12,avgOsAlarmTime:21},{cellName:"CELLCELL5",osAlarmNum:5,osAlarmTime:17,avgOsAlarmTime:15},]);private function zoom():void{if(chartData.length > 10){var count:Number = chartData.length;chart.zoomToIndexes(count - 10, count - 1);}}

2.图表的参数，myamcharts是重写过的去水印的AmSerialChart：

<myamcharts:AmSerialChart id="chart"width="100%"height="89%"   dataUpdated="{zoom()}"dataProvider="{chartData}"categoryField="cellName"plotAreaFillAlphas="[0]"angle="5"depth3D="2"><myamcharts:graphs><amcharts:AmGraph id="g0"title="退服次数" balloonText="退服次数：[[osAlarmNum]]"valueAxis="{v1}" valueField="osAlarmNum" type="column" lineAlpha="0"fillColors="[#E48701]" fillAlphas="[1]"/>                        <amcharts:AmGraph id="g1" title="退服历时" balloonText="退服历时：[[osAlarmTime]]"valueAxis="{v2}"valueField="osAlarmTime" type="column" lineAlpha="0"fillColors="[#A5BC4E]" fillAlphas="[1]"/><amcharts:AmGraph id="g3" title="平均历时" balloonText="平均历时：[[avgOsAlarmTime]]"valueAxis="{v2}"valueField="avgOsAlarmTime" type="column" lineAlpha="0"fillColors="[#1B95D9]" fillAlphas="[1]"/></myamcharts:graphs><myamcharts:valueAxes><amcharts:ValueAxis id="v1"axisColor="0xffffff"/> <amcharts:ValueAxis id="v2"gridAlpha="0"position="right"axisColor="0xffffff"unit="min"/></myamcharts:valueAxes><myamcharts:categoryAxis><amcharts:CategoryAxis gridPosition="start"gridAlpha="0"wrapLabels="true"autoTruncate="true" autoGridCount="true"/>                            </myamcharts:categoryAxis><myamcharts:balloon><amcharts:AmBalloon cornerRadius="10" borderThickness="2" borderColor="#FFFFFF" borderAlpha="1"/></myamcharts:balloon><myamcharts:chartCursor><amcharts:ChartCursor crosshair="false"zoomable="true"/></myamcharts:chartCursor><myamcharts:chartScrollbar><amcharts:ChartScrollbar graph="{g0}"graphType="column"graphFillColor="0xff0000"/>                        </myamcharts:chartScrollbar></myamcharts:AmSerialChart><amcharts:AmLegend id="amLegend"x="0" y="{chart.height - 10}"align="center"switchable="false"dataProvider="{chart}"width="100%"horizontalGap="10"valueWidth="30"/>

-------------------------------------------------------------------------------------------------------------------------

ColumnChart的一些参数说明：

Axes   轴设置

CategoryAxisAlpha     //x轴坐标线透明度

CategoryAxisColor   //x轴坐标线颜色

CategoryAxisTickLength    // x轴坐标刻度线的延长线

CategoryAxisWidth         //x轴坐标线的厚度

ValueAxisAlpha     //y轴（值） 坐标线透明度

ValueAxisAlpha     //y轴坐标线颜色

ValueAxisLogarithmic    //false 为线性刻度，true为对数刻度

Balloons   //弹出数据指示框的设置

BalloonAlpha    //弹出框的透明度

BalloonBorderAlpha   //弹出框边框

BalloonBorderColor    //弹出框边框的颜色

BalloonEnabled   // 弹出框是否可用

Column //柱状图的柱子的设置

ColumnBalloonTextFormatString   //当鼠标移动到柱子时弹出的标签 {value} 为y轴坐标值

ColumnBorderAlpha //柱子的边框

ColumnDataLabelFormatString    //柱子的数据文本标签

ColumnDataLabelTextPosition    //柱子数据标签的位置

ColumnGradientDirection      //柱子数据标签的

ColumnGrowEffect              //柱子的动画效果

ColumnHoverBrightness        //指示柱子时柱子的亮暗变化

ColumnSequencedGrow         //柱子是同时展示，还是一根接一根

ColumnSpacing           //同一坐标点的柱子的间距

Columntype                //柱子的结构

ColumnWidth          //两个坐标点间柱子的间隔   百分比，100为没有间隔

Context Menu                 //右键菜单

ContextMenuItems    //用户自定义可选项

ShowPrintContextMenu     //打印功能

ShowZoomcontextMenu   //缩放功能

Error messages    //错误信息

Externals   //    数据绑定设置

DataType   // 绑定数据类型

ExternalDataFileUrl    //数据文件地址

ExternalSettingsFileUrl    //设置文件地址

ReloadDataInterval      //刷新数据间隔

Grid        //网格线

CategoryGridDashed     //网格竖线是否连续

CategoryValuesColor      //x轴坐标文本的颜色

CategoryVluesEnabled     //x轴坐标文本是否显示

CategoryValuesFrequency    //x轴文本显示的网格线比例

CategoryValuesInside       //x轴文本是否显示在网格内

ValueGridAlpha         //y轴坐标

ValuesInside       //y轴坐标显示在网格内外

Guides     //显示栏线

Image export    //图片导出

Legend    //图标

LegendAlign     //图表对齐位置

Line    //曲线

AreaFillAlpha   //曲线下的面积透明度

Bullet      //曲线点的标记

LineBalloonTextFormatString    //曲线弹出框显示的值

Margins    //边距

Plot area    //图形区

Strings    //字符串

DataSourceID     //绑定数据控件

DataSeriesIdField    //x轴坐标数据

Graphs //单个图表设置

Angle    3D图的角度

BackColor 控件背景色       

Labels    //图表标记

-----------------------------------------------------------------------------------------------------------------------------

转载于:https://www.cnblogs.com/gongchen/archive/2013/01/26/2877809.html

amcharts的使用介绍相关推荐

  1. amcharts应用

    查看选中的软件的下载量,通过amchart报表工具显示出软件日下载量,月下载量以及年下载量,下面简单介绍,amchart在struts2中的应用. amCharts提供JavaScript/HTML5 ...

  2. 统计图表导入word，用到echarts，highcharts，amcharts，jfreechart

    功能介绍 需求由来 整理数据和图表,导入到一份规范化的word中 准备工作 需求并不是很明确,就先实现word导出,我采用的是freemarker 首先:搭建一个boot项目 添加pom中的包 < ...

  3. 破解amcharts的方法

    Amcharts是一组Flash图表,你可以免费使用在你的网站和基于网络的产品. Amcharts可以从简单的CSV或XML文件提取数据,也可以从动态数据读取生成,比如PHP, .NET, Ruby ...

  4. QiYuAdmin-metronic首页的js和css介绍(SpringBoot项目实战)

    简介 这篇文章主要是对metronic首页的js和css进行简单的介绍,以及针对QiYuAdmin项目梳理出一些公用的js和css,什么是共用的js和css?共用的js和css是很多页面都会用到相同的 ...

  5. 简单介绍互联网领域选择与营销方法

    在我看来,互联网领域的选择是"安家",而营销方法的不同则表现了"定家"的方式多种多样,只有选对了,"家"才得以"安定". ...

  6. 常用开源协议介绍以及开源软件规范列表

    1. 开源协议介绍 GPL: General Public License,开源项目最常用的许可证,衍生代码的分发需开源并且也要遵守此协议.该协议也有很多变种,不同变种要求会略微不同. MPL: MP ...

  7. python：Json模块dumps、loads、dump、load介绍

    20210831 https://www.cnblogs.com/bigtreei/p/10466518.html json dump dumps 区别 python:Json模块dumps.load ...

  8. pytorch学习笔记（九）：PyTorch结构介绍

    PyTorch结构介绍 对PyTorch架构的粗浅理解,不能保证完全正确,但是希望可以从更高层次上对PyTorch上有个整体把握.水平有限,如有错误,欢迎指错,谢谢! 几个重要的类型 和数值相关的 T ...

  9. Python字节码介绍

    了解 Python 字节码是什么,Python 如何使用它来执行你的代码,以及知道它是如何帮到你的. 如果你曾经编写过 Python,或者只是使用过 Python,你或许经常会看到 Python 源代 ...

  10. Pytest - 使用介绍

    1. 概述 pytest是一个非常成熟的全功能的Python测试框架,主要特点有以下几点: 1.简单灵活,容易上手,文档丰富: 2.支持参数化,可以细粒度地控制要测试的测试用例: 3.能够支持简单的单 ...

最新文章

  1. mysql 存储过程 异常 回滚吗_MySQL 5.7 存储过程报错不回滚
  2. redux中reducer使用require.context使用技巧
  3. c分布 的程序设计语言,#2020学习打卡##C程序设计语言# C语言中的随机数函数解析...
  4. 计算机操作系统笔记——处理器调度
  5. Zabbix的应用(6)----常见错误
  6. iOS开发之MapKit
  7. 数据库ACID、脏读、不可重复读和幻读
  8. 电信接入点服务器修改,修改apn加快电信4g网速(电信最佳apn接入点)
  9. 综合评价模型的缺点_综合评价方法这么多，我该怎么选
  10. 计算机网络管理员中级试题及解析,计算机网络管理员中级考试题及答案(一)(1)...
  11. xp系统怎么更改计算机用户名和密码,xp系统怎么取消开机密码?
  12. 用计算机三角函数公式,电脑是通过什么公式计算出三角函数的？
  13. yolo3加载自己训练的模型出现NameError: name 'yolo_head' is not defined
  14. python修改屏幕分辨率_Python 脚本中不同平台显示器分辨率的坐标转换
  15. Python Scrapy 爬取 前程无忧招聘网
  16. 华为什么型号支持鸿蒙,哪些华为手机支持鸿蒙系统？华为支持鸿蒙OS手机型号清单...
  17. NetFPGA-SUME中Ubuntu环境使用Vivado的相关问题
  18. IT男的15次相親經歷
  19. Android仿京东收货地址
  20. General error: 1366 Incorrect string value: '\xF0\x9F\x98\x8A' for column

热门文章

  1. 美式英语口语中连读、略读，音变的技巧
  2. Idear部署web项目过程
  3. MySQL从删库到跑路（6）：子查询
  4. app毕业设计开题报告基于Uniapp实现的美食餐厅订单点餐APP
  5. 互联网日报 | 7月14日 星期三 | 京东宣布涨薪两个月；腾讯收购搜狗股权获无条件批准；教育部辟谣取消教师寒暑假...
  6. 微信企业号回调模式 java_java微信企业号开发之开发模式的开启
  7. python 中英文时间转换
  8. PHP根据年月获取月初月末时间
  9. 浅谈产品原型制作与设计方法
  10. 计算机老师任课教师寄语,任课老师新学期寄语