Parameter | Type | Description | Defined By |
---|---|---|---|
axis | Object | Specifies style for axis of this coordinate. Available property are: @Option enable {Boolean} True to display the axis.(default to true) @Option color {String} Specifies the color of each axis.(default to '#666666') @Option width {Number/Array} Specifies the width of each axis, If given the a array,there must be have have 4 element, like this:[1,0,0,1](top-right-bottom-left).(default to 1) | Coordinate2D |
background_color | String | Here,specify as false to make background transparent.(default to null) | Coordinate2D |
border | Object | Here,specify as true by default | Painter |
color_factor | float | Specifies 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 |
crosshair | Object | Specifies 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) | Coordinate2D |
fontunit | String | Specifies the unit of font-size.(default to 'px') | Component |
gradient | Boolean | True to apply the gradient.(default to false) | Painter |
gradient_mode | String | Specifies the gradient mode of background.(defaults to 'LinearGradientUpDown') @Option 'LinearGradientUpDown' @Option 'LinearGradientDownUp' @Option 'LinearGradientLeftRight' @Option 'LinearGradientRightLeft' @Option 'RadialGradientOutIn' @Option 'RadialGradientInOut' | Painter |
grid_color | String | Specifies the color of the grid.(default to '#dbe1e1') | Coordinate2D |
grid_line_width | Number | Specifies the linewidth of the grid.(default to 1) | Coordinate2D |
gridHStyle | Object | Specifies the stlye of horizontal grid.(default to empty object).Available property are: @Option solid {Boolean} True to draw a solid line.else draw a dotted line.(default to true) @Option size {Number} Specifies size of line segment when solid is false.(default to 10) @Option fator {Number} Specifies the times to size(default to 1) @Option width {Number} Specifies the width of grid line.(default to 1) @Option color {String} Specifies the color of grid line.(default to '#dbe1e1') | Coordinate2D |
gridlinesVisible | Boolean | True to display grid line.(default to true) | Coordinate2D |
grids | Object | this is grid config for custom.there has two valid property horizontal and vertical.the property's sub property is: way:the manner calculate grid-line (default to 'share_alike') Available property are: @Option share_alike @Option given_value value: when property way apply to 'share_alike' this property mean to the number of grid's line. when apply to 'given_value' this property mean to the distance each grid line(unit:pixel) . code will like: { horizontal: {way:'share_alike',value:10}, vertical: { way:'given_value', value:40 } } | Coordinate2D |
gridVStyle | Object | Specifies the stlye of horizontal grid.(default to empty object).Available property are: @Option solid {Boolean} True to draw a solid line.else draw a dotted line.(default to true) @Option size {Number} Specifies size of line segment when solid is false.(default to 10) @Option fator {Number} Specifies the times to size(default to 1) @Option width {Number} Specifies the width of grid line.(default to 1) @Option color {String} Specifies the color of grid line.(default to '#dbe1e1') | Coordinate2D |
height | String/Number | Here,specify as '85%' relative to client height.(default to '85%') | Coordinate2D |
ignoreEdge | Boolean | If True the grid line will be ignored when gird and coordinate's edge overlap.(default to false) | Coordinate2D |
ignoreOverlap | Boolean | If True the grid line will be ignored when gird and axis overlap.(default to true) | Coordinate2D |
listeners | Object | A config object containing one or more event handlers.(default to null) | Painter |
offsetx | Number | Specifies Horizontal offset(x-axis) in pixel.(default to 0) | Painter |
offsety | Number | Specifies Vertical distance (y-axis) in pixel.(default to 0) | Painter |
originx | Number | If you want to totally override the positioning of the chart,you should setting it.(default to null) | Painter |
originy | Number | If you want to totally override the positioning of the chart,you should setting it.(default to null) | Painter |
padding | Number | Specifies the padding for this element in pixel,the same rule as css padding.(defaults to 10) | Painter |
scale | Array | the option for scale.For details see iChart.Scale | Coordinate2D |
scale2grid | Boolean | indicate whether the grid is accord with scale,on the premise of grids is not specify. this just give a convenient way bulid grid for default.and actual value depend on scale's scale2grid | Coordinate2D |
shadow | Boolean | Specifies 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 |
shadow_blur | Number | Specifies How blur you want your shadow to be.(default to 4) | Element |
shadow_color | String | Specifies the color of your shadow is.(default to '#666666') | Element |
shadow_offsetx | Number | Specifies Horizontal distance (x-axis) between the shadow and the shape in pixel.(default to 0) | Element |
shadow_offsety | Number | Specifies Vertical distance (y-axis) between the shadow and the shape in pixel.(default to 0) | Element |
striped | Boolean | True to stripe the axis.(default to true) | Coordinate2D |
striped_direction | String | Specifies the direction apply striped color.(default to 'v')Available value are: @Option 'h' horizontal @Option 'v' vertical | Coordinate2D |
striped_factor | float(0.01 - 0.5) | Specifies the factor make color dark striped,relative to background-color,the bigger the value you set,the larger the color changed.(defaults to '0.01') | Coordinate2D |
strokeStyle | String | Specifies the default strokeStyle of the canvas's context in this element.(defaults to 'gray') | Painter |
valid_height | String/Number | Specifies the valid height,less than the height of coordinate.you can applies a percent value relative to width.(default to '100%') | Coordinate2D |
valid_width | String/Number | Specifies the valid width,less than the width of coordinate.you can applies a percent value relative to width.(default to '100%') | Coordinate2D |
width | String/Number | Here,specify as '85%' relative to client width.(default to '85%') | Coordinate2D |
z_index | Number | Override the default as -1 to make sure it at the bottom.(default to -1) | Coordinate2D |
Name | Description | Defined By |
---|---|---|
beforedraw | Fires before the element drawing.Return false from an event handler to stop the draw.
Parameter
| Painter |
click | Fires when this element is clicked
Parameter
| Painter |
draw | Fires after the element drawing when calling the draw method.
Parameter
| Painter |
initialize | Fires after the element initializing is finished this is for test
Parameter
| Element |
mousemove | Fires when the mouse move on the element
Parameter
| Painter |
mouseout | Fires when the mouse exits the element
Parameter
| Painter |
mouseover | Fires when the mouse hovers over the element
Parameter
| Painter |
Name | Description | Defined 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
Return
void
| Painter |
getDimension | return the component's dimension,return hold following property
* @property x:the left-top coordinate-x * @property y:the left-top coordinate-y * @property width:the width of component,note:available there applies box model * @property height:the height of component,note:available there applies box model Parameter
Return
object
| Component |