Nonconformist Propaganda Machine

npm

Need private packages and team management tools?Check out npm Orgs. »

osr-ui-stock

0.0.2 • Public • Published

OSR-UI-STOCK###

How to use####

npm####

npm install osr-ui-stock

bower###

bower install osr-ui-stock

这个是浏览器版本,切勿当作node_module模块引入###

	var stage = new Stock(document.getElementById("example"));
	var mainscreen = stage.addScreen("main");
	//var timescreen = stage.addScreen("time");
	window.kline = mainscreen.addPrint("kline",{ bear: "green", bull:"red" });
	window.low = mainscreen.addPrint("line",{ color:"#fff" },["low"]);
	window.high = mainscreen.addPrint("line",{ color:"red" },["high"]);
	window.close = mainscreen.addPrint("line",{ color:"blue" },["close"]);
	window.open = mainscreen.addPrint("line",{ color:"green" },["open"]);
	//window.time = timescreen.addPrint("line",{ color:"#fff" },["time"]);
	
	$("kline").addEventListener("click",fn);
	$("high").addEventListener("click",fn);
	$("low").addEventListener("click",fn);
	$("open").addEventListener("click",fn);
	$("close").addEventListener("click",fn);
	//$("time").addEventListener("click",fn);
	
	
	myData.stock.forEach(function(item,index){
		stage.addData(item);
	});
	var index = 0;
	stage.draw(index);
	document.body.addEventListener("keydown",function(e){
		console.log(e.keyCode);
		if(39 === e.keyCode){
			index++;
		}else if(37 === e.keyCode){
			if(--index < 0 ){
				index = 0;
			}
			stage.draw(index);
		}else if(38 === e.keyCode){
			mainscreen.increaseItem();
		}else if(40 === e.keyCode){
			mainscreen.decreaseItem();
		}
		stage.draw(index);
	})

示例图

Update###

2015年11月3日(下午) 增加画成交量的线

2015年11月2日 增加画竖线

install

npm i osr-ui-stock

Downloadsweekly downloads

1

version

0.0.2

license

ISC

homepage

github.com

repository

Gitgithub

last publish

collaborators

  • avatar
Report a vulnerability