npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

yurine-share

v0.1.1

Published

分时图

Downloads

8

Readme

yurine-share

线图line,yurine取名自鴉-KARAS-中的城市精灵百合音。

NPM version

INSTALL

npm install yurine-share

preview

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> 获取绘制点的坐标,是个二维数组,包含所有线条

License

[MIT License]