概览  
配置项事件方法
Line  

折线的抽象类。。声明了一些共用的基本属性配置。定义了解析数据项的方法。

配置项
参数类型描述定义者
String绘主图区在图表中的水平对齐位置。(默认为'center')
可选值为:
@Option 'left'
@Option 'center'
@Option 'right'
Chart
Boolean是否启用过渡动画,false则跳过过渡动画.(默认为false)
Chart
Number指定动画持续时间,单位毫秒。此时间会与运行平台的FPS有关。(默认为1000)
Chart
String启用动画的动作函数(默认为'ease-in-out')可选值有:
@Option 'easeIn'
@Option 'easeOut'
@Option 'easeInOut'
@Option 'linear'
Chart
String组件中背景颜色(填充色)的值。(默认为'FEFEFE')
Painter
Object此处设置了开启边框配置项。
Painter
Number线段的粗细,组件中context的linewidth属性的大小。(默认为1)
Line
String组件中字体颜色的值。(默认为'black')
Painter
float(0.01 - 0.5)颜色因子,指示其颜色相对于背景色的变化量,值越大,变化值越大(越亮或者越暗)(默认为0.15)
Painter
Object坐标系的配置项。请参考iChart.Coordinate2D
Line
Object十字线的配置(默认的enable为false).请参考iChart.CrossHair
说明:
1.此配置有一个额外的属性enable表示是否开去十字线(默认为false)
2.此配置会自动覆盖coordinate中的crosshair配置。配置十字线应该用此配置。
Line
Array必需属性,图表的数据源。
Chart
Number百分比小数点精度(小数点后几位)。(默认为 1)
Chart
Boolean是否当鼠标进入时触发默认的手型鼠标样式。(默认为true)
Chart
Object/String脚注的配置项,若给出字符串,则用默认配置进行渲染标题,若给出对象,则配置为 iChart.Text对象。如果text属性为空则不显示脚注。
Chart
BooleanTrue表示开启渐变效果.(默认为false)
Painter
String背景渐变的样式。(默认为'LinearGradientUpDown')
@Option 'LinearGradientUpDown'
@Option 'LinearGradientDownUp'
@Option 'LinearGradientLeftRight'
@Option 'LinearGradientRightLeft'
@Option 'RadialGradientOutIn'
@Option 'RadialGradientInOut'
Painter
Number图表的高度,单位px。
Chart
String组件的唯一id。(默认自动分配一个字符串).
Chart
iChart.Text折线图x坐标轴下方的标签文本的配置项。
Line
String文本标签的对齐方式。如果自定义了坐标系的刻度轴,则会覆盖此配置。(默认为'bottom')
可选值:
@Option 'top,'bottom'
Line
Array刻度水平轴的文本标签集合。(默认为[])
Line
Object图例的配置项.详情请参考 iChart.Legend Note:设置为false表示禁用图例。(默认为false)
Chart
String组件中context的lineJoin的值。(默认为'round')
Chart
Object事件的配置项。(默认为null)
Painter
Number组件中水平偏移量,正数向右,负数向左。单位像素。(默认为0)
Painter
Number组件中垂直偏移量,正数向下,负数向上。单位像素。(默认为0)
Painter
Number图表原点x坐标,不指定会根据对齐方式计算。(默认为null)
Painter
Number图表原点y坐标,不指定会根据对齐方式计算。(默认为null)
Painter
Number组件中内边框的值,规则与css中的一致,单位像素。(默认为10)
Painter
Number折线点之间的间距,如果为Null则将坐标系有效宽度平分。(默认为null)
Line
String图表渲染的HTML DOM的id。(默认为'').
Chart
String值刻度的对齐方式。如果自定义了坐标系的刻度轴,则会覆盖此配置。(默认为'left')
可选值:
@Option 'left'
@Option 'right'
Line
Boolean此组件是否启用阴影效果。启用阴影在移动客户端上可能会引起渲染速度变慢。(默认为false)
Element
Number此组件阴影的模糊程度,单位px。(默认为4)
Element
String此组件阴影的颜色值.(默认为'#666666')
Element
Number此组件阴影的x轴偏移量,单位px。(默认为0)
Element
Number此组件阴影的y轴偏移量,单位px。(默认为0)
Element
Boolean是否显示为百分比值。(默认为false)
Chart
String组件中context的strokeStyle属性的值。(默认为'gray')
Painter
iChart.LineSegment图中折线段的配置项。
Line
Object副标题的配置项,若给出字符串,则用默认配置进行渲染标题,若给出对象,则配置为 iChart.Text对象。如果标题或者副标题的text属性为空则不显示副标题。
Chart
Object提示框的配置项.详情请参考 iChart.Tip Note:设置为false表示禁用提示框。(默认为false)
Chart
Function当有多条线段(数据)时,可以利用tipMocker将tip整合到一起。作为一个iChart.Tip展示出来。tipMocker是个很实用的配置。需要掌握。(默认为null)
@paramter Array tips 线段的提示文本的数组
@paramter int i 数据点的索引
@return String 整合后的文本
Line
Number(0.0~1.0)如果为null,则整合后的tip的位置会根据多个数据点的位置计算。你也可以指定一个0-1的数字,0表示最上方,1表示最下方。来设置一个固定的位置。(默认为null)
Line
Object/String标题的配置项,若给出字符串,则用默认配置进行渲染标题,若给出对象,则配置为 iChart.Text对象。如果text属性为空则不显示标题。
Chart
Boolean是否忽略touchmove事件,当设备支持touch时,默认情况下,在图表中组件区域滑动时会屏蔽浏览器本身的行为,比如:滑动页面。(默认为false)
Chart
Number图表的宽度,单位px。
Chart
Number设置绘图区的组件的显示层级为999,使其在最上层显示。
Chart
事件
名称描述定义者
afterAnimation
动画执行完成时触发。仅当 animation 为 true 时生效。
参数
  • this : Line  
Chart
beforeAnimation
动画执行之前触发。仅当 animation 为 true 时生效。
参数
  • this : Line  
Chart
beforedraw
绘图之前触发,返回false停止绘图行为。
参数
  • this : Line  
Painter
click
点击时触发。
参数
  • this : Line  
  • e : EventObject   鼠标事件对象
  • param : Object   额外的参数
Painter
draw
完成绘图之后触发。
参数
  • this : Line  
Painter
initialize
初始化完成之后触发。
参数
  • this : Line  
Element
mousemove
鼠标移动时触发。
参数
  • this : Line  
  • e : EventObject   鼠标事件对象
Painter
mouseout
鼠标在离开时触发。
参数
  • this : Line  
  • e : EventObject   鼠标事件对象
Painter
mouseover
鼠标在进入时触发。
参数
  • this : Line  
  • e : EventObject   鼠标事件对象
Painter
parsePoint
解析数据项时触发,返回值将覆盖当前值。
参数
  • data : object   数据项对象
  • x : int   点x轴坐标
  • y : int   点y轴坐标
  • index : int   点的index
Line
方法
名称描述定义者
draw
绘图方法接口,这是一个抽象模板方法。实现此方法之后定义自己的行为。目前为止,iChart.ChartiChart.Component 实现了此方法.
参数

返回值
  void
Painter
eventOff
关闭事件监听,调用此方法后,图表将不响应事件
参数

返回值
  void
Chart
eventOn
开启事件监听,调用此方法后,图表将继续响应事件
参数

返回值
  void
Chart
getCoordinate
获取坐标系对象
参数

返回值
Line
getDrawingArea
获取绘图区的尺寸。自定义的组件应该在绘图区进行绘制。返回对象包含以下属性:
* @property x:左上方x轴坐标
* @property y:左上方y轴坐标
* @property width:绘图区宽度,单位:px。
* @property height:绘图区高度,单位:px。
参数

返回值
  object
Chart
getFootNote
获取脚注对象,不可用时返回undefined
参数

返回值
Chart
getSubTitle
获取副标题对象,不可用时返回undefined
参数

返回值
Chart
getTitle
获取主标题对象,不可用时返回undefined
参数

返回值
Chart
load
载入指定数据
参数
  • array : data  数据
返回值
  void
Chart
plugin
注册自定义组件
参数
返回值
  void
Chart
resize
重置图表大小
参数
  • int : width  宽度
  • int : height  高度
返回值
  void
Chart
setUp
根据最新属性重新装配图表组件。一般在更新图表时调用。
参数

返回值
  void
Chart
参考:Chart