yurine-timeshare

分时图timeshare，yurine取名自鴉-KARAS-中的城市精灵百合音。

INSTALL

npm install yurine-timeshare

API

• Line(selector:DOM/String, data:<<String>, <int>>, option:Object):Class
  • selector:String 渲染的canvas对象或选择器
  • data:Object 渲染数据
    • price:<Number> 价格数据数组
    • volume:<Number> 成交手数据数组
    • average:Number 均价或昨收
  • option:Object 选项
    • font:String 文字字体css缩写
    • fontFamily:String 文字字体，会覆盖font
    • fontWeight:String 文字粗细，会覆盖font
    • fontVariant:String 文字异体，会覆盖font
    • fontStyle:String 文字样式，会覆盖font
    • fontSize:int 文字大小，单位px，会覆盖font
    • lineHeight:String/int 行高，单位px，会覆盖font
    • padding:int/Array 边距，上右下左，单位px
    • width:int 宽度，单位px
    • height:int 高度，单位px
    • lineWidth:int 绘线粗细，单位px，∈[1, 可视半径]，默认1
    • lineColor:String 绘线颜色
    • areaColor:String 绘线下方区域颜色
    • averageWidth:int 均线粗细，单位px，∈[1, 可视半径]，默认1
    • averageColor:String 均线颜色
    • averageDash:Array 均线虚线样式，默认[6, 4]
    • gridWidth:int 背景网格线粗细，单位px，∈[1, 可视半径]，默认1
    • gridColor:String 背景网格颜色
    • gridDash:Array 背景网格虚线样式，默认[1, 0]
    • volumeColor:String 圆柱颜色
    • curvature:float 曲线曲率，∈[0, 1]
    • style:<String> 绘线类型，取值curve、straight，默认straight
• getCoords():<Array<Number, Number>> 获取绘制点的坐标，是个二维数组，每组为自左上为原点的[x, y]坐标点

License

[MIT License]