概览  
配置项事件方法
Coordinate2D  

2D坐标系的实现类

配置项
参数类型描述定义者
Object坐标轴轴线的配置项。
可配置属性值:
@Option enable {Boolean} 是否启用轴配置(默认为 true)
@Option color {String} 轴的颜色.(默认为 '#666666')
@Option width {Number/Array} 轴的宽度, 如果给出数组,则为四个边的宽度,例如:[1,0,0,1](上-右-下-左).(默认为1)
Coordinate2D
String背景颜色,设置为null则表现为透明。(默认为null)
Coordinate2D
Object此处设置了开启边框配置项。
Painter
float(0.01 - 0.5)颜色因子,指示其颜色相对于背景色的变化量,值越大,变化值越大(越亮或者越暗)(默认为0.15)
Painter
Object十字线的配置(默认的enable为false).请参考iChart.CrossHair
说明:此配置有一个额外的属性enable表示是否开去十字线(默认为false)
Coordinate2D
String此组件中文字的尺寸的单位。(默认为'px')
Component
BooleanTrue表示开启渐变效果.(默认为false)
Painter
String背景渐变的样式。(默认为'LinearGradientUpDown')
@Option 'LinearGradientUpDown'
@Option 'LinearGradientDownUp'
@Option 'LinearGradientLeftRight'
@Option 'LinearGradientRightLeft'
@Option 'RadialGradientOutIn'
@Option 'RadialGradientInOut'
Painter
String网格的颜色值。(默认为'#dbe1e1')
Coordinate2D
Number网格的宽度值。(默认为1)
Coordinate2D
Object配置水平坐标轴方向网格的样式。(默认为空对象)。
对象子配置项:
@Option solid {Boolean} 为True则渲染为实线,否则为虚线。(默认为true)
@Option size {Number} 当渲染为虚线时,指定其线段的长度。(默认为 10)
@Option fator {Number} 当渲染为虚线时,指定其线段与空白段的比例。(默认为 1)
@Option width {Number} 指定网格的宽度。(默认为 1)
@Option color {String} 指定网格的颜色。(默认为 '#dbe1e1')
Coordinate2D
Boolean网格是否可见。(默认为true)
Coordinate2D
Object配置自定义网格线。提供水平和垂直网格的配置。水平方向由horizontal指定,垂直方向由vertical指定。
配置网格有以下两个属性:
way:网格生成方式(默认为'share_alike')
可选值:
@Option share_alike 指定网格的数量(线条数-1)。
@Option given_value 给出网格之间间距。
value: 根据way的设置,其代表各自的给定值。
代码示例:
{
horizontal: { way:'share_alike', value:10 }
vertical: { way:'given_value', value:40 }
}
Coordinate2D
Object配置垂直坐标轴方向网格的样式。(默认为空对象)。
对象子配置项:
@Option solid {Boolean} 为True则渲染为实线,否则为虚线。(默认为true)
@Option size {Number} 当渲染为虚线时,指定其线段的长度。(默认为 10)
@Option fator {Number} 当渲染为虚线时,指定其线段与空白段的比例。(默认为 1)
@Option width {Number} 指定网格的宽度。(默认为 1)
@Option color {String} 指定网格的颜色。(默认为 '#dbe1e1')
Coordinate2D
String坐标系高度。可以设置为像素和百分比形式。百分比形式相对于图表可用高度。(默认为'80%')
Coordinate2D
Boolean为true将会忽略与坐标轴重合的网格。与ignoreOverlap的区别是这会忽略2个边,而ignoreOverlap紧紧忽略配置了轴线的边。(默认为false)
Coordinate2D
Boolean为true将会忽略与有值的坐标轴重合的网格。(默认为true)
Coordinate2D
Object事件的配置项。(默认为null)
Painter
Number组件中水平偏移量,正数向右,负数向左。单位像素。(默认为0)
Painter
Number组件中垂直偏移量,正数向下,负数向上。单位像素。(默认为0)
Painter
Number图表原点x坐标,不指定会根据对齐方式计算。(默认为null)
Painter
Number图表原点y坐标,不指定会根据对齐方式计算。(默认为null)
Painter
Number组件中内边框的值,规则与css中的一致,单位像素。(默认为10)
Painter
Array刻度的配置项。请参考iChart.Scale
Coordinate2D
Boolean指示是否网格与刻度保持一致。此选项生效的前提是没有指定grids配置项。为True时,如果iChart.Scale也配置了此项,则此子项为准。(默认为true)
Coordinate2D
Boolean此组件是否启用阴影效果。启用阴影在移动客户端上可能会引起渲染速度变慢。(默认为false)
Element
Number此组件阴影的模糊程度,单位px。(默认为4)
Element
String此组件阴影的颜色值.(默认为'#666666')
Element
Number此组件阴影的x轴偏移量,单位px。(默认为0)
Element
Number此组件阴影的y轴偏移量,单位px。(默认为0)
Element
Boolean是否应用隔行变色。前提是需要设置background_color配置项(默认为true)
Coordinate2D
String隔行变色的方向。(默认为'v')
可选值:
@Option 'h' 水平
@Option 'v' 垂直
Coordinate2D
float(0.01 - 0.5)应用隔行变色后变色程度的因子,相对于background-color,值越大变化越大。(默认为'0.01')
Coordinate2D
String组件中context的strokeStyle属性的值。(默认为'gray')
Painter
Number坐标系有效绘图高度,可以设置为像素和百分比形式。百分比形式相对于坐标系高度。(默认为'100%')
Coordinate2D
Number坐标系有效绘图宽度,可以设置为像素和百分比形式。百分比形式相对于坐标系宽度。(默认为'100%')
Coordinate2D
String坐标系宽度。可以设置为像素和百分比形式。百分比形式相对于图表可用宽度。(默认为'80%')
Coordinate2D
Number设置绘图区的组件的显示层级为-1,使其在最下层显示。
Coordinate2D
事件
名称描述定义者
beforedraw
绘图之前触发,返回false停止绘图行为。
参数
  • this : Coordinate2D  
Painter
click
点击时触发。
参数
  • this : Coordinate2D  
  • e : EventObject   鼠标事件对象
  • param : Object   额外的参数
Painter
draw
完成绘图之后触发。
参数
  • this : Coordinate2D  
Painter
initialize
初始化完成之后触发。
参数
  • this : Coordinate2D  
Element
mousemove
鼠标移动时触发。
参数
  • this : Coordinate2D  
  • e : EventObject   鼠标事件对象
Painter
mouseout
鼠标在离开时触发。
参数
  • this : Coordinate2D  
  • e : EventObject   鼠标事件对象
Painter
mouseover
鼠标在进入时触发。
参数
  • this : Coordinate2D  
  • e : EventObject   鼠标事件对象
Painter
方法
名称描述定义者
draw
绘图方法接口,这是一个抽象模板方法。实现此方法之后定义自己的行为。目前为止,iChart.ChartiChart.Component 实现了此方法.
参数

返回值
  void
Painter
getDimension
获取当前组件的尺寸。返回对象包含以下属性:
* @property x:左上方x轴坐标
* @property y:左上方y轴坐标
* @property width:宽度,单位:px。
* @property height:高度,单位:px。
参数

返回值
  object
Component
参考:Component