kline-render v1.0.1

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>

2. require 引入

const RenderKLine = require('kline-render');
//...

3. import 引入

import RenderKLine from 'kline-render';
//...

实例可调用方法

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

Author

• Nan

License

• MIT