API Docs for: TWaver HTML5 5.7.5
Show:

twaver.charts.ChartPane Class

Extends twaver.controls.ControlBase

图表面板

Chart面板包括了Chart以及Chart的图例。用户使用这个面板组件可以更方便地来呈现Chart

Constructor

twaver.charts.ChartPane

(
  • chart
  • [title]
  • [legendOrientation]
  • [legendWidth]
)
twaver.charts.ChartPane

Parameters:

  • chart twaver.charts.ChartBase

    绑定的Chart组件

  • [title] String optional

    可选，Chart的标题

  • [legendOrientation] String optional

    可选，Chart图例的显示方向，默认为bottom

  • [legendWidth] String optional

    可选，Chart图例的宽度，默认为80px

Returns:

twaver.charts.ChartPane:

Methods

twaver.charts.ChartPane.getChart

() twaver.charts.ChartBase

获取和这个面板绑定的Chart对象

Returns:

twaver.charts.ChartBase:

和这个面板绑定的Chart对象

twaver.charts.ChartPane.getLegendOrientation

() String

获取Chart上图例的方向 Orientation的返回值为： top：上方 right：右方 bottom：下方 left：左方

Returns:

String:

Chart上图例的方向

twaver.charts.ChartPane.getLegendPane

() twaver.charts.LegendPane

获取图例的面板

Returns:

twaver.charts.LegendPane:

图例的面板

twaver.charts.ChartPane.getLegendWidth

() Number

获取图例面板的宽度

Returns:

Number:

图例面板的宽度值

twaver.charts.ChartPane.getTitle

() String

获取Chart的标题

Returns:

String:

Chart的标题

twaver.charts.ChartPane.getTitleDiv

() Object

获取Chart中包含标题的DIV

Returns:

Object:

标题的DIV

twaver.charts.ChartPane.getTitleHeight

() Number

获取Chart标题的高度

Returns:

Number:

Chart标题的高度

twaver.charts.ChartPane.getTitleHorizontalAlign

() String

获取标题的水平对齐方式。水平对齐方式的可选值为： left：左对齐。 right：右对齐。
center：中间对齐。
justify: 填充对齐，使得一行上每个文字的间隔相同。
inherit：继承于父亲的对齐方式。 更多的对齐方式可以参考CSS中的text-align样式

Returns:

String:

标题的水平对齐方式，默认为center

twaver.charts.ChartPane.setLegendOrientation

(
  • value
)

设置Chart图例的显示方向，方向的可选值为： top：上方 right：右方 bottom：下方 left：左方

Parameters:

  • value String

    Chart图例的显示方向

twaver.charts.ChartPane.setLegendWidth

(
  • v
)

设置图例面板的宽度值

Parameters:

  • v Number

    图例面板的宽度值

twaver.charts.ChartPane.setTitle

(
  • v
)

设置Chart的标题

Parameters:

  • v String

twaver.charts.ChartPane.setTitleHeight

(
  • v
)

设置Chart标题的高度

Parameters:

  • v Number

    Chart标题的高度

twaver.charts.ChartPane.setTitleHorizontalAlign

(
  • v
)

设置标题的水平对齐方式，对齐方式的可选值为 left：左对齐。 right：右对齐。
center：中间对齐。
justify: 填充对齐，使得一行上每个文字的间隔相同。
inherit：继承于父亲的对齐方式。 更多的对齐方式可以参考CSS中的text-align样式

Parameters:

  • v String

    标题的水平对齐方式，默认为center

twaver.controls.ControlBase.addPool

(
  • pool
)

Inherited from twaver.controls.ControlBase:

添加HTML元素缓存池

Parameters:

twaver.controls.ControlBase.adjustBounds

(
  • rect
)

Inherited from twaver.controls.ControlBase:

设置组件新的位置以及大小，twaver布局管理器（twaver.controls.SplitPane等）在大小变化时会调用此方法

Parameters:

  • rect Object

    新的位置以及大小，值为包含x、y、width和height属性的Object对象

twaver.controls.ControlBase.getView

() HTMLDivElement

Inherited from twaver.controls.ControlBase:

获取组件的HTML元素

Returns:

HTMLDivElement:

返回组件的HTML元素

twaver.controls.ControlBase.invalidate

(
  • [delay]
)

Inherited from twaver.controls.ControlBase:

无效组件，在等待指定毫秒数后，刷新组件（调用validate方法）,当组件属性更改后，须调用此方法，让组件重画

Parameters:

  • [delay] Number optional

    延迟刷新等待的毫秒数，可选，默认为twaver.Defaults.CALL_LATER_DELAY

twaver.controls.ControlBase.isAutoAdjustBounds

() Boolean

Inherited from twaver.controls.ControlBase:

获取视图是否自动计算Bounds（边界）

Returns:

Boolean:

是否自动调整Bounds

twaver.controls.ControlBase.removePool

(
  • pool
)

Inherited from twaver.controls.ControlBase:

删除HTML元素缓存池

Parameters:

twaver.controls.ControlBase.setAutoAdjustBounds

(
  • autoAdjustBounds
)

Inherited from twaver.controls.ControlBase:

设置视图是否自动计算Bounds

Parameters:

  • autoAdjustBounds Boolean

    是否自动计算Bounds

twaver.controls.ControlBase.validate

()

Inherited from twaver.controls.ControlBase:

重画组件，调用invalidate后，此方法会被调用

twaver.controls.ControlBase.validateImpl

()

Inherited from twaver.controls.ControlBase:

调用validate方法后，此方法会被调用，子类须重载此方法以重画组件

twaver.PropertyChangeDispatcher.addPropertyChangeListener

(
  • listener
  • [scope]
  • [ahead]
)

Inherited from twaver.PropertyChangeDispatcher:

添加属性变化监听器，用于监听属性变化

Parameters:

  • listener Function

    属性变化监听器

  • [scope] Object optional

    可选，属性变化监听器的作用域，默认为null，即全局

  • [ahead] Boolean optional

    可选，是否将此监听放在最前面，默认为false

Example:

var dispatcher = new twaver.PropertyChangeDispatcher(); dispatcher.addPropertyChangeListener(function (e) { console.log(e.property, e.newValue, e.oldValue); });

twaver.PropertyChangeDispatcher.firePropertyChange

(
  • property
  • oldValue
  • newValue
)
Boolean

Inherited from twaver.PropertyChangeDispatcher:

派发属性变化事件，属性变化时调用此方法

Parameters:

  • property String

    发生变化的属性

  • oldValue Object

    和此属性相关的旧值

  • newValue Object

    和此属性相关的新值

Returns:

Boolean:

如果新值和旧值相等则返回false，否则返回true

twaver.PropertyChangeDispatcher.getClassName

() String

Inherited from twaver.PropertyChangeDispatcher:

获取此类的字符串类名

Returns:

String:

返回此类的字符串类名

twaver.PropertyChangeDispatcher.onPropertyChanged

(
  • e
)

Inherited from twaver.PropertyChangeDispatcher:

属性变化时（firePropertyChange）触发的动作，不需要调用此方法，但可以重载此方法执行自定义逻辑

Parameters:

  • e Object

    属性变化事件，包含property、oldValue和newValue的Object对象

twaver.PropertyChangeDispatcher.removePropertyChangeListener

(
  • listener
  • [scope]
)

Inherited from twaver.PropertyChangeDispatcher:

删除指定作用域的属性变化监听器，作用域必须和添加监听器时的作用域一致，相同的作用域的相同监听器只能成功添加一次

Parameters:

  • listener Function

    属性变化监听器

  • [scope] Object optional

    属性变化监听器的作用域，可选，默认为null，代表全局