Miss any of our Open RFC calls?Watch the recordings here! »

achart-util

1.1.1 • Public • Published

achart-util spm version


图表的工具类


Install

$ spm install achart-util --save

Usage

var Util = require('achart-util');
 

工具方法

DOM相关方法

  • createDom(str) 创建DOM
  • contains(node,subNode) 是否包含节点
  • getWidth(el) 元素宽度
  • getHeight(el) 元素高度
  • getOuterWidth(el) 元素外层宽度
  • getOuterHeight(el) 元素外层高度
  • getStyle(el,name) 获取css属性
  • addEvent(el,type,fn) 添加事件
  • removeEvent(el,type,fn) 移除事件

类型判断

  • isObject
  • isNumber
  • isNumeric 是否是数字或者数字字符串
  • isBoolean
  • isFunction
  • isArray
  • isDate

继承相关

  • mix(target,source1,source2....sourcen) 合并
  • mix(true,target,source1,source2....sourcen) 深层合并
  • augment(target,source1,source2...sourcen) 将属性方法复制到target的原型链上
  • extend(subclass,superclass,overrides, staticOverrides) 继承
  • mixin(target,mixins) 将数组中的代码片段的属性和方法复制到target的原型链上

数组相关

  • toArray(value) 转换成数组
  • map(arr,fn) 转换数组
  • filter(arr,fn) 过滤数组
  • each(arr,fn) 遍历数组
  • indexOf(arr,obj) 索引
  • remove(arr,obj) 删除
  • empty() 清空
  • equalsArray(arr1,arr2) 数组内容是否相等

动画相关

  • animStep(duration,fn,callback) 分步执行动画
  • animPath()
  • stopStep(handler) 终止animStep返回的句柄

path 工具类

  • getPointAtLength(path, length) 获取路径上的点
  • isPointInsidePath(path,x,y) 点是否在path内部
  • getSubpath(path, from, to) 获取子路径
  • parsePathString(str) 将字符串的path 转换成数组
  • parsePathArray(arr) 将数组转换成字符串
  • transformPath(path,transform) 给path 添加变换

颜色相关

  • highlight(c,percent) 增加亮度
  • dark(c,percent) 变暗

Snap

  • snapTo(values, value, tolerance) 逼近最近的一个数字
  • snapFloor(values,value) 逼近比较小的
  • snapCeiling(values,value) 逼近较大的值

其他

  • guid(prefix) 获取对应前缀的GUID
  • wrapBehavior(obj,action) 将事件绑定到对象的方法上
  • getWrapBehavior(obj,action) 获取绑定的事件
  • tryFixed(value,base) 将value的小数位数跟base一致
  • requestAnimationFrame(fn) 按帧执行动画
  • cancelAnimationFrame(fn) 取消帧动画执行

Install

npm i achart-util

DownloadsWeekly Downloads

1

Version

1.1.1

License

none

Last publish

Collaborators

  • avatar
  • avatar