amCharts开发笔记

AmCharts学习笔记 2012-4-6 基本属性说明    3 第一章 AmChart基本属性说明 图种类 图类型 说明 AmPieChart 饼图 AmRadarChart 雷达图 AmSerialChart 序列图，可创建大多数图类型；如柱状图，曲线图等 AmXYChart 离散图 AmLegend 图例（做为一种显示图的数据分类）     坐标系 坐标系 说明 CategoryAxis 横坐标 ValueAxis 纵坐标 Guide 坐标引导线，Guides are straight vertical or horizontal lines or areas AxisBase 坐标的基础类     图元元素 图元元素 说明 AmChart AmChart is a base class of all charts. AmCoordinateChart AmCoordinateChart is a base class of AmRectangularChart and AmRadarChart. AmRectangularChart AmRectangularChart is a base class of XY and Serial charts. AmGraph 图显示所有类型的类图，类型包括- line, column, step line, smoothed line, ohlc and candlestick. XY and Radar charts can only display "line" type graphs. AmBalloon 气球，气泡。为产生数据提示所采用的类(datatips). ChartCursor 光标，跟随鼠标显示的光标，可用于跟随光标显示数据。ChartCursor is a class which displays a cursor which follows the mouse. For Serial chart it also shows value and category balloons ChartScrollbar 滚动条ChartScrollbar class displays chart scrollbar. SimpleChartScrollbar SimpleChartScrollbar is base class of ChartScrollbar. GraphDataItem Graph Data Item SerialDataItem Holds information about serial data item. TrendLine 趋势线     事件 说明 事件说明 AmChartEvent 仅包含两种事件：数据更新后的事件和边界更新后的事件 DATA_UPDATED : String = "dataUpdated" MARGINS_UPDATED : String = "marginsUpdated" AxisEvent The AxisEvent class represents events that are specific to the AxisBase class. 只有一个当坐标维度被更改后触发 AXIS_WIDTH_CHANGED : String = "axisWidthChanged" CursorEvent 光标的触发事件 CHANGED : String = "changed" 光标位置更新时触发 DRAW : String = "onDraw" 光按住鼠标拖动时触发 ON_HIDE_CURSOR : String = "onHideCursor" 隐藏光标时触发 SELECTED : String = "selected" 当选择时触发 ZOOMED : String = "zoomed" 当进行放大时触发 GraphEvent 图元元素的触发事件 CLICK_GRAPH_ITEM : String = "clickGraphItem" 单击图元数据时 DOUBLE_CLICK_GRAPH_ITEM : String = "doubleClickGraphItem"双击 ROLL_OUT_GRAPH_ITEM : String = "rollOutGraphItem" ROLL_OVER_GRAPH_ITEM : String = "rollOverGraphItem" LegendEvent 图例事件 CLICK_LABEL : String = "clickLabel" 单击图例标签时触发 CLICK_MARKER : String = "clickMarker"单击图例标记时触发 HIDE_ITEM : String = "hideItem" SHOW_ITEM : String = "showItem" ROLL_OUT_ITEM : String = "rollOutItem" ROLL_OUT_MARKER : String = "rollOutMarker" ROLL_OVER_ITEM : String = "rollOverItem" ROLL_OVER_MARKER : String = "rollOverMarker" PieChartEvent 饼图事件 CLICK_SLICE : String = "clickSlice" 单击饼图中的某一区域时触发 PULL_IN_SLICE : String = "pullInSlice" PULL_OUT_SLICE : String = "pullOutSlice" ROLL_OUT_SLICE : String = "rollOutSlice" ROLL_OVER_SLICE : String = "rollOverSlice" SerialChartEvent 放大缩小事件 ZOOMED : String = "zoomed" ValueAxisEvent 纵坐标轴事件 AXIS_CHANGED : String = "axisChanged" AXIS_SELF_ZOOMED : String = "axisSelfZoomed" AXIS_ZOOMED : String = "axisZoomed" LOGARITHMIC_AXIS_FAILED : String = "logarithmicAxisFailed"     关系 属性 在相应的图表组件中，会有一些关键的属性，需要去了解，在此处罗列一些在开发中需要用到的几个关键点。 AmSerialChart AmSerialChart　序列图 属性 必填项 dataProvider 获取数据源，数据可以ArrayCollection类型的数据 必填项 categoryField 指定横坐标获取数据的字段值     zoomed 在图进行放大缩小时触发         AmGraph　图元元素 属性 必填项 valueField 获取纵坐标数据字段 必填项 type 数据显示的类型，有以下类型line, column, step, smoothedLine, candlestick, ohlc. XY and Radar   title 图例中显示的名称   hidden="true" 是否隐藏此图元   visibleInLegend true,false标识是否显示在图例中，默认为true   lineColor="#FF0000" 图的线条颜色   lineAlpha="" 线的透明度   lineThickness="" 线的厚度   negativeLineColor="#009900" 负数线的颜色   negativeFillAlphas="" 负数线的透明底   negativeFillColors="[#009900]" 负数线的填充颜色   bullet 数据提示的显示类型 none, round, square, triangleUp, triangleDown, bubble,     showBalloon="true" 是否显示数据提示气泡     balloonColor="#0000FF" 数据提示气泡的颜色     balloonText       labelText                   图形类型介绍： Line，线性图 smoothedLine，平滑曲线 Column，柱状图 Step，连续的柱状图 smoothedLine, candlestick, ohlc categoryAxis横坐标系 属性   gridCount 数据格数   gridPosition     labelRotation 标签旋转角度   parseDates     minPeriod     dateFormats     autoTruncate     firstDayOfWeek                   ValueAxis横坐标系 属性   dashLength 纵坐标系中横线显示线   reversed 数据反转对象                                         chartCursor横坐标系 属性   cursorPosition start, middle, mouse, 设置了半天好像没啥区别   selectWithoutZooming zoomable should be set to true in order this to work. The default value is false.               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为没有间隔 ContextMenu 右键菜单   ContextMenuItems 用户自定义可选项 ShowPrintContextMenu 打印功能 ShowZoomcontextMenu 缩放功能 Externals 数据绑定设置   DataType 绑定数据类型 ExternalDataFileUrl 数据文件地址 ExternalSettingsFileUrl 设置文件地址 ReloadDataInterval 刷新数据间隔 Grid 网格线   CategoryGridDashed 网格竖线是否连续 CategoryValuesColor x轴坐标文本的颜色 CategoryVluesEnabled x轴坐标文本是否显示 CategoryValuesFrequency x轴文本显示的网格线比例 CategoryValuesInside x轴文本是否显示在网格内 ValueGridAlpha y轴坐标 ValuesInside y轴坐标显示在网格内外 Line 曲线   AreaFillAlpha 曲线下的面积透明度   Bullet 曲线点的标记   LineBalloonTextFormatString 曲线弹出框显示的值 Guides 显示栏线 Image export 图片导出 Legend 图例   LegendAlign //图表对齐位置 Margins 边距   Plot area 图形区   Strings 字符串   DataSourceID 绑定数据控件   DataSeriesIdField x轴坐标数据   Graphs 单个图表设置 Angle 3D图的角度   BackColor 控件背景色   Labels 图表标记                 Error messages    //错误信息、 第二章 开发功能点说明 水文过程线 ◆ 极大值，极小值的标注说明（颜色标注，符号标注） ◆ 所选数据计算，计算所选区数据总和 ◆ 水位、流量的双数据显示 注意事项： 1、数据一定得排序，数据的显示顺序是按数据添加的顺序出现（有可能不需要）