kline-render

1.0.1 • Public • Published

Render K-line

  • HTML5 Canvas 实现的K线图渲染工具

Instructions

  • 可以渲染一个基础版的股票或外汇的K线图(蜡烛图),支持渲染历史数据和实时数据,支持拖拽、缩放、鼠标滚轮等操作

How to use

  1. script标签
<script src="./kline-render/dist/index.js"></script>
<script>
var options ={/*...*/};
var kLine = new RenderKLine("myCanvasBox", options);

kline.loading();
kline.updateHistoryQuote({/*...*/});
//...
</script>
  1. require 引入
const RenderKLine = require('kline-render');
//...
  1. import 引入
import RenderKLine from 'kline-render';
//...

实例可调用方法

  • [loading] : 刷新或加载更多数据loading状态
  • [changeSharpness] : 切换清晰度
  • [scaleKLine] : 缩放图表
  • [translateKLine] : 移动图表
  • [changeCrossLineStatus] : 切换鼠标移动时是否显示十字线
  • [updateRealTimeQuote] : 加载实时报价
  • [updateHistoryQuote] : 加载历史报价

Author

  • Nan

License

  • MIT

Readme

Keywords

Package Sidebar

Install

npm i kline-render

Weekly Downloads

1

Version

1.0.1

License

MIT

Unpacked Size

106 kB

Total Files

15

Last publish

Collaborators

  • tianqinisnan