Overview  
Config OptionsEvents
LineMonitor2D  

this component use for abc

Config Options
segment_style
ParameterTypeDescriptionDefined By
Stringthis property specifies the horizontal alignment of chart in an module (defaults to 'center') Available value are:
@Option 'left'
@Option 'center'
@Option 'right'
Chart
BooleanIf true element will have a animation when show, false to skip the animation.(default to false)
Chart
String(default to 'ease-in-out') Available value are:
@Option 'easeIn'
@Option 'easeOut'
@Option 'easeInOut'
@Option 'linear'
Chart
StringSpecifies the backgroundColor for this element.(defaults to 'FDFDFD')
Painter
ObjectSpecifies the border for this element.
Available property are:
@Option enable {boolean} If enable the border
@Option color {String} the border's color.(default to '#BCBCBC')
@Option style {String} the border's style.(default to 'solid')
@Option width {Number/Array} the border's width.(default to 1)
@Option radius {Number} the border's radius.(default to 5)
Element
ObjectHere,specify as true by default
Painter
NumberSpecifies the default linewidth of the canvas's context in this element.(defaults to 1)
Painter
StringSpecifies the font's color for this element.(defaults to 'black')
Painter
floatSpecifies the factor make color dark or light for this element,relative to background-color,the bigger the value you set,the larger the color changed.scope{0.01 - 0.5}.(defaults to '0.15')
Painter
Objectthe option for coordinate
Line
ObjectSpecifies config crosshair.(default enable to false).For details see iChart.CrossHair
Note:this has a extra property named 'enable',indicate whether crosshair available(default to false)
Line
ArrayRequired,The datasource of Chart.must be not empty.
Chart
Arraythe array of labels close to the axis
Line
NumberSpecifies the number of decimal when use percent.(default to 1)
Chart
BooleanIf true mouse change to a pointer when a mouseover fired.(defaults to true)
Chart
Stringthe direction of line run (default 'left')
Available value are:
@Option 'left'
@Option 'right'
LineMonitor2D
NumberSpecifies the duration when animation complete in millisecond.(default to 1000)
Chart
StringSpecifies the font of this element.(default to 'Verdana')
Element
NumberSpecifies the font size of this element in pixels.(default to 12)
Element
StringSpecifies the font weight of this element.(default to 'normal')
Element
Object/StringSpecifies the config of footnote details see iChart.Text,If given a string,it will only apply the text.note:If the text is empty,then will not display
Chart
StringSpecifies how align footnote horizontally Available value are:
@Option 'left'
@Option 'center'
@Option 'right'
Chart
NumberSpecifies the height of this canvas
Chart
Numberthe distance of column's bottom and text.(default to 6)
Line
Stringthe align of label.(default to 'bottom') Available value are:
@Option 'top,'bottom'
Line
ObjectSpecifies the config of Legend.For details see iChart.Legend Note:this has a extra property named 'enable',indicate whether legend available(default to false)
Chart
StringSpecifies the default lineJoin of the canvas's context in this element.(defaults to 'round')
Chart
ObjectA config object containing one or more event handlers.(default to null)
Painter
NumberSpecifies Horizontal offset(x-axis) in pixel.(default to 0)
Painter
NumberSpecifies Vertical distance (y-axis) in pixel.(default to 0)
Painter
NumberSpecifies the padding for this element in pixel,the same rule as css padding.(defaults to 10)
Painter
Booleanif the point are proportional space.(default to true)
Line
Stringthe align of scale.(default to 'left') Available value are:
@Option 'left'
@Option 'right'
Line
Objectthe option for linesegment.
For details see iChart.LineSegment
Line
BooleanIndicate if the chart clear segment of canvas(defaults to true)
Chart
BooleanSpecifies whether the element should be show a shadow.In general there will be get a high render speed when apply false.(default to false)
Element
NumberSpecifies How blur you want your shadow to be.(default to 4)
Element
StringSpecifies the color of your shadow is.(default to '#666666')
Element
NumberSpecifies Horizontal distance (x-axis) between the shadow and the shape in pixel.(default to 0)
Element
NumberSpecifies Vertical distance (y-axis) between the shadow and the shape in pixel.(default to 0)
Element
BooleanSpecifies as true to display with percent.(default to false)
Chart
StringSpecifies the default strokeStyle of the canvas's context in this element.(defaults to 'gray')
Painter
String('2d','3d')
Painter
Object/StringSpecifies the config of subtitle details see iChart.Text,If given a string,it will only apply the text.note:If the title or subtitle'text is empty,then will not display
Chart
ObjectSpecifies the config of Tip.For details see iChart.Tip Note:this has a extra property named 'enable',indicate whether tip available(default to false)
Chart
Object/StringSpecifies the config of Title details see iChart.Text,If given a string,it will only apply the text.note:If the text is empty,then will not display
Chart
StringSpecifies how align title horizontally Available value are:
@Option 'left'
@Option 'center'
@Option 'right'
Chart
NumberSpecifies the width of this canvas
Chart
Events
NameDescriptionDefined By
afterAnimation
Fires when this element Animation finished.Only valid when animation is true
Parameter
  • this : LineMonitor2D  
Chart
beforeAnimation
Fires before this element Animation.Only valid when animation is true
Parameter
  • this : LineMonitor2D  
Chart
beforedraw
Fires before the element drawing.Return false from an event handler to stop the draw.
Parameter
  • this : LineMonitor2D  
Painter
click
Fires when this element is clicked
Parameter
  • this : LineMonitor2D  
  • e : EventObject   The click event object
  • param : Object   The additional parameter
Painter
dblclick
Fires when this element is dblclick
Parameter
  • this : LineMonitor2D  
  • e : EventObject   The dblclick event object
Painter
initialize
Fires after the element initializing is finished this is for test
Parameter
  • this : LineMonitor2D  
Painter
mousemove
Fires when the mouse move on the element
Parameter
  • this : LineMonitor2D  
  • e : EventObject   The mousemove event object
Painter
mouseout
Fires when the mouse exits the element
Parameter
  • this : LineMonitor2D  
  • e : EventObject   The mouseout event object
Painter
mouseover
Fires when the mouse hovers over the element
Parameter
  • this : LineMonitor2D  
  • e : EventObject   The mouseover event object
Painter
parseData
Fires when parse this element'data.Return value will override existing.
Parameter
  • this : LineMonitor2D  
  • data : Object   this element'data item
  • i : int   the index of data
Chart
parsePoint
Fires when parse this element'data.Return value will override existing.
Parameter
  • data : object   the point's data
  • x : int   coordinate-x of point
  • y : int   coordinate-y of point
  • index : int   the index of point
Line
parseTipText
Fires when parse this tip's data.Return value will override existing. Only valid when tip is available
Parameter
  • data : Object   this tip's data item
  • i : int   the index of data
Chart
Methods
NameDescriptionDefined By
draw
The commnd fire to draw the chart use configuration,this is a abstract method.Currently known,both iChart.Chart and iChart.Component implement this method.
Parameter
  • None
Return
  void
Painter
reference:Line