Kline本项目扒了某网站的K线插件做了一些封装和二次开发,使其更加便于使用和修改,方便后来的开发者.修改主要涉及以下几个点。
Kline特点
支持两种主题配色切换
支持简体中文,英文,繁体中文三种语言
可配置的时间聚合方式
支持多种画线工具
支持多种画图算法
支持深度图数据及最近成交数据展示
支持普通轮询和WebsocketOverStomp两种连接方式
Requirements
jquery
jquery.mousewheel
sockjs(仅stomp方式需要)
stomp(仅stomp方式需要)
Install&Load
Kline安装
$npminstallkline
使用标签引入,在HTML页面头部加入
<scriptsrc="/lib/sockjs.js"></script>
<scriptsrc="/lib/stomp.js"></script>
<scriptsrc="/lib/jquery.js"></script>
<scriptsrc="/lib/jquery.mousewheel.js"></script>
<scriptsrc="/dist/kline.js"></script>
ORRequireJS
require.config({
paths:{
"jquery":"../lib/jquery",
"jquery.mousewheel":"../lib/jquery.mousewheel",
"sockjs":"../lib/sockjs",
"stomp":"../lib/stomp",
"kline":"../js/kline"
},
shim:{
"jquery.mousewheel":{
deps:["jquery"]
},
"kline":{
deps:["jquery.mousewheel","sockjs","stomp"]
}
}
});
require(['kline'],function(){
//...
});
总之，Kline使用webpack打包css/images/html，使用ES6+Babel对原有代码进行了拆分和重构。