feat: 静态资源
|
After Width: | Height: | Size: 1.0 KiB |
|
After Width: | Height: | Size: 15 KiB |
|
After Width: | Height: | Size: 1.1 KiB |
|
After Width: | Height: | Size: 1.0 KiB |
|
After Width: | Height: | Size: 2.2 KiB |
|
After Width: | Height: | Size: 2.2 KiB |
|
After Width: | Height: | Size: 2.2 KiB |
|
After Width: | Height: | Size: 2.2 KiB |
@@ -0,0 +1 @@
|
||||
(function(b){if(typeof define==="function"&&define.amd){define(["jquery"],b)}else{if(typeof exports==="object"){module.exports=b}else{b(jQuery)}}}(function(c){var h=["wheel","mousewheel","DOMMouseScroll","MozMousePixelScroll"],m=("onwheel" in document||document.documentMode>=9)?["wheel"]:["mousewheel","DomMouseScroll","MozMousePixelScroll"],k=Array.prototype.slice,l,b;if(c.event.fixHooks){for(var d=h.length;d;){c.event.fixHooks[h[--d]]=c.event.mouseHooks}}var e=c.event.special.mousewheel={version:"3.1.12",setup:function(){if(this.addEventListener){for(var f=m.length;f;){this.addEventListener(m[--f],n,false)}}else{this.onmousewheel=n}c.data(this,"mousewheel-line-height",e.getLineHeight(this));c.data(this,"mousewheel-page-height",e.getPageHeight(this))},teardown:function(){if(this.removeEventListener){for(var f=m.length;f;){this.removeEventListener(m[--f],n,false)}}else{this.onmousewheel=null}c.removeData(this,"mousewheel-line-height");c.removeData(this,"mousewheel-page-height")},getLineHeight:function(g){var f=c(g),i=f["offsetParent" in c.fn?"offsetParent":"parent"]();if(!i.length){i=c("body")}return parseInt(i.css("fontSize"),10)||parseInt(f.css("fontSize"),10)||16},getPageHeight:function(f){return c(f).height()},settings:{adjustOldDeltas:true,normalizeOffset:true}};c.fn.extend({mousewheel:function(f){return f?this.bind("mousewheel",f):this.trigger("mousewheel")},unmousewheel:function(f){return this.unbind("mousewheel",f)}});function n(v){var u=v||window.event,s=k.call(arguments,1),w=0,g=0,f=0,q=0,o=0,i=0;v=c.event.fix(u);v.type="mousewheel";if("detail" in u){f=u.detail*-1}if("wheelDelta" in u){f=u.wheelDelta}if("wheelDeltaY" in u){f=u.wheelDeltaY}if("wheelDeltaX" in u){g=u.wheelDeltaX*-1}if("axis" in u&&u.axis===u.HORIZONTAL_AXIS){g=f*-1;f=0}w=f===0?g:f;if("deltaY" in u){f=u.deltaY*-1;w=f}if("deltaX" in u){g=u.deltaX;if(f===0){w=g*-1}}if(f===0&&g===0){return}if(u.deltaMode===1){var t=c.data(this,"mousewheel-line-height");w*=t;f*=t;g*=t}else{if(u.deltaMode===2){var r=c.data(this,"mousewheel-page-height");w*=r;f*=r;g*=r}}q=Math.max(Math.abs(f),Math.abs(g));if(!b||q<b){b=q;if(a(u,q)){b/=40}}if(a(u,q)){w/=40;g/=40;f/=40}w=Math[w>=1?"floor":"ceil"](w/b);g=Math[g>=1?"floor":"ceil"](g/b);f=Math[f>=1?"floor":"ceil"](f/b);if(e.settings.normalizeOffset&&this.getBoundingClientRect){var p=this.getBoundingClientRect();o=v.clientX-p.left;i=v.clientY-p.top}v.deltaX=g;v.deltaY=f;v.deltaFactor=b;v.offsetX=o;v.offsetY=i;v.deltaMode=0;s.unshift(v,w,g,f);if(l){clearTimeout(l)}l=setTimeout(j,200);return(c.event.dispatch||c.event.handle).apply(this,s)}function j(){b=null}function a(g,f){return e.settings.adjustOldDeltas&&g.type==="mousewheel"&&f%120===0}}));
|
||||
@@ -0,0 +1,43 @@
|
||||
{
|
||||
"des": "注释",
|
||||
"isSuc": true,
|
||||
"datas": { "USDCNY": 6.83, "contractUnit": "BTC",
|
||||
"data": [
|
||||
[1499875200000, 16580, 16700, 16530, 16700, 12.6415],
|
||||
[1499875200000, 16680, 16200, 16730, 16900, 9.6415],
|
||||
[1499875200000, 16552, 16980, 16130, 16400, 17.6415],
|
||||
[1499875200000, 16580, 16700, 16530, 16700, 15.6415],
|
||||
[1499875200000, 16580, 16700, 16530, 16700, 36.6415],
|
||||
[1499875200000, 16580, 16700, 16530, 16700, 85.6415],
|
||||
[1499918040000, 16630, 16784, 16582, 16710, 42.6415],
|
||||
[1499918280000, 16580, 16700, 16530, 16700, 32.6415],
|
||||
[1499918400000, 16580, 16700, 16530, 16700, 22.6415],
|
||||
[1499918760000, 16580, 16700, 16530, 16700, 17.6415],
|
||||
[1499919000000, 16548, 16860, 16430, 16800, 39.6415],
|
||||
[1499918040000, 16630, 16784, 16582, 16710, 42.6415],
|
||||
[1499918280000, 16580, 16700, 16530, 16700, 32.6415],
|
||||
[1499918400000, 16580, 16700, 16530, 16700, 22.6415],
|
||||
[1499918760000, 16580, 16700, 16530, 16700, 17.6415],
|
||||
[1499919000000, 16548, 16860, 16430, 16800, 39.6415],
|
||||
[1499919000000, 16548, 16860, 16430, 16800, 59.6415],
|
||||
[1499918760000, 16580, 16700, 16530, 16700, 17.6415],
|
||||
[1499919000000, 16548, 16860, 16430, 16800, 39.6415],
|
||||
[1499919000000, 16548, 16860, 16430, 16800, 100.6415],
|
||||
[1499918280000, 16580, 16700, 16530, 16700, 32.6415],
|
||||
[1499918400000, 16580, 16700, 16530, 16700, 22.6415],
|
||||
[1499918760000, 16580, 16700, 16530, 16700, 17.6415],
|
||||
[1499919000000, 16548, 16860, 16430, 16800, 39.6415],
|
||||
[1499919000000, 16548, 16860, 16430, 16800, 59.6415],
|
||||
[1499918760000, 16580, 16700, 16530, 16700, 17.6415],
|
||||
[1499919000000, 16548, 16860, 16430, 16800, 39.6415],
|
||||
[1499919000000, 16548, 16860, 16430, 16800, 300.6415]
|
||||
],
|
||||
"marketName": "测试网",
|
||||
"moneyType": "CNY",
|
||||
"symbol": "btc38btccny",
|
||||
"url": "官网地址",
|
||||
"topTickers": []
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -0,0 +1,330 @@
|
||||
function Kline() {}
|
||||
Kline.prototype = {
|
||||
browerState: 0,
|
||||
klineWebsocket: null,
|
||||
klineTradeInit: false,
|
||||
tradeDate: new Date(),
|
||||
tradesLimit: 100,
|
||||
lastDepth: null,
|
||||
depthShowSize: 15,
|
||||
priceDecimalDigits: 6,
|
||||
amountDecimalDigits: 4,
|
||||
symbol: null,
|
||||
curPrice: null,
|
||||
title: "",
|
||||
reset: function(a) {
|
||||
this.refreshUrl(a);
|
||||
this.symbol = a;
|
||||
this.lastDepth = null;
|
||||
this.curPrice = null;
|
||||
this.klineTradeInit = false;
|
||||
$("#gasks .table").empty();
|
||||
$("#gbids .table").empty();
|
||||
$("#asks .table").empty();
|
||||
$("#bids .table").empty();
|
||||
this.websocketRedister(a);
|
||||
},
|
||||
setTitle: function() {
|
||||
document.title = (this.curPrice == null ? "": this.curPrice + " ") + this.title;
|
||||
},
|
||||
dateFormatTf: function(a) {
|
||||
return (a < 10 ? "0": "") + a
|
||||
},
|
||||
dateFormat: function(a) {
|
||||
return a.getFullYear() + "-" + this.dateFormatTf(a.getMonth() + 1) + "-" + this.dateFormatTf(a.getDate()) + " " + this.dateFormatTf(a.getHours()) + ":" + this.dateFormatTf(a.getMinutes()) + ":" + this.dateFormatTf(a.getSeconds())
|
||||
},
|
||||
dateInit: function(b) {
|
||||
var a = new Date();
|
||||
if (b) {
|
||||
a.setTime(b)
|
||||
}
|
||||
$(".m_rightbot").text(this.dateFormat(a));
|
||||
var c = this;
|
||||
setInterval(function() {
|
||||
a.setTime(a.getTime() + 1000);
|
||||
$(".m_rightbot").text(c.dateFormat(a))
|
||||
},
|
||||
1000)
|
||||
},
|
||||
websocketRedister: function (symbol) {
|
||||
this.updateDepth();
|
||||
var $this = this;
|
||||
//ÓÒ²àÉî¶Èͼ
|
||||
var json = '{"asks":[[18580,0.055109],[18520,0.8982],[18500,5.802874],[18499.9,0.005422],[18499,5],[18490,0.008221],[18475.5,0.003233],[18425.3,0.002434],[18401.4,0.000136],[18399.9,0.005451],[18366.1,0.527979],[18366,0.065427],[18298,0.045],[18297.9,8.196],[18288,1.023276],[18266,0.277472],[18256.4,0.003269],[18199.9,0.005511],[18198.8,0.440183],[18198,0.165414],[18196,0.758338],[18188,0.996],[18187,1.61925],[18185,2.098884],[18120,0.000698],[18118,0.1996],[18117,1],[18115.5,0.110451],[18115,0.907724],[18114.8,0.579]],"bids":[[17905.5,0.34],[17905.3,0.11196],[17905,0.56],[17901.8,8.197],[17901.5,1.7965],[17901.2,1],[17901,0.203545],[17900,0.34264],[17881.1,0.418736],[17865,0.385071],[17862,0.1],[17857.6,0.00014],[17826.8,0.520464],[17811,0.07],[17810.1,0.035001],[17809.2,0.00332],[17808,0.299701],[17801,1],[17800,1.248358],[17730.2,1],[17729.8,0.167771],[17711,0.08],[17700,0.00565],[17679,0.15198],[17658,0.033],[17648.8,0.319029],[17611,0.09],[17600,2.310682],[17597.2,0.003351],[17580,0.309805]]}';
|
||||
var depths = JSON.parse(json);
|
||||
$this.updateDepth(depths);
|
||||
},
|
||||
pushTrades: function(l) {
|
||||
},
|
||||
updateDepth: function(e) {
|
||||
window._set_current_depth(e);
|
||||
if (!e) {
|
||||
return
|
||||
}
|
||||
$("#gasks .table").html(this.getgview(this.getgasks(e.asks)));
|
||||
$("#gbids .table").html(this.getgview(this.getgbids(e.bids)));
|
||||
if (this.lastDepth == null) {
|
||||
this.lastDepth = {};
|
||||
this.lastDepth.asks = this.getAsks(e.asks, this.depthShowSize);
|
||||
this.depthInit(this.lastDepth.asks, $("#asks .table"));
|
||||
this.lastDepth.bids = this.getBids(e.bids, this.depthShowSize);
|
||||
this.depthInit(this.lastDepth.bids, $("#bids .table"))
|
||||
} else {
|
||||
var b = $("#asks .table");
|
||||
b.find("div.remove").remove();
|
||||
b.find("div.add").removeClass("add");
|
||||
var f = this.getAsks(e.asks, this.depthShowSize);
|
||||
var a = this.lastDepth.asks;
|
||||
this.lastDepth.asks = f;
|
||||
this.asksAndBids(f.slice(0), a, b);
|
||||
var d = $("#bids .table");
|
||||
d.find("div.remove").remove();
|
||||
d.find("div.add").removeClass("add");
|
||||
var g = this.getBids(e.bids, this.depthShowSize);
|
||||
var c = this.lastDepth.bids;
|
||||
this.lastDepth.bids = g;
|
||||
this.asksAndBids(g.slice(0), c, $("#bids .table"))
|
||||
}
|
||||
},
|
||||
depthInit: function(f, h) {
|
||||
h.empty();
|
||||
if (f && f.length > 0) {
|
||||
var g, b = "";
|
||||
for (var e = 0; e < f.length; e++) {
|
||||
var a = (f[e][0] + "").split(".");
|
||||
var d = this.getPrice(a, g);
|
||||
g = a[0];
|
||||
a = (f[e][1] + "").split(".");
|
||||
var c = this.getAmount(a);
|
||||
b += "<div class='row'><span class='price'>" + d[0] + "<g>" + d[1] + "</g></span> <span class='amount'>" + c[0] + "<g>" + c[1] + "</g></span></div>"
|
||||
}
|
||||
h.append(b);
|
||||
b = null
|
||||
}
|
||||
},
|
||||
asksAndBids: function(b, c, l) {
|
||||
for (var f = 0; f < c.length; f++) {
|
||||
var n = false;
|
||||
for (var d = 0; d < b.length; d++) {
|
||||
if (c[f][0] == b[d][0]) {
|
||||
n = true;
|
||||
if (c[f][1] != b[d][1]) {
|
||||
var a = l.find("div:eq(" + f + ") .amount");
|
||||
a.addClass(c[f][1] > b[d][1] ? "red": "green");
|
||||
var g = this.getAmount((b[d][1] + "").split("."));
|
||||
setTimeout((function(j, i) {
|
||||
return function() {
|
||||
j.html(i[0] + "<g>" + i[1] + "</g>");
|
||||
j.removeClass("red").removeClass("green");
|
||||
j = null;
|
||||
i = null
|
||||
}
|
||||
})(a, g), 500)
|
||||
}
|
||||
b.splice(d, 1);
|
||||
break
|
||||
}
|
||||
}
|
||||
if (!n) {
|
||||
l.find("div:eq(" + f + ")").addClass("remove");
|
||||
c[f][2] = -1
|
||||
}
|
||||
}
|
||||
for (var d = 0; d < c.length; d++) {
|
||||
for (var f = 0; f < b.length; f++) {
|
||||
if (b[f][0] > c[d][0]) {
|
||||
var k = (b[f][1] + "").split(".");
|
||||
var g = this.getAmount(k);
|
||||
l.find("div:eq(" + d + ")").before("<div class='row add'><span class='price'></span> <span class='amount'>" + g[0] + "<g>" + g[1] + "</g></span></div>");
|
||||
c.splice(d, 0, b[f]);
|
||||
b.splice(f, 1);
|
||||
break
|
||||
}
|
||||
}
|
||||
}
|
||||
var h = "";
|
||||
for (var f = 0; f < b.length; f++) {
|
||||
c.push(b[f]);
|
||||
var k = (b[f][1] + "").split(".");
|
||||
var g = this.getAmount(k);
|
||||
h += "<div class='row add'><span class='price'></span> <span class='amount'>" + g[0] + "<g>" + g[1] + "</g></span></div>"
|
||||
}
|
||||
if (h.length > 0) {
|
||||
l.append(h)
|
||||
}
|
||||
h = null;
|
||||
var m;
|
||||
for (var f = 0; f < c.length; f++) {
|
||||
var o = l.find("div:eq(" + f + ")");
|
||||
if (! (c[f].length >= 3 && c[f][2] == -1)) {
|
||||
var k = (c[f][0] + "").split(".");
|
||||
var e = this.getPrice(k, m);
|
||||
m = k[0];
|
||||
o.find(".price").html(e[0] + "<g>" + e[1] + "</g>")
|
||||
}
|
||||
}
|
||||
b = null;
|
||||
c = null;
|
||||
l.find("div.add").slideDown(800);
|
||||
setTimeout((function(i, j) {
|
||||
return function() {
|
||||
i.slideUp(500,
|
||||
function() {
|
||||
$(this).remove()
|
||||
});
|
||||
j.removeClass("add")
|
||||
}
|
||||
})(l.find("div.remove"), l.find("div.add")), 1000)
|
||||
},
|
||||
getAsks: function(b, a) {
|
||||
if (b.length > a) {
|
||||
b.splice(0, b.length - a)
|
||||
}
|
||||
return b
|
||||
},
|
||||
getBids: function(b, a) {
|
||||
if (b.length > a) {
|
||||
b.splice(a, b.length - 1)
|
||||
}
|
||||
return b
|
||||
},
|
||||
getgview: function(c) {
|
||||
var d = "";
|
||||
var e;
|
||||
for (var b = 0; b < c.length; b++) {
|
||||
var a = c[b][0].split(".");
|
||||
if (a.length == 1 || a[0] != e) {
|
||||
d += "<div class='row'><span class='price'>" + c[b][0] + "</span> <span class='amount'>" + c[b][1] + "</span></div>";
|
||||
e = a[0]
|
||||
} else {
|
||||
d += "<div class='row'><span class='price'><h>" + a[0] + ".</h>" + a[1] + "</span> <span class='amount'>" + c[b][1] + "</span></div>"
|
||||
}
|
||||
}
|
||||
return d
|
||||
},
|
||||
getgasks: function(j) {
|
||||
var k = j[j.length - 1][0];
|
||||
var e = j[0][0];
|
||||
var a = e - k;
|
||||
var d = this.getBlock(a, 100);
|
||||
var b = Math.abs(Number(Math.log(d) / Math.log(10))).toFixed(0);
|
||||
if (a / d < 2) {
|
||||
d = d / 2;
|
||||
b++
|
||||
}
|
||||
if (d >= 1) { (b = 0)
|
||||
}
|
||||
k = parseInt(k / d) * d;
|
||||
e = parseInt(e / d) * d;
|
||||
var h = [];
|
||||
var g = 0;
|
||||
for (var f = j.length - 1; f >= 0; f--) {
|
||||
if (j[f][0] > k) {
|
||||
var c = parseInt(g, 10);
|
||||
if (c > 0) {
|
||||
h.unshift([Number(k).toFixed(b), c])
|
||||
}
|
||||
if (k >= e) {
|
||||
break
|
||||
}
|
||||
k += d
|
||||
}
|
||||
g += j[f][1]
|
||||
}
|
||||
return h
|
||||
},
|
||||
getgbids: function(j) {
|
||||
var k = j[j.length - 1][0];
|
||||
var e = j[0][0];
|
||||
var a = e - k;
|
||||
var d = this.getBlock(a, 100);
|
||||
var b = Math.abs(Number(Math.log(d) / Math.log(10))).toFixed(0);
|
||||
if (a / d < 2) {
|
||||
d = d / 2;
|
||||
b++
|
||||
}
|
||||
if (d >= 1) { (b = 0)
|
||||
}
|
||||
k = parseInt(k / d) * d;
|
||||
e = parseInt(e / d) * d;
|
||||
var h = [];
|
||||
var g = 0;
|
||||
for (var f = 0; f < j.length; f++) {
|
||||
if (j[f][0] < e) {
|
||||
var c = parseInt(g, 10);
|
||||
if (c > 0) {
|
||||
h.push([Number(e).toFixed(b), c])
|
||||
}
|
||||
if (e <= k) {
|
||||
break
|
||||
}
|
||||
e -= d
|
||||
}
|
||||
g += j[f][1]
|
||||
}
|
||||
return h
|
||||
},
|
||||
getBlock: function(a, c) {
|
||||
if (a > c) {
|
||||
return c
|
||||
} else {
|
||||
c = c / 10;
|
||||
return this.getBlock(a, c)
|
||||
}
|
||||
},
|
||||
getZeros: function(b) {
|
||||
var a = "";
|
||||
while (b > 0) {
|
||||
b--;
|
||||
a += "0"
|
||||
}
|
||||
return a
|
||||
},
|
||||
getPrice: function(a, d) {
|
||||
var c = a[0];
|
||||
if (d == c) {
|
||||
c = "<h>" + c + ".</h>"
|
||||
} else {
|
||||
c += "."
|
||||
}
|
||||
var b = "";
|
||||
if (a.length == 1) {
|
||||
c += "0";
|
||||
b = this.getZeros(this.priceDecimalDigits - 1)
|
||||
} else {
|
||||
c += a[1];
|
||||
b = this.getZeros(this.priceDecimalDigits - a[1].length)
|
||||
}
|
||||
return [c, b]
|
||||
},
|
||||
getAmount: function(a) {
|
||||
var c = a[0];
|
||||
var b = "";
|
||||
var d = this.amountDecimalDigits - c.length + 1;
|
||||
if (d > 0) {
|
||||
b = ".";
|
||||
if (a.length == 1) {
|
||||
b += this.getZeros(d)
|
||||
} else {
|
||||
if (d > a[1].length) {
|
||||
b += a[1] + this.getZeros(d - a[1].length)
|
||||
} else {
|
||||
if (d == a[1].length) {
|
||||
b += a[1]
|
||||
} else {
|
||||
b += a[1].substring(0, d)
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
return [c, b]
|
||||
},
|
||||
setTopTickers: function(c) {
|
||||
},
|
||||
setMarketShow: function(e, b, d, c) {
|
||||
},
|
||||
refreshPage: function(a) {
|
||||
},
|
||||
refreshUrl: function(a) {
|
||||
}
|
||||
};
|
||||
@@ -0,0 +1,567 @@
|
||||
<html>
|
||||
<head>
|
||||
<meta name="renderer" content="webkit" />
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1" />
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=GBK">
|
||||
<meta name="baidu-sit指标参数设置e-verification" content="DwmS6mQC0u">
|
||||
|
||||
<meta name="viewport" content="width=device-width, initial-scale=0.3, maximum-scale=1.0, user-scalable=yes" />
|
||||
<meta name="apple-mobile-web-app-capable" content="yes" />
|
||||
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
|
||||
<meta name="format-detection" content="telephone=no" />
|
||||
<meta http-equiv="Expires" content="-1" />
|
||||
|
||||
|
||||
<link href="js/kline.css" rel="stylesheet" />
|
||||
<script src="js/jquery-1.11.1.min.js"></script>
|
||||
<script src="js/jquery.mousewheel.js"></script>
|
||||
<style type="text/css">
|
||||
a.kxiana {
|
||||
text-decoration: none;
|
||||
}
|
||||
a.kxiana:hover {
|
||||
text-decoration: underline !important;
|
||||
}
|
||||
#chart_canvasGroup:after {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
content: "";
|
||||
background: url("/statics/img/common/bg_klie.png") 50% 25% no-repeat;
|
||||
background-size: auto 22%;
|
||||
position: absolute;
|
||||
z-index: 1;
|
||||
}
|
||||
</style>
|
||||
<title>行情图</title>
|
||||
</head>
|
||||
<body style="height:100%;background-color: #000">
|
||||
<div id="chart_container" class="dark" style="width: 1670px; height: 361px; visibility: visible;">
|
||||
<!-- Dom Element Cache -->
|
||||
<div id="chart_dom_elem_cache"></div>
|
||||
<!-- ToolBar -->
|
||||
<div id="chart_toolbar" style="left: 0px; top: 0px; width: 1670px; height: 29px;">
|
||||
<div class="chart_toolbar_minisep"> </div>
|
||||
<!-- Periods -->
|
||||
<div class="chart_dropdown" id="chart_toolbar_periods_vert">
|
||||
<div class="chart_dropdown_t"><a class="chart_str_period">周期</a></div>
|
||||
<div class="chart_dropdown_data" style="margin-left: -58px;">
|
||||
<table>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>
|
||||
<ul>
|
||||
<li id="chart_period_1w_v" name="1w"> <a class="chart_str_period_1w">周线</a></li>
|
||||
<li id="chart_period_3d_v" name="3d"> <a class="chart_str_period_3d">3日</a></li>
|
||||
<li id="chart_period_1d_v" name="1d"> <a class="chart_str_period_1d">日线</a></li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<ul>
|
||||
<li id="chart_period_12h_v" name="12h"> <a class="chart_str_period_12h">12小时</a></li>
|
||||
<li id="chart_period_6h_v" name="6h"> <a class="chart_str_period_6h">6小时</a></li>
|
||||
<li id="chart_period_4h_v" name="4h"> <a class="chart_str_period_4h">4小时</a></li>
|
||||
<li id="chart_period_2h_v" name="2h"> <a class="chart_str_period_2h">2小时</a></li>
|
||||
<li id="chart_period_1h_v" name="1h"> <a class="chart_str_period_1h">1小时</a></li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>
|
||||
<ul>
|
||||
<li id="chart_period_30m_v" name="30m"> <a class="chart_str_period_30m">30分钟</a></li>
|
||||
<li id="chart_period_15m_v" name="15m"> <a class="chart_str_period_15m">15分钟</a></li>
|
||||
<li id="chart_period_5m_v" name="5m"> <a class="chart_str_period_5m">5分钟</a></li>
|
||||
<li id="chart_period_3m_v" name="3m"> <a class="chart_str_period_3m">3分钟</a></li>
|
||||
<li id="chart_period_1m_v" name="1m"> <a class="chart_str_period_1m selected">1分钟</a></li>
|
||||
<li id="chart_period_line_v" name="line"><a class="chart_str_period_line">分时</a></li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div><div id="chart_toolbar_periods_horz">
|
||||
<ul class="chart_toolbar_tabgroup" style="padding-left:5px; padding-right:11px;">
|
||||
<li id="chart_period_1w_h" name="1w" style="display: inline-block;"> <a class="chart_str_period_1w">周线</a></li>
|
||||
<li id="chart_period_3d_h" name="3d" style="display: none;"> <a class="chart_str_period_3d">3日</a></li>
|
||||
<li id="chart_period_1d_h" name="1d" style="display: inline-block;"> <a class="chart_str_period_1d">日线</a></li>
|
||||
<li id="chart_period_12h_h" name="12h" style="display: none;"> <a class="chart_str_period_12h">12小时</a></li>
|
||||
<li id="chart_period_6h_h" name="6h" style="display: none;"> <a class="chart_str_period_6h">6小时</a></li>
|
||||
<li id="chart_period_4h_h" name="4h" style="display: none;"> <a class="chart_str_period_4h">4小时</a></li>
|
||||
<li id="chart_period_2h_h" name="2h" style="display: none;"> <a class="chart_str_period_2h">2小时</a></li>
|
||||
<li id="chart_period_1h_h" name="1h" style="display: inline-block;"> <a class="chart_str_period_1h">1小时</a></li>
|
||||
<li id="chart_period_30m_h" name="30m" style="display: inline-block;"> <a class="chart_str_period_30m">30分钟</a></li>
|
||||
<li id="chart_period_15m_h" name="15m" style="display: inline-block;"> <a class="chart_str_period_15m">15分钟</a></li>
|
||||
<li id="chart_period_5m_h" name="5m" style="display: inline-block;"> <a class="chart_str_period_5m">5分钟</a></li>
|
||||
<li id="chart_period_3m_h" name="3m" style="display: none;"> <a class="chart_str_period_3m">3分钟</a></li>
|
||||
<li id="chart_period_1m_h" name="1m" style="display: inline-block;"> <a class="chart_str_period_1m selected">1分钟</a></li>
|
||||
<li id="chart_period_line_h" name="line" style="display: inline-block;"><a class="chart_str_period_line">分时</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div id="chart_show_indicator" class="chart_toolbar_button chart_str_indicator_cap selected">技术指标</div><div id="chart_show_tools" class="chart_toolbar_button chart_str_tools_cap">画线工具</div><div id="chart_toolbar_theme">
|
||||
<div class="chart_toolbar_label chart_str_theme_cap">主题选择</div>
|
||||
<a name="dark" class="chart_icon chart_icon_theme_dark selected"></a>
|
||||
<a name="light" class="chart_icon chart_icon_theme_light"></a>
|
||||
</div><div class="chart_dropdown" id="chart_dropdown_settings">
|
||||
<div class="chart_dropdown_t"><a class="chart_str_settings">更多</a></div>
|
||||
<div class="chart_dropdown_data" style="margin-left: -142px;">
|
||||
<table>
|
||||
<tbody>
|
||||
<tr id="chart_select_main_indicator">
|
||||
<td class="chart_str_main_indicator">主指标</td>
|
||||
<td>
|
||||
<ul>
|
||||
<li><a name="MA" class="selected">MA</a></li>
|
||||
<li><a name="EMA" class="">EMA</a></li>
|
||||
<li><a name="BOLL" class="">BOLL</a></li>
|
||||
<li><a name="SAR" class="">SAR</a></li>
|
||||
<li><a name="NONE" class="">None</a></li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="chart_select_chart_style">
|
||||
<td class="chart_str_chart_style">主图样式</td>
|
||||
<td>
|
||||
<ul>
|
||||
<li><a class="selected">CandleStick</a></li>
|
||||
<li><a>CandleStickHLC</a></li>
|
||||
<li><a class="">OHLC</a></li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="chart_select_theme" style="display: none;">
|
||||
<td class="chart_str_theme">主题选择</td>
|
||||
<td>
|
||||
<ul>
|
||||
<li><a name="dark" class="chart_icon chart_icon_theme_dark selected"></a></li>
|
||||
<li><a name="light" class="chart_icon chart_icon_theme_light"></a></li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="chart_enable_tools" style="display: none;">
|
||||
<td class="chart_str_tools">画线工具</td>
|
||||
<td>
|
||||
<ul>
|
||||
<li><a name="on" class="chart_str_on">开启</a></li>
|
||||
<li><a name="off" class="chart_str_off selected">关闭</a></li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="chart_enable_indicator" style="display: none;">
|
||||
<td class="chart_str_indicator">技术指标</td>
|
||||
<td>
|
||||
<ul>
|
||||
<li><a name="on" class="chart_str_on selected">开启</a></li>
|
||||
<li><a name="off" class="chart_str_off">关闭</a></li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td></td>
|
||||
<td>
|
||||
<ul><li><a id="chart_btn_parameter_settings" class="chart_str_indicator_parameters">指标参数设置</a></li></ul>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
<div class="chart_dropdown" id="chart_language_setting_div" style="padding-left: 5px;">
|
||||
<div class="chart_dropdown_t">
|
||||
<a class="chart_language_setting">语言(LANG)</a>
|
||||
</div>
|
||||
<div class="chart_dropdown_data" style="padding-top: 15px; margin-left: -12px;">
|
||||
<ul>
|
||||
<li style="height: 25px;"><a name="zh-cn" class="selected">简体中文(zh-CN)</a></li>
|
||||
<li style="height: 25px;"><a name="en-us">English(en-US)</a></li>
|
||||
<li style="height: 25px;"><a name="zh-tw">繁體中文(zh-HK)</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div id="chart_updated_time">
|
||||
<span class="chart_str_updated">更新于</span>
|
||||
<span id="chart_updated_time_text">4秒</span>
|
||||
<span class="chart_str_ago">前</span>
|
||||
</div>
|
||||
</div>
|
||||
<!-- ToolPanel -->
|
||||
<div id="chart_toolpanel" style="display: none; left: 0px; top: 30px; width: 32px; height: 331px;">
|
||||
<div class="chart_toolpanel_separator"></div>
|
||||
<div class="chart_toolpanel_button">
|
||||
<div class="chart_toolpanel_icon" id="chart_Cursor" name="Cursor"></div>
|
||||
<div class="chart_toolpanel_tip chart_str_cursor">光标</div>
|
||||
</div>
|
||||
<div class="chart_toolpanel_button">
|
||||
<div class="chart_toolpanel_icon" id="chart_CrossCursor" name="CrossCursor"></div>
|
||||
<div class="chart_toolpanel_tip chart_str_cross_cursor">十字光标</div>
|
||||
</div>
|
||||
<div class="chart_toolpanel_button">
|
||||
<div class="chart_toolpanel_icon" id="chart_SegLine" name="SegLine"></div>
|
||||
<div class="chart_toolpanel_tip chart_str_seg_line">线段</div>
|
||||
</div>
|
||||
<div class="chart_toolpanel_button">
|
||||
<div class="chart_toolpanel_icon" id="chart_StraightLine" name="StraightLine"></div>
|
||||
<div class="chart_toolpanel_tip chart_str_straight_line">直线</div>
|
||||
</div>
|
||||
<div class="chart_toolpanel_button">
|
||||
<div class="chart_toolpanel_icon" id="chart_RayLine" name="RayLine"></div>
|
||||
<div class="chart_toolpanel_tip chart_str_ray_line">射线</div>
|
||||
</div>
|
||||
<div class="chart_toolpanel_button">
|
||||
<div class="chart_toolpanel_icon" id="chart_ArrowLine" name="ArrowLine"></div>
|
||||
<div class="chart_toolpanel_tip chart_str_arrow_line">箭头</div>
|
||||
</div>
|
||||
<div class="chart_toolpanel_button">
|
||||
<div class="chart_toolpanel_icon" id="chart_HoriSegLine" name="HoriSegLine"></div>
|
||||
<div class="chart_toolpanel_tip chart_str_horz_seg_line">水平线段</div>
|
||||
</div>
|
||||
<div class="chart_toolpanel_button">
|
||||
<div class="chart_toolpanel_icon" id="chart_HoriStraightLine" name="HoriStraightLine"></div>
|
||||
<div class="chart_toolpanel_tip chart_str_horz_straight_line">水平直线</div>
|
||||
</div>
|
||||
<div class="chart_toolpanel_button">
|
||||
<div class="chart_toolpanel_icon" id="chart_HoriRayLine" name="HoriRayLine"></div>
|
||||
<div class="chart_toolpanel_tip chart_str_horz_ray_line">水平射线</div>
|
||||
</div>
|
||||
<div class="chart_toolpanel_button">
|
||||
<div class="chart_toolpanel_icon" id="chart_VertiStraightLine" name="VertiStraightLine"></div>
|
||||
<div class="chart_toolpanel_tip chart_str_vert_straight_line">垂直直线</div>
|
||||
</div>
|
||||
<div class="chart_toolpanel_button">
|
||||
<div class="chart_toolpanel_icon" id="chart_PriceLine" name="PriceLine"></div>
|
||||
<div class="chart_toolpanel_tip chart_str_price_line">价格线</div>
|
||||
</div>
|
||||
<div class="chart_toolpanel_button">
|
||||
<div class="chart_toolpanel_icon" id="chart_TriParallelLine" name="TriParallelLine"></div>
|
||||
<div class="chart_toolpanel_tip chart_str_tri_parallel_line">价格通道线</div>
|
||||
</div>
|
||||
<div class="chart_toolpanel_button">
|
||||
<div class="chart_toolpanel_icon" id="chart_BiParallelLine" name="BiParallelLine"></div>
|
||||
<div class="chart_toolpanel_tip chart_str_bi_parallel_line">平行直线</div>
|
||||
</div>
|
||||
<div class="chart_toolpanel_button">
|
||||
<div class="chart_toolpanel_icon" id="chart_BiParallelRayLine" name="BiParallelRayLine"></div>
|
||||
<div class="chart_toolpanel_tip chart_str_bi_parallel_ray">平行射线</div>
|
||||
</div>
|
||||
<div class="chart_toolpanel_button">
|
||||
<div class="chart_toolpanel_icon" id="chart_DrawFibRetrace" name="DrawFibRetrace"></div>
|
||||
<div class="chart_toolpanel_tip chart_str_fib_retrace">斐波纳契回调</div>
|
||||
</div>
|
||||
<div class="chart_toolpanel_button">
|
||||
<div class="chart_toolpanel_icon" id="chart_DrawFibFans" name="DrawFibFans"></div>
|
||||
<div class="chart_toolpanel_tip chart_str_fib_fans">斐波纳契扇形</div>
|
||||
</div>
|
||||
<div style="padding-left: 3px;padding-top: 10px;">
|
||||
<button style="color: red;" id="clearCanvas" title="Clear All">X</button>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Canvas Group -->
|
||||
<div id="chart_canvasGroup" style="left: 0px; top: 30px; width: 1670px; height: 308px;" class="temp">
|
||||
<canvas class="chart_canvas" id="chart_mainCanvas" width="1670" height="308" style="cursor: default;"></canvas>
|
||||
<canvas class="chart_canvas" id="chart_overlayCanvas" width="1670" height="308" style="cursor: default;"></canvas>
|
||||
</div>
|
||||
<!-- TabBar -->
|
||||
<div id="chart_tabbar" style="display: block; position: relative; left: 0px; top: 338px; width: 1670px; height: 22px;">
|
||||
<ul>
|
||||
<li><a name="MACD" class="selected">MACD</a></li>
|
||||
<li><a name="KDJ" class="">KDJ</a></li>
|
||||
<li><a name="StochRSI" class="">StochRSI</a></li>
|
||||
<li><a name="RSI" class="">RSI</a></li>
|
||||
<li><a name="DMI" class="">DMI</a></li>
|
||||
<li><a name="OBV" class="">OBV</a></li>
|
||||
<li><a name="BOLL" class="">BOLL</a></li>
|
||||
<li><a name="SAR" class="">SAR</a></li>
|
||||
<li><a name="DMA" class="">DMA</a></li>
|
||||
<li><a name="TRIX" class="">TRIX</a></li>
|
||||
<li><a name="BRAR" class="">BRAR</a></li>
|
||||
<li><a name="VR" class="">VR</a></li>
|
||||
<li><a name="EMV" class="">EMV</a></li>
|
||||
<li><a name="WR" class="">WR</a></li>
|
||||
<li><a name="ROC" class="">ROC</a></li>
|
||||
<li><a name="MTM" class="">MTM</a></li>
|
||||
<li><a name="PSY">PSY</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<!-- Parameter Settings -->
|
||||
<div id="chart_parameter_settings" style="left: 515px; top: -64px;">
|
||||
<h2 class="chart_str_indicator_parameters">指标参数设置</h2>
|
||||
<table>
|
||||
<tbody>
|
||||
<tr>
|
||||
<th>MA</th>
|
||||
<td><input name="MA"><input name="MA"><input name="MA"><input name="MA"><br><input name="MA"><input name="MA"></td>
|
||||
<td><button class="chart_str_default">默认值</button></td>
|
||||
<th>DMA</th>
|
||||
<td><input name="DMA"><input name="DMA"><input name="DMA"></td>
|
||||
<td><button class="chart_str_default">默认值</button></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>EMA</th>
|
||||
<td><input name="EMA"><input name="EMA"><input name="EMA"><input name="EMA"><br><input name="EMA"><input name="EMA"></td>
|
||||
<td><button class="chart_str_default">默认值</button></td>
|
||||
<th>TRIX</th>
|
||||
<td><input name="TRIX"><input name="TRIX"></td>
|
||||
<td><button class="chart_str_default">默认值</button></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>VOLUME</th>
|
||||
<td><input name="VOLUME"><input name="VOLUME"></td>
|
||||
<td><button class="chart_str_default">默认值</button></td>
|
||||
<th>BRAR</th>
|
||||
<td><input name="BRAR"></td>
|
||||
<td><button class="chart_str_default">默认值</button></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>MACD</th>
|
||||
<td><input name="MACD"><input name="MACD"><input name="MACD"></td>
|
||||
<td><button class="chart_str_default">默认值</button></td>
|
||||
<th>VR</th>
|
||||
<td><input name="VR"><input name="VR"></td>
|
||||
<td><button class="chart_str_default">默认值</button></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>KDJ</th>
|
||||
<td><input name="KDJ"><input name="KDJ"><input name="KDJ"></td>
|
||||
<td><button class="chart_str_default">默认值</button></td>
|
||||
<th>EMV</th>
|
||||
<td><input name="EMV"><input name="EMV"></td>
|
||||
<td><button class="chart_str_default">默认值</button></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>StochRSI</th>
|
||||
<td><input name="StochRSI"><input name="StochRSI"><input name="StochRSI"><input name="StochRSI"></td>
|
||||
<td><button class="chart_str_default">默认值</button></td>
|
||||
<th>WR</th>
|
||||
<td><input name="WR"><input name="WR"></td>
|
||||
<td><button class="chart_str_default">默认值</button></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>RSI</th>
|
||||
<td><input name="RSI"><input name="RSI"><input name="RSI"></td>
|
||||
<td><button class="chart_str_default">默认值</button></td>
|
||||
<th>ROC</th>
|
||||
<td><input name="ROC"><input name="ROC"></td>
|
||||
<td><button class="chart_str_default">默认值</button></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>DMI</th>
|
||||
<td><input name="DMI"><input name="DMI"></td>
|
||||
<td><button class="chart_str_default">默认值</button></td>
|
||||
<th>MTM</th>
|
||||
<td><input name="MTM"><input name="MTM"></td>
|
||||
<td><button class="chart_str_default">默认值</button></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>OBV</th>
|
||||
<td><input name="OBV"></td>
|
||||
<td><button class="chart_str_default">默认值</button></td>
|
||||
<th>PSY</th>
|
||||
<td><input name="PSY"><input name="PSY"></td>
|
||||
<td><button class="chart_str_default">默认值</button></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>BOLL</th>
|
||||
<td><input name="BOLL"></td>
|
||||
<td><button class="chart_str_default">默认值</button></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<div id="close_settings"><a class="chart_str_close">关闭</a></div>
|
||||
</div>
|
||||
<!-- Loading -->
|
||||
<div id="chart_loading" class="chart_str_loading" style="left: 735px; top: 78px;">正在读取数据...</div>
|
||||
</div> <!-- End Of ChartContainer -->
|
||||
<div style="display: none" id="chart_language_switch_tmp">
|
||||
<span name="chart_str_period" zh_tw="週期" zh_cn="周期" en_us="TIME">
|
||||
<span name="chart_str_period_line" zh_tw="分時" zh_cn="分时" en_us="Line">
|
||||
<span name="chart_str_period_1m" zh_tw="1分钟" zh_cn="1分钟" en_us="1m">
|
||||
<span name="chart_str_period_3m" zh_tw="3分钟" zh_cn="3分钟" en_us="3m">
|
||||
<span name="chart_str_period_5m" zh_tw="5分钟" zh_cn="5分钟" en_us="5m">
|
||||
<span name="chart_str_period_15m" zh_tw="15分钟" zh_cn="15分钟" en_us="15m">
|
||||
<span name="chart_str_period_30m" zh_tw="30分钟" zh_cn="30分钟" en_us="30m">
|
||||
<span name="chart_str_period_1h" zh_tw="1小時" zh_cn="1小时" en_us="1h">
|
||||
<span name="chart_str_period_2h" zh_tw="2小時" zh_cn="2小时" en_us="2h">
|
||||
<span name="chart_str_period_4h" zh_tw="4小時" zh_cn="4小时" en_us="4h">
|
||||
<span name="chart_str_period_6h" zh_tw="6小時" zh_cn="6小时" en_us="6h">
|
||||
<span name="chart_str_period_12h" zh_tw="12小時" zh_cn="12小时" en_us="12h">
|
||||
<span name="chart_str_period_1d" zh_tw="日線" zh_cn="日线" en_us="1d">
|
||||
<span name="chart_str_period_3d" zh_tw="3日" zh_cn="3日" en_us="3d">
|
||||
<span name="chart_str_period_1w" zh_tw="周線" zh_cn="周线" en_us="1w">
|
||||
<span name="chart_str_settings" zh_tw="更多" zh_cn="更多" en_us="MORE">
|
||||
<span name="chart_setting_main_indicator" zh_tw="均線設置" zh_cn="均线设置" en_us="Main Indicator">
|
||||
<span name="chart_setting_main_indicator_none" zh_tw="關閉均線" zh_cn="关闭均线" en_us="None">
|
||||
<span name="chart_setting_indicator_parameters" zh_tw="指標參數設置" zh_cn="指标参数设置" en_us="Indicator Parameters">
|
||||
<span name="chart_str_chart_style" zh_tw="主圖樣式" zh_cn="主图样式" en_us="Chart Style">
|
||||
<span name="chart_str_main_indicator" zh_tw="主指標" zh_cn="主指标" en_us="Main Indicator">
|
||||
<span name="chart_str_indicator" zh_tw="技術指標" zh_cn="技术指标" en_us="Indicator">
|
||||
<span name="chart_str_indicator_cap" zh_tw="技術指標" zh_cn="技术指标" en_us="INDICATOR">
|
||||
<span name="chart_str_tools" zh_tw="畫線工具" zh_cn="画线工具" en_us="Tools">
|
||||
<span name="chart_str_tools_cap" zh_tw="畫線工具" zh_cn="画线工具" en_us="TOOLS">
|
||||
<span name="chart_str_theme" zh_tw="主題選擇" zh_cn="主题选择" en_us="Theme">
|
||||
<span name="chart_str_theme_cap" zh_tw="主題選擇" zh_cn="主题选择" en_us="THEME">
|
||||
<span name="chart_language_setting" zh_tw="語言(LANG)" zh_cn="语言(LANG)" en_us="LANGUAGE">
|
||||
<span name="chart_exchanges_setting" zh_tw="更多市場" zh_cn="更多市场" en_us="MORE MARKETS">
|
||||
<span name="chart_othercoin_setting" zh_tw="其它市場" zh_cn="其它市场" en_us="OTHER MARKETS">
|
||||
<span name="chart_str_none" zh_tw="關閉" zh_cn="关闭" en_us="None">
|
||||
<span name="chart_str_theme_dark" zh_tw="深色主題" zh_cn="深色主题" en_us="Dark">
|
||||
<span name="chart_str_theme_light" zh_tw="淺色主題" zh_cn="浅色主题" en_us="Light">
|
||||
<span name="chart_str_on" zh_tw="開啟" zh_cn="开启" en_us="On">
|
||||
<span name="chart_str_off" zh_tw="關閉" zh_cn="关闭" en_us="Off">
|
||||
<span name="chart_str_close" zh_tw="關閉" zh_cn="关闭" en_us="CLOSE">
|
||||
<span name="chart_str_default" zh_tw="默認值" zh_cn="默认值" en_us="default">
|
||||
<span name="chart_str_loading" zh_tw="正在讀取數據..." zh_cn="正在读取数据..." en_us="Loading...">
|
||||
<span name="chart_str_indicator_parameters" zh_tw="指標參數設置" zh_cn="指标参数设置" en_us="Indicator Parameters">
|
||||
<span name="chart_str_cursor" zh_tw="光標" zh_cn="光标" en_us="Cursor">
|
||||
<span name="chart_str_cross_cursor" zh_tw="十字光標" zh_cn="十字光标" en_us="Cross Cursor">
|
||||
<span name="chart_str_seg_line" zh_tw="線段" zh_cn="线段" en_us="Trend Line">
|
||||
<span name="chart_str_straight_line" zh_tw="直線" zh_cn="直线" en_us="Extended">
|
||||
<span name="chart_str_ray_line" zh_tw="射線" zh_cn="射线" en_us="Ray">
|
||||
<span name="chart_str_arrow_line" zh_tw="箭頭" zh_cn="箭头" en_us="Arrow">
|
||||
<span name="chart_str_horz_seg_line" zh_tw="水平線段" zh_cn="水平线段" en_us="Horizontal Line">
|
||||
<span name="chart_str_horz_straight_line" zh_tw="水平直線" zh_cn="水平直线" en_us="Horizontal Extended">
|
||||
<span name="chart_str_horz_ray_line" zh_tw="水平射線" zh_cn="水平射线" en_us="Horizontal Ray">
|
||||
<span name="chart_str_vert_straight_line" zh_tw="垂直直線" zh_cn="垂直直线" en_us="Vertical Extended">
|
||||
<span name="chart_str_price_line" zh_tw="價格線" zh_cn="价格线" en_us="Price Line">
|
||||
<span name="chart_str_tri_parallel_line" zh_tw="價格通道線" zh_cn="价格通道线" en_us="Parallel Channel">
|
||||
<span name="chart_str_bi_parallel_line" zh_tw="平行直線" zh_cn="平行直线" en_us="Parallel Lines">
|
||||
<span name="chart_str_bi_parallel_ray" zh_tw="平行射線" zh_cn="平行射线" en_us="Parallel Rays">
|
||||
<span name="chart_str_fib_retrace" zh_tw="斐波納契回調" zh_cn="斐波纳契回调" en_us="Fibonacci Retracements">
|
||||
<span name="chart_str_fib_fans" zh_tw="斐波納契扇形" zh_cn="斐波纳契扇形" en_us="Fibonacci Fans">
|
||||
|
||||
<span name="chart_str_updated" zh_tw="更新於" zh_cn="更新于" en_us="Updated">
|
||||
<span name="chart_str_ago" zh_tw="前" zh_cn="前" en_us="ago">
|
||||
</span>
|
||||
</span>
|
||||
</span>
|
||||
</span>
|
||||
</span>
|
||||
</span>
|
||||
</span>
|
||||
</span>
|
||||
</span>
|
||||
</span>
|
||||
</span>
|
||||
</span>
|
||||
</span>
|
||||
</span>
|
||||
</span>
|
||||
</span>
|
||||
</span>
|
||||
</span>
|
||||
</span>
|
||||
</span>
|
||||
</span>
|
||||
</span>
|
||||
</span>
|
||||
</span>
|
||||
</span>
|
||||
</span>
|
||||
</span>
|
||||
</span>
|
||||
</span>
|
||||
</span>
|
||||
</span>
|
||||
</span>
|
||||
</span>
|
||||
</span>
|
||||
</span>
|
||||
</span>
|
||||
</span>
|
||||
</span>
|
||||
</span>
|
||||
</span>
|
||||
</span>
|
||||
</span>
|
||||
</span>
|
||||
</span>
|
||||
</span>
|
||||
</span>
|
||||
</span>
|
||||
</span>
|
||||
</span>
|
||||
</span>
|
||||
</span>
|
||||
</span>
|
||||
</span>
|
||||
</span>
|
||||
</span>
|
||||
</span>
|
||||
</span>
|
||||
</div>
|
||||
<input value="0" id="depArgs" type="hidden">
|
||||
<script src="js/kline.assistant.js"></script>
|
||||
<script type="text/javascript">
|
||||
//币种id
|
||||
var biType = "1";
|
||||
var theme = "0";
|
||||
//if (theme == "0") {
|
||||
// setTimeout(function () {
|
||||
// switch_theme("light"); //设置图表背景为白色
|
||||
// }, 10);
|
||||
//} else {
|
||||
// setTimeout(function () {
|
||||
// switch_theme("dark"); //设置图表背景为黑色
|
||||
// }, 10);
|
||||
//}
|
||||
var kline = new Kline();
|
||||
var klineUrl = "http://localhost:19090/static/line/js/kdata.json";
|
||||
|
||||
//如果是1分鐘線,實際是60秒請求一次服務器數據
|
||||
//這裡是測試效果,所以設置成間隔3000毫秒,請求一次
|
||||
//實際要換成真實的間隔時間
|
||||
setInterval(function () {
|
||||
console.log("週期到");
|
||||
var d = new Date();
|
||||
//console.log(GLOBAL_VAR.time_type);
|
||||
if (d.getSeconds() == 0 && GLOBAL_VAR.time_type == "1min") {
|
||||
//K线图每分钟更新1分钟线
|
||||
GLOBAL_VAR.requestParam = setHttpRequestParam(biType, "1min", null, 100000000000);
|
||||
RequestData();
|
||||
console.log('1分钟线即时');
|
||||
var inst= ChartManager.getInstance();
|
||||
console.log(GLOBAL_VAR.time_type);
|
||||
}
|
||||
GLOBAL_VAR.requestParam = setHttpRequestParam(biType, "1min", null, 100000000000);
|
||||
RequestData();
|
||||
}, 3000);
|
||||
|
||||
//setInterval(function () {
|
||||
// var d = new Date();
|
||||
// if (d.getMinutes() % 3 == 0 && GLOBAL_VAR.time_type=="3min") {
|
||||
// //K线3分钟线即时数据
|
||||
// GLOBAL_VAR.requestParam = setHttpRequestParam(biType, "3min", null, 103000000000);
|
||||
// RequestData();
|
||||
// //console.log('3分钟线即时');
|
||||
// }
|
||||
// if (d.getMinutes() % 5 == 0 && GLOBAL_VAR.time_type == "5min") {
|
||||
// //K线5分钟线每五分钟更新
|
||||
// GLOBAL_VAR.requestParam = setHttpRequestParam(biType, "5min", null, 105000000000);
|
||||
// RequestData();
|
||||
// //console.log('5分钟线即时');
|
||||
// }
|
||||
// if (d.getMinutes() % 15 == 0 && GLOBAL_VAR.time_type == "15min") {
|
||||
// //K线15分钟线周期更新
|
||||
// GLOBAL_VAR.requestParam = setHttpRequestParam(biType, "15min", null, 150000000000);
|
||||
// RequestData();
|
||||
// //console.log('15分钟线即时');
|
||||
// }
|
||||
// if (d.getMinutes() % 30 == 0 && GLOBAL_VAR.time_type == "30min") {
|
||||
// //三十分钟线即时点
|
||||
// GLOBAL_VAR.requestParam = setHttpRequestParam(biType, "30min", null, 300000000000);
|
||||
// RequestData();
|
||||
// //console.log('30分钟线即时');
|
||||
// }
|
||||
// if (d.getMinutes() == 0 && GLOBAL_VAR.time_type == "1hour") {
|
||||
// //请求1小时线即时点
|
||||
// GLOBAL_VAR.requestParam = setHttpRequestParam(biType, "1hour", null, 600000000000);
|
||||
// RequestData();
|
||||
// //console.log('1小时线即时');
|
||||
// }
|
||||
//}, 1000 * 60);
|
||||
</script>
|
||||
<script src="js/kline.draw.js"></script>
|
||||
</body>
|
||||
</html>
|
||||