API Docs for: 0.2
Show:

JChart.Histogram Class

柱状图

require: JChart.Base

JChart Project Site | API docs | demo link

页面只要引用本脚本, 默认会处理 span class="jchartHistogram"

可用的 HTML attribute

chartScriptData = script selector
保存图表数据的脚本标签
chartWidth = int, default = auto
显式设置图表的宽度, 如果为空则为自适应宽度
chartWidth = int, default = 400
设置图表的宽度

Constructor

JChart.Histogram

(
  • _selector
)

Parameters:

Methods

_beforeInit

() private

初始化之前调用的方法

_init

(
  • _selector
)
private

内部初始化方法

Parameters:

  • _selector Selector

_inited

() private

内部初始化完毕时, 调用的方法

_initHanlderEvent

() private

内部事件初始化方法

DEFAULT_MOVE

(
  • _evt
)
static

响应图表 鼠标移动的默认函数

Parameters:

  • _evt Event

degree

(
  • _radians
)
Number static

从弧度获取角度

Parameters:

Returns:

distanceAngleToPoint

(
  • _distance
  • _angle
)
static

从长度和角度求坐标点

Parameters:

Returns:

Point

init

(
  • _selector
)
Array of HistogramInstance static

初始化可识别的 Histogram 实例

Parameters:

  • _selector Selector

Returns:

Array of HistogramInstance:

intersectRect

(
  • r1
  • r2
)
Boolean

判断两个矩形是否有交集

Parameters:

  • r1 Rect_Object
  • r2 Rect_Object

Returns:

notification

(
  • _evtName
  • _args
)

通知选择器有新事件
JC 组件以后不会在 HTML 属性里放回调, 改为触发 selector 的事件

Parameters:

on

(
  • _evtName
  • _cb
)

使用 jquery on 绑定事件

Parameters:

Returns:

BaseMVCInstance

pointDistance

(
  • _p1
  • _p2
)
static

计算两个坐标点之间的距离

Parameters:

  • _p1 Point
  • _p2 Point

Returns:

Boolean

pointRectangleIntersection

(
  • _p
  • _r
)
static

判断一个点是否在矩形里面

Parameters:

  • _p Point
  • _r Rect

Returns:

Boolean

radians

(
  • _angle
)
Number static

从角度获取弧度

Parameters:

Returns:

selector

()

获取 显示 BaseMVC 的触发源选择器, 比如 a 标签

Returns:

selector

trigger

(
  • _evtName
  • _args
)

使用 jquery trigger 触发绑定事件

Parameters:

Returns:

BaseMVCInstance

update

(
  • object
)

更新数据

Parameters:

Properties

CURRENT_INS

JChart.Histogram static

当前活动的图表实例

Default: null

Events

clear_status

清除图表的显示状态

moving_done

鼠标离开图表主区域时, 触发的事件

moving_start

鼠标进入图表主区域时, 触发的事件

update_moving_status

鼠标移动式触发的事件

update_status

更新 图表 和 Tips 的显示状态