概览  
配置项事件
LineMonitor2D  

实时折线图类
若单独引用js文件,此图表依赖以下文件:
ichart.core.js
ichart.element.js
ichart.html.js
ichart.painter.js
ichart.component.js
ichart.interface.js
ichart.legend.js
ichart.coordinate.js
ichart.crosshair.js
ichart.chart.js
ichart.linesegment.js
ichart.tip.js
ichart.text.js
ichart.line.js
ichart.linemonitor2d.js

配置项
segment_style
参数类型描述定义者
String绘主图区在图表中的水平对齐位置。(默认为'center')
可选值为:
@Option 'left'
@Option 'center'
@Option 'right'
Chart
Boolean是否启用过渡动画,false则跳过开机动画.(默认为false)
Chart
String启用动画的动作函数(默认为'ease-in-out')可选值有:
@Option 'easeIn'
@Option 'easeOut'
@Option 'easeInOut'
@Option 'linear'
Chart
String组件中背景颜色(填充色)的值。(默认为'FEFEFE')
Painter
Object此组件中边框的属性样式。
此属性是一个对象,可用的属性如下:
@Option enable {boolean} 是否边框可用。(默认为false)
@Option color {String} 边框的颜色。(默认为'#BCBCBC')
@Option width {Number/Array} 边框的宽度,单位px。如果为数组,应该有4个值(上-右-下-左),指定其4个边的宽度值。(默认为1)
@Option radius {Number} 边框的圆角值.(默认为5)
Element
Object此处设置了开启边框配置项。
Painter
Number组件中context的linewidth属性的大小。(默认为1)
Painter
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
Array刻度水平轴的文本标签集合。(默认为[])
Line
Number百分比小数点精度(小数点后几位)。(default to 1)
Chart
Boolean是否当鼠标进入时触发默认的手型鼠标样式。(默认为true)
Chart
String折线图运行方向。(默认为'left')
Available value are:
@Option 'left'
@Option 'right'
LineMonitor2D
Number指定动画持续时间,单位毫秒。此时间会与运行平台的FPS有关。(默认为1000)
Chart
String此组件中文字的字体。(默认为'Verdana')
Element
Number此组件中文字的大小,单位px。(默认为12)
Element
String此组件中文字的粗细值。(默认为'normal')
Element
Object/String脚注的配置项,若给出字符串,则用默认配置进行渲染标题,若给出对象,则配置为 iChart.Text对象。如果text属性为空则不显示脚注。
Chart
String/String脚注的水平对齐方式。可选值有:
@Option 'left'
@Option 'center'
@Option 'right'
Chart
Number图表的高度,单位px。
Chart
String文本标签的对齐方式。如果自定义了坐标系的刻度轴,则会覆盖此配置。(默认为'bottom')
可选值:
@Option 'top,'bottom'
Line
Object图例的配置项.详情请参考 iChart.Legend Note:此对象中有一个额外的属性'enable',表示是否开启图例。(默认为false)
Chart
String组件中context的lineJoin的值。(默认为'round')
Chart
Object事件的配置项。(默认为null)
Painter
Number组件中水平偏移量,正数向右,负数向左。单位像素。(默认为0)
Painter
Number组件中垂直偏移量,正数向下,负数向上。单位像素。(默认为0)
Painter
Number组件中内边框的值,规则与css中的一致,单位像素。(默认为10)
Painter
String值刻度的对齐方式。如果自定义了坐标系的刻度轴,则会覆盖此配置。(默认为'left')
可选值:
@Option 'left'
@Option 'right'
Line
Object单个线段的配置项。请参考iChart.LineSegment
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
Object副标题的配置项,若给出字符串,则用默认配置进行渲染标题,若给出对象,则配置为 iChart.Text对象。如果标题或者副标题的text属性为空则不显示副标题。
Chart
Object提示框的配置项.详情请参考 iChart.Tip Note:此对象中有一个额外的属性'enable',表示是否开启提示框。(默认为false)
Chart
Object/String标题的配置项,若给出字符串,则用默认配置进行渲染标题,若给出对象,则配置为 iChart.Text对象。如果text属性为空则不显示标题。
Chart
String标题与副标题的水平对齐方式。可选值有:
@Option 'left'
@Option 'center'
@Option 'right'
Chart
Number图表的宽度,单位px。
Chart
事件
名称描述定义者
afterAnimation
动画执行完成时触发。仅当 animation 为 true 时生效。
参数
  • this : LineMonitor2D  
Chart
beforeAnimation
动画执行之前触发。仅当 animation 为 true 时生效。
参数
  • this : LineMonitor2D  
Chart
beforedraw
绘图之前触发,返回false停止绘图行为。
参数
  • this : LineMonitor2D  
Painter
click
点击时触发。
参数
  • this : LineMonitor2D  
  • e : EventObject   鼠标事件对象
  • param : Object   额外的参数
Painter
dblclick
双击时触发。
参数
  • this : LineMonitor2D  
  • e : EventObject   鼠标事件对象
Painter
initialize
初始化完成之后触发。
参数
  • this : LineMonitor2D  
Painter
mousemove
鼠标移动时触发。
参数
  • this : LineMonitor2D  
  • e : EventObject   鼠标事件对象
Painter
mouseout
鼠标在离开时触发。
参数
  • this : LineMonitor2D  
  • e : EventObject   鼠标事件对象
Painter
mouseover
鼠标在进入时触发。
参数
  • this : LineMonitor2D  
  • e : EventObject   鼠标事件对象
Painter
parseData
解析数据源时触发。返回值会覆盖默认值。
参数
  • this : LineMonitor2D  
  • data : Object   当前数据源项
  • i : int   数据项索引
Chart
parsePoint
解析数据项时触发,返回值将覆盖当前值。
参数
  • data : object   数据项对象
  • x : int   点x轴坐标
  • y : int   点y轴坐标
  • index : int   点的index
Line
parseTipText
解析提示框文本时触发。返回值会覆盖默认值。
参数
  • data : Object   提示框数据项
  • i : int   数据项索引
Chart
方法
名称描述定义者
draw
绘图方法接口,这是一个抽象模板方法。实现此方法之后定义自己的行为。目前为止,iChart.ChartiChart.Component 实现了此方法.
参数

返回值
  void
Painter
参考:Line