概览  
配置项事件方法
Chart  

此类是图表的抽象基类,所有图表组件都要继承此类,此类定义了图表的轮廓,包括标题,图例,提示框,脚注等组件。在此类中初始化了canvas对象。

配置项
参数类型描述定义者
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
String组件中字体颜色的值。(默认为'black')
Painter
float(0.01 - 0.5)颜色因子,指示其颜色相对于背景色的变化量,值越大,变化值越大(越亮或者越暗)(默认为0.15)
Painter
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
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
String图表渲染的HTML DOM的id。(默认为'').
Chart
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
Object副标题的配置项,若给出字符串,则用默认配置进行渲染标题,若给出对象,则配置为 iChart.Text对象。如果标题或者副标题的text属性为空则不显示副标题。
Chart
Object提示框的配置项.详情请参考 iChart.Tip Note:设置为false表示禁用提示框。(默认为false)
Chart
Object/String标题的配置项,若给出字符串,则用默认配置进行渲染标题,若给出对象,则配置为 iChart.Text对象。如果text属性为空则不显示标题。
Chart
Boolean是否忽略touchmove事件,当设备支持touch时,默认情况下,在图表中组件区域滑动时会屏蔽浏览器本身的行为,比如:滑动页面。(默认为false)
Chart
Number图表的宽度,单位px。
Chart
Number设置绘图区的组件的显示层级为999,使其在最上层显示。
Chart
事件
名称描述定义者
afterAnimation
动画执行完成时触发。仅当 animation 为 true 时生效。
参数
  • this : Chart  
Chart
beforeAnimation
动画执行之前触发。仅当 animation 为 true 时生效。
参数
  • this : Chart  
Chart
beforedraw
绘图之前触发,返回false停止绘图行为。
参数
  • this : Chart  
Painter
click
点击时触发。
参数
  • this : Chart  
  • e : EventObject   鼠标事件对象
  • param : Object   额外的参数
Painter
draw
完成绘图之后触发。
参数
  • this : Chart  
Painter
initialize
初始化完成之后触发。
参数
  • this : Chart  
Element
mousemove
鼠标移动时触发。
参数
  • this : Chart  
  • e : EventObject   鼠标事件对象
Painter
mouseout
鼠标在离开时触发。
参数
  • this : Chart  
  • e : EventObject   鼠标事件对象
Painter
mouseover
鼠标在进入时触发。
参数
  • this : Chart  
  • e : EventObject   鼠标事件对象
Painter
方法
名称描述定义者
draw
绘图方法接口,这是一个抽象模板方法。实现此方法之后定义自己的行为。目前为止,iChart.ChartiChart.Component 实现了此方法.
参数

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

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

返回值
  void
Chart
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
参考:Painter