概览  
配置项事件方法
Gauge2D  

the ichartjs Plug-in,the circular gauge component

配置项
参数类型描述定义者
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
NumberSpecifies the number of decimal.(default to 0)
Gauge2D
Boolean是否当鼠标进入时触发默认的手型鼠标样式。(默认为true)
Chart
FloatSpecifies the gauge's end angle.(default to null)
Gauge2D
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
Numberthe distance of column's bottom and text(default to 12)
Gauge2D
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
Float/StringSpecifies the gauge's radius.If given a percentage,it will relative to minDistance.(default to '100%')
Gauge2D
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/StringSpecifies the config of Top Text details see iChart.Text,If given a string,it will only apply the text.note:If the text is empty,then will not display
Gauge2D
Object提示框的配置项.详情请参考 iChart.Tip Note:设置为false表示禁用提示框。(默认为false)
Chart
Object/String标题的配置项,若给出字符串,则用默认配置进行渲染标题,若给出对象,则配置为 iChart.Text对象。如果text属性为空则不显示标题。
Chart
Boolean是否忽略touchmove事件,当设备支持touch时,默认情况下,在图表中组件区域滑动时会屏蔽浏览器本身的行为,比如:滑动页面。(默认为false)
Chart
FloatSpecifies the gauge's initialized value.If not given,it will the same as tickmarks.lower.(default to null)
Gauge2D
Number图表的宽度,单位px。
Chart
Number设置绘图区的组件的显示层级为999,使其在最上层显示。
Chart
事件
名称描述定义者
afterAnimation
动画执行完成时触发。仅当 animation 为 true 时生效。
参数
  • this : Gauge2D  
Chart
beforeAnimation
动画执行之前触发。仅当 animation 为 true 时生效。
参数
  • this : Gauge2D  
Chart
beforedraw
绘图之前触发,返回false停止绘图行为。
参数
  • this : Gauge2D  
Painter
change
Fires when value changed
参数
Gauge2D
click
点击时触发。
参数
  • this : Gauge2D  
  • e : EventObject   鼠标事件对象
  • param : Object   额外的参数
Painter
draw
完成绘图之后触发。
参数
  • this : Gauge2D  
Painter
initialize
初始化完成之后触发。
参数
  • this : Gauge2D  
Element
mousemove
鼠标移动时触发。
参数
  • this : Gauge2D  
  • e : EventObject   鼠标事件对象
Painter
mouseout
鼠标在离开时触发。
参数
  • this : Gauge2D  
  • e : EventObject   鼠标事件对象
Painter
mouseover
鼠标在进入时触发。
参数
  • this : Gauge2D  
  • 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
plugin
注册自定义组件
参数
返回值
  void
Chart
setUp
根据最新属性重新装配图表组件。一般在更新图表时调用。
参数

返回值
  void
Chart
to
setting the vaule of gauge,the value must between the valid range
参数
  • int : value  the vaule of gauge
返回值
  void
Gauge2D
参考:Chart