发布：2018/12/8 9:23:32作者：管理员 来源：本站 浏览次数：1697
由於項目裏面要做個有關交易的平臺，其中要畫k線圖（蠟燭圖），在網上找了很多插件感覺都沒有專業的股票交易平臺弄的k線圖專業，因此為了趕進度，將就用了百度的echarts來做k線圖，結果發現如果點比較少的時候k線圖呈現的柱子很大，不好看，除非有幾百個點看著才比較和專業的k線圖很像，後來因為要把那個圖表換成像比特時代裏面的k線圖壹樣的，所以為了把圖做的更專業壹些，就只有借鑒壹下他們的插件，然後就把專業的k線圖拔了下來，自己研究裏面的js方法，花了2天差不多就基本能用了，用的ajax輪詢，因為比較更新對頻繁的1分鐘線也是1分鐘更新壹次，所以沒有用長連接，感覺沒必要，不過用長連接推送點也是可行的。之前由於花了很多時間找插件來畫k圖，結果實踐發現看百度的echarts和Hightcharts都沒有專業的交易平臺的k線圖專業，比如火幣網的，幣創網的，感覺他們的就很專業。因此下定決心要弄壹個插件和他們的壹樣，抽時間把他們的插件研究出來，研究裏面js方法怎麽用的，那個圖表也就是用的canvas畫的，終於不負期望實際花了壹天就弄出來了，基本能根據ajax查詢後臺的數據呈現出想要的效果。為了讓廣大的同學能少走彎路，惠及後來者，我決定分享自己的勞動成果，我想插件的作者本身應該也希望自己的勞動成果能的得到廣大開發者的認可，因此冒大不韙來行此舉，實則為了方便大家能省事，目前看網上還沒有這個專業k線圖插件的貢獻。下面上圖，圖的效果：
如果畫圖在手機端顯示模糊，參考下文解決：
https://segmentfault.com/a/1190000004505090
画图的页面html：
@{
Layout = null;
}
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="baidu-sit指标参数设置e-verification" content="DwmS6mQC0u">
<link href="/Scripts/kline/kline.css" rel="stylesheet" />
<script src="/Scripts/jquery-1.11.1.min.js"></script>
<script src="/Scripts/kline/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="/Scripts/kline/kline.assistant.js"></script>
<script type="text/javascript">
//币种id
var biType = "@ViewBag.biType";
var theme = "@ViewBag.theme";
if (theme == "0") {
setTimeout(function () {
switch_theme("light"); //设置图表背景为白色
}, 10);
} else {
setTimeout(function () {
switch_theme("dark"); //设置图表背景为黑色
}, 10);
}
var kline = new Kline();
//var klineUrl = "http://localhost:8083/KlineTest/GetKline";
var klineUrl = "/Kline/GetKline?biType=@ViewBag.biType";
//每分钟开始更新图
setInterval(function () {
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);
}
}, 1000);
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="/Scripts/kline/kline.draw.js"></script>
</body>
</html>
图表依赖的js和css：
kline.draw.js
jquery.mousewheel.js
kline.assistant.js
kline.css
kline.draw.js：
var GLOBAL_VAR = {
KLineAllData: new Object,
KLineData: new Object,
time_type: "15min",
market_from: "1",
market_from_name: biType,//币种id
limit: "1000",
requestParam: "",
chartMgr: null,
G_HTTP_REQUEST: null,
TimeOutId: null,
button_down: false,
init: false,
url: klineUrl //"http://localhost:8083/KlineTest/GetKline"//表示请求的数据地址
};
GLOBAL_VAR.periodMap = {
"01w": "1week",
"03d": "3day",
"01d": "1day",
"12h": "12hour",
"06h": "6hour",
"04h": "4hour",
"02h": "2hour",
"01h": "1hour",
"30m": "30min",
"15m": "15min",
"05m": "5min",
"03m": "3min",
"01m": "1min"
};
GLOBAL_VAR.tagMapPeriod = {
"1w": "01w",
"3d": "03d",
"1d": "01d",
"12h": "12h",
"6h": "06h",
"4h": "04h",
"2h": "02h",
"1h": "01h",
"30m": "30m",
"15m": "15m",
"5m": "05m",
"3m": "03m",
"1m": "01m"
};
var classId = 0;
function create_class() {
var j = arguments.length;
var e = function() {};
var d;
if (j) {
d = arguments[0];
for (var a in d.prototype) {
e.prototype[a] = d.prototype[a]
}
}
for (var c = 1; c < j; c++) {
var b = arguments[c];
var g = b.prototype.__construct;
if (g) {
if (!e.prototype.__featureConstructors) {
e.prototype.__featureConstructors = []
}
e.prototype.__featureConstructors.push(g);
delete b.prototype.__construct
}
for (var a in b.prototype) {
e.prototype[a] = b.prototype[a]
}
if (g) {
b.prototype.__construct = g
}
}
var h = function() {
if (this.__construct) {
this.__construct.apply(this, arguments)
}
if (this.__featureConstructors) {
var f = this.__featureConstructors;
var k, l = f.length;
for (k = 0; k < l; k++) {
f[k].apply(this, arguments)
}
}
};
e.prototype.__classId = classId++;
if (d != undefined) {
h.__super = d.prototype;
e.prototype.__super = d
}
h.prototype = new e();
return h
}
function is_instance(c, a) {
var b = a.prototype.__classId;
if (c.__classId == b) {
return true
}
var d = c.__super;
while (d != undefined) {
if (d.prototype.__classId == b) {
return true
}
d = d.prototype.__super
}
return false
}
var MEvent = create_class();
MEvent.prototype.__construct = function() {
this._handlers = []
};
MEvent.prototype.addHandler = function(b, a) {
if (this._indexOf(b, a) < 0) {
this._handlers.push({
obj: b,
func: a
})
}
};
MEvent.prototype.removeHandler = function(c, b) {
var a = this._indexOf(c, b);
if (a >= 0) {
this._handlers.splice(a, 1)
}
};
MEvent.prototype.raise = function(f, h) {
var b = this._handlers;
var j, d, k = b.length;
for (d = 0; d < k; d++) {
j = b[d];
j.func.call(j.obj, f, h)
}
};
MEvent.prototype._indexOf = function(j, g) {
var b = this._handlers;
var h, d, k = b.length;
for (d = 0; d < k; d++) {
h = b[d];
if (j == h.obj && g == h.func) {
return d
}
}
return - 1
};
String.fromFloat = function(a, c) {
var d = a.toFixed(c);
for (var b = d.length - 1; b >= 0; b--) {
if (d[b] == ".") {
return d.substring(0, b)
}
if (d[b] != "0") {
return d.substring(0, b + 1)
}
}
};
var ExprEnv = create_class();
ExprEnv.get = function() {
return ExprEnv.inst
};
ExprEnv.set = function(a) {
ExprEnv.inst = a
};
ExprEnv.prototype.getDataSource = function() {
return this._ds
};
ExprEnv.prototype.setDataSource = function(a) {
return this._ds = a
};
ExprEnv.prototype.getFirstIndex = function() {
return this._firstIndex
};
ExprEnv.prototype.setFirstIndex = function(a) {
return this._firstIndex = a
};
var Expr = create_class();
Expr.prototype.__construct = function() {
this._rid = 0
};
Expr.prototype.execute = function(a) {};
Expr.prototype.reserve = function(a, b) {};
Expr.prototype.clear = function() {};
var OpenExpr = create_class(Expr);
var HighExpr = create_class(Expr);
var LowExpr = create_class(Expr);
var CloseExpr = create_class(Expr);
var VolumeExpr = create_class(Expr);
OpenExpr.prototype.execute = function(a) {
return ExprEnv.get()._ds.getDataAt(a).open
};
HighExpr.prototype.execute = function(a) {
return ExprEnv.get()._ds.getDataAt(a).high
};
LowExpr.prototype.execute = function(a) {
return ExprEnv.get()._ds.getDataAt(a).low
};
CloseExpr.prototype.execute = function(a) {
return ExprEnv.get()._ds.getDataAt(a).close
};
VolumeExpr.prototype.execute = function(a) {
return ExprEnv.get()._ds.getDataAt(a).volume
};
var ConstExpr = create_class(Expr);
ConstExpr.prototype.__construct = function(a) {
ConstExpr.__super.__construct.call(this);
this._value = a
};
ConstExpr.prototype.execute = function(a) {
return this._value
};
var ParameterExpr = create_class(Expr);
ParameterExpr.prototype.__construct = function(b, c, d, a) {
ParameterExpr.__super.__construct.call(this);
this._name = b;
this._minValue = c;
this._maxValue = d;
this._value = this._defaultValue = a
};
ParameterExpr.prototype.execute = function(a) {
return this._value
};
ParameterExpr.prototype.getMinValue = function() {
return this._minValue
};
ParameterExpr.prototype.getMaxValue = function() {
return this._maxValue
};
ParameterExpr.prototype.getDefaultValue = function() {
return this._defaultValue
};
ParameterExpr.prototype.getValue = function() {
return this._value
};
ParameterExpr.prototype.setValue = function(a) {
if (a == 0) {
this._value = 0
} else {
if (a < this._minValue) {
this._value = this._minValue
} else {
if (a > this._maxValue) {
this._value = this._maxValue
} else {
this._value = a
}
}
}
};
var OpAExpr = create_class(Expr);
var OpABExpr = create_class(Expr);
var OpABCExpr = create_class(Expr);
var OpABCDExpr = create_class(Expr);
OpAExpr.prototype.__construct = function(b) {
OpAExpr.__super.__construct.call(this);
this._exprA = b
};
OpAExpr.prototype.reserve = function(a, b) {
if (this._rid < a) {
this._rid = a;
this._exprA.reserve(a, b)
}
};
OpAExpr.prototype.clear = function() {
this._exprA.clear()
};
OpABExpr.prototype.__construct = function(d, c) {
OpABExpr.__super.__construct.call(this);
this._exprA = d;
this._exprB = c
};
OpABExpr.prototype.reserve = function(a, b) {
if (this._rid < a) {
this._rid = a;
this._exprA.reserve(a, b);
this._exprB.reserve(a, b)
}
};
OpABExpr.prototype.clear = function() {
this._exprA.clear();
this._exprB.clear()
};
OpABCExpr.prototype.__construct = function(e, d, f) {
OpABCExpr.__super.__construct.call(this);
this._exprA = e;
this._exprB = d;
this._exprC = f
};
OpABCExpr.prototype.reserve = function(a, b) {
if (this._rid < a) {
this._rid = a;
this._exprA.reserve(a, b);
this._exprB.reserve(a, b);
this._exprC.reserve(a, b)
}
};
OpABCExpr.prototype.clear = function() {
this._exprA.clear();
this._exprB.clear();
this._exprC.clear()
};
OpABCDExpr.prototype.__construct = function(f, e, h, g) {
OpABCDExpr.__super.__construct.call(this);
this._exprA = f;
this._exprB = e;
this._exprC = h;
this._exprD = g
};
OpABCDExpr.prototype.reserve = function(a, b) {
if (this._rid < a) {
this._rid = a;
this._exprA.reserve(a, b);
this._exprB.reserve(a, b);
this._exprC.reserve(a, b);
this._exprD.reserve(a, b)
}
};
OpABCDExpr.prototype.clear = function() {
this._exprA.clear();
this._exprB.clear();
this._exprC.clear();
this._exprD.clear()
};
var NegExpr = create_class(OpAExpr);
NegExpr.prototype.__construct = function(b) {
NegExpr.__super.__construct.call(this, b)
};
NegExpr.prototype.execute = function(a) {
return - (this._exprA.execute(a))
};
var AddExpr = create_class(OpABExpr);
var SubExpr = create_class(OpABExpr);
var MulExpr = create_class(OpABExpr);
var DivExpr = create_class(OpABExpr);
AddExpr.prototype.__construct = function(d, c) {
AddExpr.__super.__construct.call(this, d, c)
};
SubExpr.prototype.__construct = function(d, c) {
SubExpr.__super.__construct.call(this, d, c)
};
MulExpr.prototype.__construct = function(d, c) {
MulExpr.__super.__construct.call(this, d, c)
};
DivExpr.prototype.__construct = function(d, c) {
DivExpr.__super.__construct.call(this, d, c)
};
AddExpr.prototype.execute = function(a) {
return this._exprA.execute(a) + this._exprB.execute(a)
};
SubExpr.prototype.execute = function(a) {
return this._exprA.execute(a) - this._exprB.execute(a)
};
MulExpr.prototype.execute = function(a) {
return this._exprA.execute(a) * this._exprB.execute(a)
};
DivExpr.prototype.execute = function(e) {
var d = this._exprA.execute(e);
var c = this._exprB.execute(e);
if (d == 0) {
return d
}
if (c == 0) {
return (d > 0) ? 1000000 : -1000000
}
return d / c
};
var GtExpr = create_class(OpABExpr);
var GeExpr = create_class(OpABExpr);
var LtExpr = create_class(OpABExpr);
var LeExpr = create_class(OpABExpr);
var EqExpr = create_class(OpABExpr);
GtExpr.prototype.__construct = function(d, c) {
GtExpr.__super.__construct.call(this, d, c)
};
GeExpr.prototype.__construct = function(d, c) {
GeExpr.__super.__construct.call(this, d, c)
};
LtExpr.prototype.__construct = function(d, c) {
LtExpr.__super.__construct.call(this, d, c)
};
LeExpr.prototype.__construct = function(d, c) {
LeExpr.__super.__construct.call(this, d, c)
};
EqExpr.prototype.__construct = function(d, c) {
EqExpr.__super.__construct.call(this, d, c)
};
GtExpr.prototype.execute = function(a) {
return this._exprA.execute(a) > this._exprB.execute(a) ? 1 : 0
};
GeExpr.prototype.execute = function(a) {
return this._exprA.execute(a) >= this._exprB.execute(a) ? 1 : 0
};
LtExpr.prototype.execute = function(a) {
return this._exprA.execute(a) < this._exprB.execute(a) ? 1 : 0
};
LeExpr.prototype.execute = function(a) {
return this._exprA.execute(a) <= this._exprB.execute(a) ? 1 : 0
};
EqExpr.prototype.execute = function(a) {
return this._exprA.execute(a) == this._exprB.execute(a) ? 1 : 0
};
var MaxExpr = create_class(OpABExpr);
MaxExpr.prototype.__construct = function(d, c) {
MaxExpr.__super.__construct.call(this, d, c)
};
MaxExpr.prototype.execute = function(a) {
return Math.max(this._exprA.execute(a), this._exprB.execute(a))
};
var AbsExpr = create_class(OpAExpr);
AbsExpr.prototype.__construct = function(b) {
AbsExpr.__super.__construct.call(this, b)
};
AbsExpr.prototype.execute = function(a) {
return Math.abs(this._exprA.execute(a))
};
var RefExpr = create_class(OpABExpr);
RefExpr.prototype.__construct = function(d, c) {
RefExpr.__super.__construct.call(this, d, c);
this._offset = -1
};
RefExpr.prototype.execute = function(b) {
if (this._offset < 0) {
this._offset = this._exprB.execute(b);
if (this._offset < 0) {
throw "offset < 0"
}
}
b -= this._offset;
if (b < 0) {
throw "index < 0"
}
var a = this._exprA.execute(b);
if (isNaN(a)) {
throw "NaN"
}
return a
};
var AndExpr = create_class(OpABExpr);
var OrExpr = create_class(OpABExpr);
AndExpr.prototype.__construct = function(d, c) {
AndExpr.__super.__construct.call(this, d, c)
};
OrExpr.prototype.__construct = function(d, c) {
OrExpr.__super.__construct.call(this, d, c)
};
AndExpr.prototype.execute = function(a) {
return (this._exprA.execute(a) != 0) && (this._exprB.execute(a) != 0) ? 1 : 0
};
OrExpr.prototype.execute = function(a) {
return (this._exprA.execute(a) != 0) || (this._exprB.execute(a) != 0) ? 1 : 0
};
var IfExpr = create_class(OpABCExpr);
IfExpr.prototype.__construct = function(e, d, f) {
IfExpr.__super.__construct.call(this, e, d, f)
};
IfExpr.prototype.execute = function(a) {
return this._exprA.execute(a) != 0 ? this._exprB.execute(a) : this._exprC.execute(a)
};
var AssignExpr = create_class(OpAExpr);
AssignExpr.prototype.__construct = function(c, b) {
AssignExpr.__super.__construct.call(this, b);
this._name = c;
this._buf = []
};
AssignExpr.prototype.getName = function() {
return this._name
};
AssignExpr.prototype.execute = function(a) {
return this._buf[a]
};
AssignExpr.prototype.assign = function(a) {
this._buf[a] = this._exprA.execute(a);
if (ExprEnv.get()._firstIndex >= 0) {
if (isNaN(this._buf[a]) && !isNaN(this._buf[a - 1])) {
throw this._name + ".assign(" + a + "): NaN"
}
}
};
AssignExpr.prototype.reserve = function(a, b) {
if (this._rid < a) {
for (var d = b; d > 0; d--) {
this._buf.push(NaN)
}
}
AssignExpr.__super.reserve.call(this, a, b)
};
AssignExpr.prototype.clear = function() {
AssignExpr.__super.clear.call(this);
this._buf = []
};
var OutputStyle = {
None: 0,
Line: 1,
VolumeStick: 2,
MACDStick: 3,
SARPoint: 4
};
var OutputExpr = create_class(AssignExpr);
OutputExpr.prototype.__construct = function(d, b, e, c) {
OutputExpr.__super.__construct.call(this, d, b);
this._style = (e === undefined) ? OutputStyle.Line: e;
this._color = c
};
OutputExpr.prototype.getStyle = function() {
return this._style
};
OutputExpr.prototype.getColor = function() {
return this._color
};
var RangeOutputExpr = create_class(OutputExpr);
RangeOutputExpr.prototype.__construct = function(d, b, e, c) {
RangeOutputExpr.__super.__construct.call(this, d, b, e, c)
};
RangeOutputExpr.prototype.getName = function() {
return this._name + this._exprA.getRange()
};
var RangeExpr = create_class(OpABExpr);
RangeExpr.prototype.__construct = function(d, c) {
RangeExpr.__super.__construct.call(this, d, c);
this._range = -1;
this._buf = []
};
RangeExpr.prototype.getRange = function() {
return this._range
};
RangeExpr.prototype.initRange = function() {
this._range = this._exprB.execute(0)
};
RangeExpr.prototype.execute = function(a) {
if (this._range < 0) {
this.initRange()
}
var c = this._buf[a].resultA = this._exprA.execute(a);
var b = this._buf[a].result = this.calcResult(a, c);
return b
};
RangeExpr.prototype.reserve = function(a, b) {
if (this._rid < a) {
for (var d = b; d > 0; d--) {
this._buf.push({
resultA: NaN,
result: NaN
})
}
}
RangeExpr.__super.reserve.call(this, a, b)
};
RangeExpr.prototype.clear = function() {
RangeExpr.__super.clear.call(this);
this._range = -1;
this._buf = []
};
var HhvExpr = create_class(RangeExpr);
var LlvExpr = create_class(RangeExpr);
HhvExpr.prototype.__construct = function(d, c) {
HhvExpr.__super.__construct.call(this, d, c)
};
LlvExpr.prototype.__construct = function(d, c) {
LlvExpr.__super.__construct.call(this, d, c)
};
HhvExpr.prototype.calcResult = function(b, h) {
if (this._range == 0) {
return NaN
}
var e = ExprEnv.get()._firstIndex;
if (e < 0) {
return h
}
if (b > e) {
var g = this._range;
var a = h;
var f = b - g + 1;
var c = Math.max(e, f);
for (; c < b; c++) {
var d = this._buf[c];
if (a < d.resultA) {
a = d.resultA
}
}
return a
} else {
return h
}
};
LlvExpr.prototype.calcResult = function(b, h) {
if (this._range == 0) {
return NaN
}
var e = ExprEnv.get()._firstIndex;
if (e < 0) {
return h
}
if (b > e) {
var g = this._range;
var a = h;
var f = b - g + 1;
var c = Math.max(e, f);
for (; c < b; c++) {
var d = this._buf[c];
if (a > d.resultA) {
a = d.resultA
}
}
return a
} else {
return h
}
};
var CountExpr = create_class(RangeExpr);
CountExpr.prototype.__construct = function(d, c) {
CountExpr.__super.__construct.call(this, d, c)
};
CountExpr.prototype.calcResult = function(a, e) {
if (this._range == 0) {
return NaN
}
var c = ExprEnv.get()._firstIndex;
if (c < 0) {
return 0
}
if (a >= c) {
var d = this._range - 1;
if (d > a - c) {
d = a - c
}
var b = 0;
for (; d >= 0; d--) {
if (this._buf[a - d].resultA != 0) {
b++
}
}
return b
} else {
return 0
}
};
var SumExpr = create_class(RangeExpr);
SumExpr.prototype.__construct = function(d, c) {
SumExpr.__super.__construct.call(this, d, c)
};
SumExpr.prototype.calcResult = function(a, d) {
var b = ExprEnv.get()._firstIndex;
if (b < 0) {
return d
}
if (a > b) {
var c = this._range;
if (c == 0 || c >= a + 1 - b) {
return this._buf[a - 1].result + d
}
return this._buf[a - 1].result + d - this._buf[a - c].resultA
} else {
return d
}
};
var StdExpr = create_class(RangeExpr);
StdExpr.prototype.__construct = function(d, c) {
StdExpr.__super.__construct.call(this, d, c)
};
StdExpr.prototype.calcResult = function(b, g) {
if (this._range == 0) {
return NaN
}
var a = this._stdBuf[b];
var e = ExprEnv.get()._firstIndex;
if (e < 0) {
a.resultMA = g;
return 0
}
if (b > e) {
var f = this._range;
if (f >= b + 1 - e) {
f = b + 1 - e;
a.resultMA = this._stdBuf[b - 1].resultMA * (1 - 1 / f) + (g / f)
} else {
a.resultMA = this._stdBuf[b - 1].resultMA + (g - this._buf[b - f].resultA) / f
}
var d = 0;
for (var c = b - f + 1; c <= b; c++) {
d += Math.pow(this._buf[c].resultA - a.resultMA, 2)
}
return Math.sqrt(d / f)
}
a.resultMA = g;
return 0
};
StdExpr.prototype.reserve = function(a, b) {
if (this._rid < a) {
for (var d = b; d > 0; d--) {
this._stdBuf.push({
resultMA: NaN
})
}
}
StdExpr.__super.reserve.call(this, a, b)
};
StdExpr.prototype.clear = function() {
StdExpr.__super.clear.call(this);
this._stdBuf = []
};
var MaExpr = create_class(RangeExpr);
MaExpr.prototype.__construct = function(d, c) {
MaExpr.__super.__construct.call(this, d, c)
};
MaExpr.prototype.calcResult = function(a, d) {
if (this._range == 0) {
return NaN
}
var b = ExprEnv.get()._firstIndex;
if (b < 0) {
return d
}
if (a > b) {
var c = this._range;
if (c >= a + 1 - b) {
c = a + 1 - b;
return this._buf[a - 1].result * (1 - 1 / c) + (d / c)
}
return this._buf[a - 1].result + (d - this._buf[a - c].resultA) / c
} else {
return d
}
};
var EmaExpr = create_class(RangeExpr);
EmaExpr.prototype.__construct = function(d, c) {
EmaExpr.__super.__construct.call(this, d, c)
};
EmaExpr.prototype.initRange = function() {
EmaExpr.__super.initRange.call(this);
this._alpha = 2 / (this._range + 1)
};
EmaExpr.prototype.calcResult = function(a, d) {
if (this._range == 0) {
return NaN
}
var c = ExprEnv.get()._firstIndex;
if (c < 0) {
return d
}
if (a > c) {
var b = this._buf[a - 1];
return this._alpha * (d - b.result) + b.result
}
return d
};
var ExpmemaExpr = create_class(EmaExpr);
ExpmemaExpr.prototype.__construct = function(d, c) {
ExpmemaExpr.__super.__construct.call(this, d, c)
};
ExpmemaExpr.prototype.calcResult = function(a, e) {
var c = ExprEnv.get()._firstIndex;
if (c < 0) {
return e
}
if (a > c) {
var d = this._range;
var b = this._buf[a - 1];
if (d >= a + 1 - c) {
d = a + 1 - c;
return b.result * (1 - 1 / d) + (e / d)
}
return this._alpha * (e - b.result) + b.result
}
return e
};
var SmaExpr = create_class(RangeExpr);
SmaExpr.prototype.__construct = function(e, d, f) {
SmaExpr.__super.__construct.call(this, e, d);
this._exprC = f;
this._mul
};
SmaExpr.prototype.initRange = function() {
SmaExpr.__super.initRange.call(this);
this._mul = this._exprC.execute(0)
};
SmaExpr.prototype.calcResult = function(a, d) {
if (this._range == 0) {
return NaN
}
var b = ExprEnv.get()._firstIndex;
if (b < 0) {
return d
}
if (a > b) {
var c = this._range;
if (c > a + 1 - b) {
c = a + 1 - b
}
return ((c - 1) * this._buf[a - 1].result + d * this._mul) / c
}
return d
};
var SarExpr = create_class(OpABCDExpr);
SarExpr.prototype.__construct = function(f, e, h, g) {
SarExpr.__super.__construct.call(this, f, e, h, g);
this._buf = [];
this._range = -1;
this._min;
this._step;
this._max
};
SarExpr.prototype.execute = function(j) {
if (this._range < 0) {
this._range = this._exprA.execute(0);
this._min = this._exprB.execute(0) / 100;
this._step = this._exprC.execute(0) / 100;
this._max = this._exprD.execute(0) / 100
}
var d = this._buf[j];
var m = ExprEnv.get();
var g = m._firstIndex;
if (g < 0) {
d.longPos = true;
d.sar = m._ds.getDataAt(j).low;
d.ep = m._ds.getDataAt(j).high;
d.af = 0.02
} else {
var c = m._ds.getDataAt(j).high;
var k = m._ds.getDataAt(j).low;
var b = this._buf[j - 1];
d.sar = b.sar + b.af * (b.ep - b.sar);
if (b.longPos) {
d.longPos = true;
if (c > b.ep) {
d.ep = c;
d.af = Math.min(b.af + this._step, this._max)
} else {
d.ep = b.ep;
d.af = b.af
}
if (d.sar > k) {
d.longPos = false;
var e = j - this._range + 1;
for (e = Math.max(e, g); e < j; e++) {
var f = m._ds.getDataAt(e).high;
if (c < f) {
c = f
}
}
d.sar = c;
d.ep = k;
d.af = 0.02
}
} else {
d.longPos = false;
if (k < b.ep) {
d.ep = k;
d.af = Math.min(b.af + this._step, this._max)
} else {
d.ep = b.ep;
d.af = b.af
}
if (d.sar < c) {
d.longPos = true;
var e = j - this._range + 1;
for (e = Math.max(e, g); e < j; e++) {
var a = m._ds.getDataAt(e).low;
if (k > a) {
k = a
}
}
d.sar = k;
d.ep = c;
d.af = 0.02
}
}
}
return d.sar
};
SarExpr.prototype.reserve = function(a, b) {
if (this._rid < a) {
for (var d = b; d > 0; d--) {
this._buf.push({
longPos: true,
sar: NaN,
ep: NaN,
af: NaN
})
}
}
SarExpr.__super.reserve.call(this, a, b)
};
SarExpr.prototype.clear = function() {
SarExpr.__super.clear.call(this);
this._range = -1
};
var Indicator = create_class();
Indicator.prototype.__construct = function() {
this._exprEnv = new ExprEnv();
this._rid = 0;
this._params = [];
this._assigns = [];
this._outputs = []
};
Indicator.prototype.addParameter = function(a) {
this._params.push(a)
};
Indicator.prototype.addAssign = function(a) {
this._assigns.push(a)
};
Indicator.prototype.addOutput = function(a) {
this._outputs.push(a)
};
Indicator.prototype.getParameterCount = function() {
return this._params.length
};
Indicator.prototype.getParameterAt = function(a) {
return this._params[a]
};
Indicator.prototype.getOutputCount = function() {
return this._outputs.length
};
Indicator.prototype.getOutputAt = function(a) {
return this._outputs[a]
};
Indicator.prototype.clear = function() {
this._exprEnv.setFirstIndex( - 1);
var b, a;
a = this._assigns.length;
for (b = 0; b < a; b++) {
this._assigns[b].clear()
}
a = this._outputs.length;
for (b = 0; b < a; b++) {
this._outputs[b].clear()
}
};
Indicator.prototype.reserve = function(c) {
this._rid++;
var b, a;
a = this._assigns.length;
for (b = 0; b < a; b++) {
this._assigns[b].reserve(this._rid, c)
}
a = this._outputs.length;
for (b = 0; b < a; b++) {
this._outputs[b].reserve(this._rid, c)
}
};
Indicator.prototype.execute = function(d, a) {
if (a < 0) {
return
}
this._exprEnv.setDataSource(d);
ExprEnv.set(this._exprEnv);
try {
var c, b;
b = this._assigns.length;
for (c = 0; c < b; c++) {
this._assigns[c].assign(a)
}
b = this._outputs.length;
for (c = 0; c < b; c++) {
this._outputs[c].assign(a)
}
if (this._exprEnv.getFirstIndex() < 0) {
this._exprEnv.setFirstIndex(a)
}
} catch(f) {
if (this._exprEnv.getFirstIndex() >= 0) {
alert(f);
throw f
}
}
};
Indicator.prototype.getParameters = function() {
var c = [];
var b, a = this._params.length;
for (b = 0; b < a; b++) {
c.push(this._params[b].getValue())
}
return c
};
Indicator.prototype.setParameters = function(b) {
if ((b instanceof Array) && b.length == this._params.length) {
for (var a in this._params) {
this._params[a].setValue(b[a])
}
}
};
var HLCIndicator = create_class(Indicator);
HLCIndicator.prototype.__construct = function() {
HLCIndicator.__super.__construct.call(this);
var a = new ParameterExpr("M1", 2, 1000, 60);
this.addParameter(a);
this.addOutput(new OutputExpr("HIGH", new HighExpr(), OutputStyle.None));
this.addOutput(new OutputExpr("LOW", new LowExpr(), OutputStyle.None));
this.addOutput(new OutputExpr("CLOSE", new CloseExpr(), OutputStyle.Line, Theme.Color.Indicator0));
this.addOutput(new RangeOutputExpr("MA", new MaExpr(new CloseExpr(), a), OutputStyle.Line, Theme.Color.Indicator1))
};
HLCIndicator.prototype.getName = function() {
return "CLOSE"
};
var MAIndicator = create_class(Indicator);
MAIndicator.prototype.__construct = function() {
MAIndicator.__super.__construct.call(this);
var f = new ParameterExpr("M1", 2, 1000, 7);
var e = new ParameterExpr("M2", 2, 1000, 30);
var d = new ParameterExpr("M3", 2, 1000, 0);
var c = new ParameterExpr("M4", 2, 1000, 0);
var b = new ParameterExpr("M5", 2, 1000, 0);
var a = new ParameterExpr("M6", 2, 1000, 0);
this.addParameter(f);
this.addParameter(e);
this.addParameter(d);
this.addParameter(c);
this.addParameter(b);
this.addParameter(a);
this.addOutput(new RangeOutputExpr("MA", new MaExpr(new CloseExpr(), f)));
this.addOutput(new RangeOutputExpr("MA", new MaExpr(new CloseExpr(), e)));
this.addOutput(new RangeOutputExpr("MA", new MaExpr(new CloseExpr(), d)));
this.addOutput(new RangeOutputExpr("MA", new MaExpr(new CloseExpr(), c)));
this.addOutput(new RangeOutputExpr("MA", new MaExpr(new CloseExpr(), b)));
this.addOutput(new RangeOutputExpr("MA", new MaExpr(new CloseExpr(), a)))
};
MAIndicator.prototype.getName = function() {
return "MA"
};
var EMAIndicator = create_class(Indicator);
EMAIndicator.prototype.__construct = function() {
EMAIndicator.__super.__construct.call(this);
var f = new ParameterExpr("M1", 2, 1000, 7);
var e = new ParameterExpr("M2", 2, 1000, 30);
var d = new ParameterExpr("M3", 2, 1000, 0);
var c = new ParameterExpr("M4", 2, 1000, 0);
var b = new ParameterExpr("M5", 2, 1000, 0);
var a = new ParameterExpr("M6", 2, 1000, 0);
this.addParameter(f);
this.addParameter(e);
this.addParameter(d);
this.addParameter(c);
this.addParameter(b);
this.addParameter(a);
this.addOutput(new RangeOutputExpr("EMA", new EmaExpr(new CloseExpr(), f)));
this.addOutput(new RangeOutputExpr("EMA", new EmaExpr(new CloseExpr(), e)));
this.addOutput(new RangeOutputExpr("EMA", new EmaExpr(new CloseExpr(), d)));
this.addOutput(new RangeOutputExpr("EMA", new EmaExpr(new CloseExpr(), c)));
this.addOutput(new RangeOutputExpr("EMA", new EmaExpr(new CloseExpr(), b)));
this.addOutput(new RangeOutputExpr("EMA", new EmaExpr(new CloseExpr(), a)))
};
EMAIndicator.prototype.getName = function() {
return "EMA"
};
var VOLUMEIndicator = create_class(Indicator);
VOLUMEIndicator.prototype.__construct = function() {
VOLUMEIndicator.__super.__construct.call(this);
var c = new ParameterExpr("M1", 2, 500, 5);
var a = new ParameterExpr("M2", 2, 500, 10);
this.addParameter(c);
this.addParameter(a);
var b = new OutputExpr("VOLUME", new VolumeExpr(), OutputStyle.VolumeStick, Theme.Color.Text4);
this.addOutput(b);
this.addOutput(new RangeOutputExpr("MA", new MaExpr(b, c), OutputStyle.Line, Theme.Color.Indicator0));
this.addOutput(new RangeOutputExpr("MA", new MaExpr(b, a), OutputStyle.Line, Theme.Color.Indicator1))
};
VOLUMEIndicator.prototype.getName = function() {
return "VOLUME"
};
var MACDIndicator = create_class(Indicator);
MACDIndicator.prototype.__construct = function() {
MACDIndicator.__super.__construct.call(this);
var c = new ParameterExpr("SHORT", 2, 200, 12);
var d = new ParameterExpr("LONG", 2, 200, 26);
var a = new ParameterExpr("MID", 2, 200, 9);
this.addParameter(c);
this.addParameter(d);
this.addParameter(a);
var b = new OutputExpr("DIF", new SubExpr(new EmaExpr(new CloseExpr(), c), new EmaExpr(new CloseExpr(), d)));
this.addOutput(b);
var f = new OutputExpr("DEA", new EmaExpr(b, a));
this.addOutput(f);
var e = new OutputExpr("MACD", new MulExpr(new SubExpr(b, f), new ConstExpr(2)), OutputStyle.MACDStick);
this.addOutput(e)
};
MACDIndicator.prototype.getName = function() {
return "MACD"
};
var DMIIndicator = create_class(Indicator);
DMIIndicator.prototype.__construct = function() {
DMIIndicator.__super.__construct.call(this);
var c = new ParameterExpr("N", 2, 90, 14);
var h = new ParameterExpr("MM", 2, 60, 6);
this.addParameter(c);
this.addParameter(h);
var j = new AssignExpr("MTR", new ExpmemaExpr(new MaxExpr(new MaxExpr(new SubExpr(new HighExpr(), new LowExpr()), new AbsExpr(new SubExpr(new HighExpr(), new RefExpr(new CloseExpr(), new ConstExpr(1))))), new AbsExpr(new SubExpr(new RefExpr(new CloseExpr(), new ConstExpr(1)), new LowExpr()))), c));
this.addAssign(j);
var k = new AssignExpr("HD", new SubExpr(new HighExpr(), new RefExpr(new HighExpr(), new ConstExpr(1))));
this.addAssign(k);
var d = new AssignExpr("LD", new SubExpr(new RefExpr(new LowExpr(), new ConstExpr(1)), new LowExpr()));
this.addAssign(d);
var a = new AssignExpr("DMP", new ExpmemaExpr(new IfExpr(new AndExpr(new GtExpr(k, new ConstExpr(0)), new GtExpr(k, d)), k, new ConstExpr(0)), c));
this.addAssign(a);
var g = new AssignExpr("DMM", new ExpmemaExpr(new IfExpr(new AndExpr(new GtExpr(d, new ConstExpr(0)), new GtExpr(d, k)), d, new ConstExpr(0)), c));
this.addAssign(g);
var b = new OutputExpr("PDI", new MulExpr(new DivExpr(a, j), new ConstExpr(100)));
this.addOutput(b);
var i = new OutputExpr("MDI", new MulExpr(new DivExpr(g, j), new ConstExpr(100)));
this.addOutput(i);
var f = new OutputExpr("ADX", new ExpmemaExpr(new MulExpr(new DivExpr(new AbsExpr(new SubExpr(i, b)), new AddExpr(i, b)), new ConstExpr(100)), h));
this.addOutput(f);
var e = new OutputExpr("ADXR", new ExpmemaExpr(f, h));
this.addOutput(e)
};
DMIIndicator.prototype.getName = function() {
return "DMI"
};
var DMAIndicator = create_class(Indicator);
DMAIndicator.prototype.__construct = function() {
DMAIndicator.__super.__construct.call(this);
var c = new ParameterExpr("N1", 2, 60, 10);
var b = new ParameterExpr("N2", 2, 250, 50);
var e = new ParameterExpr("M", 2, 100, 10);
this.addParameter(c);
this.addParameter(b);
this.addParameter(e);
var a = new OutputExpr("DIF", new SubExpr(new MaExpr(new CloseExpr(), c), new MaExpr(new CloseExpr(), b)));
this.addOutput(a);
var d = new OutputExpr("DIFMA", new MaExpr(a, e));
this.addOutput(d)
};
DMAIndicator.prototype.getName = function() {
return "DMA"
};
var TRIXIndicator = create_class(Indicator);
TRIXIndicator.prototype.__construct = function() {
TRIXIndicator.__super.__construct.call(this);
var d = new ParameterExpr("N", 2, 100, 12);
var e = new ParameterExpr("M", 2, 100, 9);
this.addParameter(d);
this.addParameter(e);
var c = new AssignExpr("MTR", new EmaExpr(new EmaExpr(new EmaExpr(new CloseExpr(), d), d), d));
this.addAssign(c);
var b = new OutputExpr("TRIX", new MulExpr(new DivExpr(new SubExpr(c, new RefExpr(c, new ConstExpr(1))), new RefExpr(c, new ConstExpr(1))), new ConstExpr(100)));
this.addOutput(b);
var a = new OutputExpr("MATRIX", new MaExpr(b, e));
this.addOutput(a)
};
TRIXIndicator.prototype.getName = function() {
return "TRIX"
};
var BRARIndicator = create_class(Indicator);
BRARIndicator.prototype.__construct = function() {
BRARIndicator.__super.__construct.call(this);
var d = new ParameterExpr("N", 2, 120, 26);
this.addParameter(d);
var c = new AssignExpr("REF_CLOSE_1", new RefExpr(new CloseExpr(), new ConstExpr(1)));
this.addAssign(c);
var b = new OutputExpr("BR", new MulExpr(new DivExpr(new SumExpr(new MaxExpr(new ConstExpr(0), new SubExpr(new HighExpr(), c)), d), new SumExpr(new MaxExpr(new ConstExpr(0), new SubExpr(c, new LowExpr())), d)), new ConstExpr(100)));
this.addOutput(b);
var a = new OutputExpr("AR", new MulExpr(new DivExpr(new SumExpr(new SubExpr(new HighExpr(), new OpenExpr()), d), new SumExpr(new SubExpr(new OpenExpr(), new LowExpr()), d)), new ConstExpr(100)));
this.addOutput(a)
};
BRARIndicator.prototype.getName = function() {
return "BRAR"
};
var VRIndicator = create_class(Indicator);
VRIndicator.prototype.__construct = function() {
VRIndicator.__super.__construct.call(this);
var g = new ParameterExpr("N", 2, 100, 26);
var h = new ParameterExpr("M", 2, 100, 6);
this.addParameter(g);
this.addParameter(h);
var e = new AssignExpr("REF_CLOSE_1", new RefExpr(new CloseExpr(), new ConstExpr(1)));
this.addAssign(e);
var d = new AssignExpr("TH", new SumExpr(new IfExpr(new GtExpr(new CloseExpr(), e), new VolumeExpr(), new ConstExpr(0)), g));
this.addAssign(d);
var b = new AssignExpr("TL", new SumExpr(new IfExpr(new LtExpr(new CloseExpr(), e), new VolumeExpr(), new ConstExpr(0)), g));
this.addAssign(b);
var f = new AssignExpr("TQ", new SumExpr(new IfExpr(new EqExpr(new CloseExpr(), e), new VolumeExpr(), new ConstExpr(0)), g));
this.addAssign(f);
var a = new OutputExpr("VR", new MulExpr(new DivExpr(new AddExpr(new MulExpr(d, new ConstExpr(2)), f), new AddExpr(new MulExpr(b, new ConstExpr(2)), f)), new ConstExpr(100)));
this.addOutput(a);
var c = new OutputExpr("MAVR", new MaExpr(a, h));
this.addOutput(c)
};
VRIndicator.prototype.getName = function() {
return "VR"
};
var OBVIndicator = create_class(Indicator);
OBVIndicator.prototype.__construct = function() {
OBVIndicator.__super.__construct.call(this);
var e = new ParameterExpr("M", 2, 100, 30);
this.addParameter(e);
var d = new AssignExpr("REF_CLOSE_1", new RefExpr(new CloseExpr(), new ConstExpr(1)));
this.addAssign(d);
var c = new AssignExpr("VA", new IfExpr(new GtExpr(new CloseExpr(), d), new VolumeExpr(), new NegExpr(new VolumeExpr())));
this.addAssign(c);
var a = new OutputExpr("OBV", new SumExpr(new IfExpr(new EqExpr(new CloseExpr(), d), new ConstExpr(0), c), new ConstExpr(0)));
this.addOutput(a);
var b = new OutputExpr("MAOBV", new MaExpr(a, e));
this.addOutput(b)
};
OBVIndicator.prototype.getName = function() {
return "OBV"
};
var EMVIndicator = create_class(Indicator);
EMVIndicator.prototype.__construct = function() {
EMVIndicator.__super.__construct.call(this);
var e = new ParameterExpr("N", 2, 90, 14);
var f = new ParameterExpr("M", 2, 60, 9);
this.addParameter(e);
this.addParameter(f);
var d = new AssignExpr("VOLUME", new DivExpr(new MaExpr(new VolumeExpr(), e), new VolumeExpr()));
this.addAssign(d);
var b = new AssignExpr("MID", new MulExpr(new DivExpr(new SubExpr(new AddExpr(new HighExpr(), new LowExpr()), new RefExpr(new AddExpr(new HighExpr(), new LowExpr()), new ConstExpr(1))), new AddExpr(new HighExpr(), new LowExpr())), new ConstExpr(100)));
this.addAssign(b);
var a = new OutputExpr("EMV", new MaExpr(new DivExpr(new MulExpr(b, new MulExpr(d, new SubExpr(new HighExpr(), new LowExpr()))), new MaExpr(new SubExpr(new HighExpr(), new LowExpr()), e)), e));
this.addOutput(a);
var c = new OutputExpr("MAEMV", new MaExpr(a, f));
this.addOutput(c)
};
EMVIndicator.prototype.getName = function() {
return "EMV"
};
var RSIIndicator = create_class(Indicator);
RSIIndicator.prototype.__construct = function() {
RSIIndicator.__super.__construct.call(this);
var e = new ParameterExpr("N1", 2, 120, 6);
var b = new ParameterExpr("N2", 2, 250, 12);
var a = new ParameterExpr("N3", 2, 500, 24);
this.addParameter(e);
this.addParameter(b);
this.addParameter(a);
var d = new AssignExpr("LC", new RefExpr(new CloseExpr(), new ConstExpr(1)));
this.addAssign(d);
var c = new AssignExpr("CLOSE_LC", new SubExpr(new CloseExpr(), d));
this.addAssign(c);
this.addOutput(new OutputExpr("RSI1", new MulExpr(new DivExpr(new SmaExpr(new MaxExpr(c, new ConstExpr(0)), e, new ConstExpr(1)), new SmaExpr(new AbsExpr(c), e, new ConstExpr(1))), new ConstExpr(100))));
this.addOutput(new OutputExpr("RSI2", new MulExpr(new DivExpr(new SmaExpr(new MaxExpr(c, new ConstExpr(0)), b, new ConstExpr(1)), new SmaExpr(new AbsExpr(c), b, new ConstExpr(1))), new ConstExpr(100))));
this.addOutput(new OutputExpr("RSI3", new MulExpr(new DivExpr(new SmaExpr(new MaxExpr(c, new ConstExpr(0)), a, new ConstExpr(1)), new SmaExpr(new AbsExpr(c), a, new ConstExpr(1))), new ConstExpr(100))))
};
RSIIndicator.prototype.getName = function() {
return "RSI"
};
var WRIndicator = create_class(Indicator);
WRIndicator.prototype.__construct = function() {
WRIndicator.__super.__construct.call(this);
var h = new ParameterExpr("N", 2, 100, 10);
var e = new ParameterExpr("N1", 2, 100, 6);
this.addParameter(h);
this.addParameter(e);
var a = new AssignExpr("HHV", new HhvExpr(new HighExpr(), h));
this.addAssign(a);
var c = new AssignExpr("HHV1", new HhvExpr(new HighExpr(), e));
this.addAssign(c);
var b = new AssignExpr("LLV", new LlvExpr(new LowExpr(), h));
this.addAssign(b);
var g = new AssignExpr("LLV1", new LlvExpr(new LowExpr(), e));
this.addAssign(g);
var f = new OutputExpr("WR1", new MulExpr(new DivExpr(new SubExpr(a, new CloseExpr()), new SubExpr(a, b)), new ConstExpr(100)));
this.addOutput(f);
var d = new OutputExpr("WR2", new MulExpr(new DivExpr(new SubExpr(c, new CloseExpr()), new SubExpr(c, g)), new ConstExpr(100)));
this.addOutput(d)
};
WRIndicator.prototype.getName = function() {
return "WR"
};
var SARIndicator = create_class(Indicator);
SARIndicator.prototype.__construct = function() {
SARIndicator.__super.__construct.call(this);
var d = new ConstExpr(4);
var b = new ConstExpr(2);
var a = new ConstExpr(2);
var c = new ConstExpr(20);
this.addOutput(new OutputExpr("SAR", new SarExpr(d, b, a, c), OutputStyle.SARPoint))
};
SARIndicator.prototype.getName = function() {
return "SAR"
};
var KDJIndicator = create_class(Indicator);
KDJIndicator.prototype.__construct = function() {
KDJIndicator.__super.__construct.call(this);
var f = new ParameterExpr("N", 2, 90, 9);
var c = new ParameterExpr("M1", 2, 30, 3);
var b = new ParameterExpr("M2", 2, 30, 3);
this.addParameter(f);
this.addParameter(c);
this.addParameter(b);
var i = new AssignExpr("HHV", new HhvExpr(new HighExpr(), f));
this.addAssign(i);
var e = new AssignExpr("LLV", new LlvExpr(new LowExpr(), f));
this.addAssign(e);
var d = new AssignExpr("RSV", new MulExpr(new DivExpr(new SubExpr(new CloseExpr(), e), new SubExpr(i, e)), new ConstExpr(100)));
this.addAssign(d);
var g = new OutputExpr("K", new SmaExpr(d, c, new ConstExpr(1)));
this.addOutput(g);
var a = new OutputExpr("D", new SmaExpr(g, b, new ConstExpr(1)));
this.addOutput(a);
var h = new OutputExpr("J", new SubExpr(new MulExpr(g, new ConstExpr(3)), new MulExpr(a, new ConstExpr(2))));
this.addOutput(h)
};
KDJIndicator.prototype.getName = function() {
return "KDJ"
};
var ROCIndicator = create_class(Indicator);
ROCIndicator.prototype.__construct = function() {
ROCIndicator.__super.__construct.call(this);
var d = new ParameterExpr("N", 2, 120, 12);
var e = new ParameterExpr("M", 2, 60, 6);
this.addParameter(d);
this.addParameter(e);
var a = new AssignExpr("REF_CLOSE_N", new RefExpr(new CloseExpr(), d));
this.addAssign(a);
var b = new OutputExpr("ROC", new MulExpr(new DivExpr(new SubExpr(new CloseExpr(), a), a), new ConstExpr(100)));
this.addOutput(b);
var c = new OutputExpr("MAROC", new MaExpr(b, e));
this.addOutput(c)
};
ROCIndicator.prototype.getName = function() {
return "ROC"
};
var MTMIndicator = create_class(Indicator);
MTMIndicator.prototype.__construct = function() {
MTMIndicator.__super.__construct.call(this);
var c = new ParameterExpr("N", 2, 120, 12);
var d = new ParameterExpr("M", 2, 60, 6);
this.addParameter(c);
this.addParameter(d);
var b = new OutputExpr("MTM", new SubExpr(new CloseExpr(), new RefExpr(new CloseExpr(), c)));
this.addOutput(b);
var a = new OutputExpr("MTMMA", new MaExpr(b, d));
this.addOutput(a)
};
MTMIndicator.prototype.getName = function() {
return "MTM"
};
var BOLLIndicator = create_class(Indicator);
BOLLIndicator.prototype.__construct = function() {
BOLLIndicator.__super.__construct.call(this);
var e = new ParameterExpr("N", 2, 120, 20);
this.addParameter(e);
var d = new AssignExpr("STD_CLOSE_N", new StdExpr(new CloseExpr(), e));
this.addAssign(d);
var a = new OutputExpr("BOLL", new MaExpr(new CloseExpr(), e));
this.addOutput(a);
var b = new OutputExpr("UB", new AddExpr(a, new MulExpr(new ConstExpr(2), d)));
this.addOutput(b);
var c = new OutputExpr("LB", new SubExpr(a, new MulExpr(new ConstExpr(2), d)));
this.addOutput(c)
};
BOLLIndicator.prototype.getName = function() {
return "BOLL"
};
var PSYIndicator = create_class(Indicator);
PSYIndicator.prototype.__construct = function() {
PSYIndicator.__super.__construct.call(this);
var c = new ParameterExpr("N", 2, 100, 12);
var d = new ParameterExpr("M", 2, 100, 6);
this.addParameter(c);
this.addParameter(d);
var b = new OutputExpr("PSY", new MulExpr(new DivExpr(new CountExpr(new GtExpr(new CloseExpr(), new RefExpr(new CloseExpr(), new ConstExpr(1))), c), c), new ConstExpr(100)));
this.addOutput(b);
var a = new OutputExpr("PSYMA", new MaExpr(b, d));
this.addOutput(a)
};
PSYIndicator.prototype.getName = function() {
return "PSY"
};
var STOCHRSIIndicator = create_class(Indicator);
STOCHRSIIndicator.prototype.__construct = function() {
STOCHRSIIndicator.__super.__construct.call(this);
var f = new ParameterExpr("N", 3, 100, 14);
var h = new ParameterExpr("M", 3, 100, 14);
var a = new ParameterExpr("P1", 2, 50, 3);
var g = new ParameterExpr("P2", 2, 50, 3);
this.addParameter(f);
this.addParameter(h);
this.addParameter(a);
this.addParameter(g);
var e = new AssignExpr("LC", new RefExpr(new CloseExpr(), new ConstExpr(1)));
this.addAssign(e);
var d = new AssignExpr("CLOSE_LC", new SubExpr(new CloseExpr(), e));
this.addAssign(d);
var c = new AssignExpr("RSI", new MulExpr(new DivExpr(new SmaExpr(new MaxExpr(d, new ConstExpr(0)), f, new ConstExpr(1)), new SmaExpr(new AbsExpr(d), f, new ConstExpr(1))), new ConstExpr(100)));
this.addAssign(c);
var b = new OutputExpr("STOCHRSI", new MulExpr(new DivExpr(new MaExpr(new SubExpr(c, new LlvExpr(c, h)), a), new MaExpr(new SubExpr(new HhvExpr(c, h), new LlvExpr(c, h)), a)), new ConstExpr(100)));
this.addOutput(b);
this.addOutput(new RangeOutputExpr("MA", new MaExpr(b, g)))
};
STOCHRSIIndicator.prototype.getName = function() {
return "StochRSI"
};
var Chart = create_class();
Chart.strPeriod = {
"zh-cn": {
line: "(分时)",
"1min": "(1分钟)",
"5min": "(5分钟)",
"15min": "(15分钟)",
"30min": "(30分钟)",
"1hour": "(1小时)",
"1day": "(日线)",
"1week": "(周线)",
"3min": "(3分钟)",
"2hour": "(2小时)",
"4hour": "(4小时)",
"6hour": "(6小时)",
"12hour": "(12小时)",
"3day": "(3天)"
},
"en-us": {
line: "(Line)",
"1min": "(1m)",
"5min": "(5m)",
"15min": "(15m)",
"30min": "(30m)",
"1hour": "(1h)",
"1day": "(1d)",
"1week": "(1w)",
"3min": "(3m)",
"2hour": "(2h)",
"4hour": "(4h)",
"6hour": "(6h)",
"12hour": "(12h)",
"3day": "(3d)"
},
"zh-tw": {
line: "(分時)",
"1min": "(1分钟)",
"5min": "(5分钟)",
"15min": "(15分钟)",
"30min": "(30分钟)",
"1hour": "(1小時)",
"1day": "(日线)",
"1week": "(周线)",
"3min": "(3分钟)",
"2hour": "(2小時)",
"4hour": "(4小時)",
"6hour": "(6小時)",
"12hour": "(12小時)",
"3day": "(3天)"
}
};
Chart.prototype.__construct = function() {
this._data = null;
this._charStyle = "CandleStick";
this._depthData = {
array: null,
asks_count: 0,
bids_count: 0,
asks_si: 0,
asks_ei: 0,
bids_si: 0,
bids_ei: 0
};
this._time = GLOBAL_VAR.time_type;
this._market_from = GLOBAL_VAR.market_from;
this._usd_cny_rate = 6.1934;
this._money_type = "USD";
this._contract_unit = "BTC";
this.strIsLine = false;
this.strCurrentMarket = 20150403001;
this.strCurrentMarketType = 1
};
Chart.prototype.setTitle = function() {
var b = ChartManager.getInstance().getLanguage();
var a = GLOBAL_VAR.market_from_name;
a += " ";
a += this.strIsLine ? Chart.strPeriod[b]["line"] : Chart.strPeriod[b][this._time];
a += (this._contract_unit + "/" + this._money_type).toUpperCase();
ChartManager.getInstance().setTitle("frame0.k0", a);
kline.title = a;
kline.setTitle()
};
Chart.prototype.setCurrentList = function() {};
Chart.prototype.setMarketFrom = function(a) {
this._market_from = a;
this.updateDataAndDisplay()
};
Chart.prototype.updateDataAndDisplay = function() {
GLOBAL_VAR.market_from = this._market_from;
GLOBAL_VAR.time_type = this._time;
this.setTitle();
ChartManager.getInstance().setCurrentDataSource("frame0.k0", "BTC123." + this._market_from + "." + this._time);
ChartManager.getInstance().setNormalMode();
var a = GLOBAL_VAR.chartMgr.getDataSource("frame0.k0").getLastDate();
if (a == -1) {
GLOBAL_VAR.requestParam = setHttpRequestParam(GLOBAL_VAR.market_from, GLOBAL_VAR.time_type, GLOBAL_VAR.limit, null);
RequestData(true)
} else {
GLOBAL_VAR.requestParam = setHttpRequestParam(GLOBAL_VAR.market_from, GLOBAL_VAR.time_type, null, a.toString());
RequestData()
}
ChartManager.getInstance().redraw("All", false)
};
Chart.prototype.setCurrentContractUnit = function(a) {
this._contract_unit = a;
this.updateDataAndDisplay()
};
Chart.prototype.setCurrentMoneyType = function(a) {
this._money_type = a;
this.updateDataAndDisplay()
};
Chart.prototype.setCurrentPeriod = function(a) {
this._time = GLOBAL_VAR.periodMap[a];
this.updateDataAndDisplay()
};
Chart.prototype.updateDataSource = function(a) {
this._data = a;
ChartManager.getInstance().updateData("frame0.k0", this._data)
};
Chart.prototype.updateDepth = function(d) {
if (d == null) {
this._depthData.array = [];
ChartManager.getInstance().redraw("All", false);
return
}
if (!d.asks || !d.bids || d.asks == "" || d.bids == "") {
return
}
var b = this._depthData;
b.array = [];
for (var a = 0; a < d.asks.length; a++) {
var c = {};
c.rate = d.asks[a][0];
c.amount = d.asks[a][1];
b.array.push(c)
}
for (var a = 0; a < d.bids.length; a++) {
var c = {};
c.rate = d.bids[a][0];
c.amount = d.bids[a][1];
b.array.push(c)
}
b.asks_count = d.asks.length;
b.bids_count = d.bids.length;
b.asks_si = b.asks_count - 1;
b.asks_ei = 0;
b.bids_si = b.asks_count;
b.bids_ei = b.asks_count + b.bids_count - 1;
for (var a = b.asks_si; a >= b.asks_ei; a--) {
if (a == b.asks_si) {
b.array[a].amounts = b.array[a].amount
} else {
b.array[a].amounts = b.array[a + 1].amounts + b.array[a].amount
}
}
for (var a = b.bids_si; a <= b.bids_ei; a++) {
if (a == b.bids_si) {
b.array[a].amounts = b.array[a].amount
} else {
b.array[a].amounts = b.array[a - 1].amounts + b.array[a].amount
}
}
ChartManager.getInstance().redraw("All", false)
};
Chart.prototype.setMainIndicator = function(a) {
this._mainIndicator = a;
if (a == "NONE") {
ChartManager.getInstance().removeMainIndicator("frame0.k0")
} else {
ChartManager.getInstance().setMainIndicator("frame0.k0", a)
}
ChartManager.getInstance().redraw("All", true)
};
Chart.prototype.setIndicator = function(b, a) {
if (a == "NONE") {
var b = 2;
if (Template.displayVolume == false) {
b = 1
}
var c = ChartManager.getInstance().getIndicatorAreaName("frame0.k0", b);
if (c != "") {
ChartManager.getInstance().removeIndicator(c)
}
} else {
var b = 2;
if (Template.displayVolume == false) {
b = 1
}
var c = ChartManager.getInstance().getIndicatorAreaName("frame0.k0", b);
if (c == "") {
Template.createIndicatorChartComps("frame0.k0", a)
} else {
ChartManager.getInstance().setIndicator(c, a)
}
}
ChartManager.getInstance().redraw("All", true)
};
Chart.prototype.addIndicator = function(a) {
ChartManager.getInstance().addIndicator(a);
ChartManager.getInstance().redraw("All", true)
};
Chart.prototype.removeIndicator = function(a) {
var b = ChartManager.getInstance().getIndicatorAreaName(2);
ChartManager.getInstance().removeIndicator(b);
ChartManager.getInstance().redraw("All", true)
};
var CName = create_class();
CName.prototype.__construct = function(a) {
this._names = [];
this._comps = [];
if (a instanceof CName) {
this._names = a._names;
this._comps = a._comps
} else {
var d = a.split(".");
var c = d.length - 1;
if (c > 0) {
this._comps = d;
this._names.push(d[0]);
for (var b = 1; b <= c; b++) {
this._names.push(this._names[b - 1] + "." + d[b])
}
} else {
this._comps.push(a);
this._names.push(a)
}
}
};
CName.prototype.getCompAt = function(a) {
if (a >= 0 && a < this._comps.length) {
return this._comps[a]
}
return ""
};
CName.prototype.getName = function(a) {
if (a < 0) {
if (this._names.length > 0) {
return this._names[this._names.length - 1]
}
} else {
if (a < this._names.length) {
return this._names[a]
}
}
return ""
};
var NamedObject = create_class();
NamedObject.prototype.__construct = function(a) {
this._name = a;
this._nameObj = new CName(a)
};
NamedObject.prototype.getFrameName = function() {
return this._nameObj.getName(0)
};
NamedObject.prototype.getDataSourceName = function() {
return this._nameObj.getName(1)
};
NamedObject.prototype.getAreaName = function() {
return this._nameObj.getName(2)
};
NamedObject.prototype.getName = function() {
return this._nameObj.getName( - 1)
};
NamedObject.prototype.getNameObject = function() {
return this._nameObj
};
var ChartArea = create_class(NamedObject);
ChartArea.prototype.__construct = function(a) {
ChartArea.__super.__construct.call(this, a);
this._left = 0;
this._top = 0;
this._right = 0;
this._bottom = 0;
this._changed = false;
this._highlighted = false;
this._pressed = false;
this._selected = false;
this.Measuring = new MEvent()
};
ChartArea.DockStyle = {
Left: 0,
Top: 1,
Right: 2,
Bottom: 3,
Fill: 4
};
ChartArea.prototype.getDockStyle = function() {
return this._dockStyle
};
ChartArea.prototype.setDockStyle = function(a) {
this._dockStyle = a
};
ChartArea.prototype.getLeft = function() {
return this._left
};
ChartArea.prototype.getTop = function() {
return this._top
};
ChartArea.prototype.setTop = function(a) {
if (this._top != a) {
this._top = a;
this._changed = true
}
};
ChartArea.prototype.getRight = function() {
return this._right
};
ChartArea.prototype.getBottom = function() {
return this._bottom
};
ChartArea.prototype.setBottom = function(a) {
if (this._bottom != a) {
this._bottom = a;
this._changed = true
}
};
ChartArea.prototype.getCenter = function() {
return (this._left + this._right) >> 1
};
ChartArea.prototype.getMiddle = function() {
return (this._top + this._bottom) >> 1
};
ChartArea.prototype.getWidth = function() {
return this._right - this._left
};
ChartArea.prototype.getHeight = function() {
return this._bottom - this._top
};
ChartArea.prototype.getRect = function() {
return {
X: this._left,
Y: this._top,
Width: this._right - this._left,
Height: this._bottom - this._top
}
};
ChartArea.prototype.contains = function(a, b) {
if (a >= this._left && a < this._right) {
if (b >= this._top && b < this._bottom) {
return [this]
}
}
return null
};
ChartArea.prototype.getMeasuredWidth = function() {
return this._measuredWidth
};
ChartArea.prototype.getMeasuredHeight = function() {
return this._measuredHeight
};
ChartArea.prototype.setMeasuredDimension = function(b, a) {
this._measuredWidth = b;
this._measuredHeight = a
};
ChartArea.prototype.measure = function(b, c, a) {
this._measuredWidth = 0;
this._measuredHeight = 0;
this.Measuring.raise(this, {
Width: c,
Height: a
});
if (this._measuredWidth == 0 && this._measuredHeight == 0) {
this.setMeasuredDimension(c, a)
}
};
ChartArea.prototype.layout = function(e, d, c, a, b) {
e <<= 0;
if (this._left != e) {
this._left = e;
this._changed = true
}
d <<= 0;
if (this._top != d) {
this._top = d;
this._changed = true
}
c <<= 0;
if (this._right != c) {
this._right = c;
this._changed = true
}
a <<= 0;
if (this._bottom != a) {
this._bottom = a;
this._changed = true
}
if (b) {
this._changed = true
}
};
ChartArea.prototype.isChanged = function() {
return this._changed
};
ChartArea.prototype.setChanged = function(a) {
this._changed = a
};
ChartArea.prototype.isHighlighted = function() {
return this._highlighted
};
ChartArea.prototype.getHighlightedArea = function() {
return this._highlighted ? this: null
};
ChartArea.prototype.highlight = function(a) {
this._highlighted = (this == a);
return this._highlighted ? this: null
};
ChartArea.prototype.isPressed = function() {
return this._pressed
};
ChartArea.prototype.setPressed = function(a) {
this._pressed = a
};
ChartArea.prototype.isSelected = function() {
return this._selected
};
ChartArea.prototype.getSelectedArea = function() {
return this._selected ? this: null
};
ChartArea.prototype.select = function(a) {
this._selected = (this == a);
return this._selected ? this: null
};
ChartArea.prototype.onMouseMove = function(a, b) {
return null
};
ChartArea.prototype.onMouseLeave = function(a, b) {};
ChartArea.prototype.onMouseDown = function(a, b) {
return null
};
ChartArea.prototype.onMouseUp = function(a, b) {
return null
};
var MainArea = create_class(ChartArea);
MainArea.prototype.__construct = function(a) {
MainArea.__super.__construct.call(this, a);
this._dragStarted = false;
this._oldX = 0;
this._oldY = 0;
this._passMoveEventToToolManager = true
};
MainArea.prototype.onMouseMove = function(a, c) {
var b = ChartManager.getInstance();
if (b._capturingMouseArea == this) {
if (this._dragStarted == false) {
if (Math.abs(this._oldX - a) > 1 || Math.abs(this._oldY - c) > 1) {
this._dragStarted = true
}
}
}
if (this._dragStarted) {
b.hideCursor();
if (b.onToolMouseDrag(this.getFrameName(), a, c)) {
return this
}
b.getTimeline(this.getDataSourceName()).move(a - this._oldX);
return this
}
if (this._passMoveEventToToolManager && b.onToolMouseMove(this.getFrameName(), a, c)) {
b.hideCursor();
return this
}
switch (b._drawingTool) {
case ChartManager.DrawingTool.Cursor:
b.showCursor();
break;
case ChartManager.DrawingTool.CrossCursor:
if (b.showCrossCursor(this, a, c)) {
b.hideCursor()
} else {
b.showCursor()
}
break;
default:
b.hideCursor();
break
}
return this
};
MainArea.prototype.onMouseLeave = function(a, b) {
this._dragStarted = false;
this._passMoveEventToToolManager = true
};
MainArea.prototype.onMouseDown = function(a, c) {
var b = ChartManager.getInstance();
b.getTimeline(this.getDataSourceName()).startMove();
this._oldX = a;
this._oldY = c;
this._dragStarted = false;
if (b.onToolMouseDown(this.getFrameName(), a, c)) {
this._passMoveEventToToolManager = false
}
return this
};
MainArea.prototype.onMouseUp = function(a, d) {
var c = ChartManager.getInstance();
var b = null;
if (this._dragStarted) {
this._dragStarted = false;
b = this
}
if (c.onToolMouseUp(this.getFrameName(), a, d)) {
b = this
}
this._passMoveEventToToolManager = true;
return b
};
var IndicatorArea = create_class(ChartArea);
IndicatorArea.prototype.__construct = function(a) {
IndicatorArea.__super.__construct.call(this, a);
this._dragStarted = false;
this._oldX = 0;
this._oldY = 0
};
IndicatorArea.prototype.onMouseMove = function(a, c) {
var b = ChartManager.getInstance();
if (b._capturingMouseArea == this) {
if (this._dragStarted == false) {
if (this._oldX != a || this._oldY != c) {
this._dragStarted = true
}
}
}
if (this._dragStarted) {
b.hideCursor();
b.getTimeline(this.getDataSourceName()).move(a - this._oldX);
return this
}
switch (b._drawingTool) {
case ChartManager.DrawingTool.CrossCursor:
if (b.showCrossCursor(this, a, c)) {
b.hideCursor()
} else {
b.showCursor()
}
break;
default:
b.showCursor();
break
}
return this
};
IndicatorArea.prototype.onMouseLeave = function(a, b) {
this._dragStarted = false
};
IndicatorArea.prototype.onMouseDown = function(a, c) {
var b = ChartManager.getInstance();
b.getTimeline(this.getDataSourceName()).startMove();
this._oldX = a;
this._oldY = c;
this._dragStarted = false;
return this
};
IndicatorArea.prototype.onMouseUp = function(a, b) {
if (this._dragStarted) {
this._dragStarted = false;
return this
}
return null
};
var MainRangeArea = create_class(ChartArea);
MainRangeArea.prototype.__construct = function(a) {
MainRangeArea.__super.__construct.call(this, a)
};
MainRangeArea.prototype.onMouseMove = function(a, b) {
ChartManager.getInstance().showCursor();
return this
};
var IndicatorRangeArea = create_class(ChartArea);
IndicatorRangeArea.prototype.__construct = function(a) {
IndicatorRangeArea.__super.__construct.call(this, a)
};
IndicatorRangeArea.prototype.onMouseMove = function(a, b) {
ChartManager.getInstance().showCursor();
return this
};
var TimelineArea = create_class(ChartArea);
TimelineArea.prototype.__construct = function(a) {
TimelineArea.__super.__construct.call(this, a)
};
TimelineArea.prototype.onMouseMove = function(a, b) {
ChartManager.getInstance().showCursor();
return this
};
var ChartAreaGroup = create_class(ChartArea);
ChartAreaGroup.prototype.__construct = function(a) {
ChartAreaGroup.__super.__construct.call(this, a);
this._areas = [];
this._highlightedArea = null;
this._selectedArea = null
};
ChartAreaGroup.prototype.contains = function(b, g) {
var d;
var c, f, e = this._areas.length;
for (f = 0; f < e; f++) {
c = this._areas[f];
d = c.contains(b, g);
if (d != null) {
d.push(this);
return d
}
}
return ChartAreaGroup.__super.contains(b, g)
};
ChartAreaGroup.prototype.getAreaCount = function() {
return this._areas.length
};
ChartAreaGroup.prototype.getAreaAt = function(a) {
if (a < 0 || a >= this._areas.length) {
return null
}
return this._areas[a]
};
ChartAreaGroup.prototype.addArea = function(a) {
this._areas.push(a)
};
ChartAreaGroup.prototype.removeArea = function(c) {
var b, a = this._areas.length;
for (b = 0; b < a; b++) {
if (c == this._areas[b]) {
this._areas.splice(b);
this.setChanged(true);
break
}
}
};
ChartAreaGroup.prototype.getGridColor = function() {
return this._gridColor
};
ChartAreaGroup.prototype.setGridColor = function(a) {
this._gridColor = a
};
ChartAreaGroup.prototype.getHighlightedArea = function() {
if (this._highlightedArea != null) {
return this._highlightedArea.getHighlightedArea()
}
return null
};
ChartAreaGroup.prototype.highlight = function(c) {
this._highlightedArea = null;
var d, b, a = this._areas.length;
for (b = 0; b < a; b++) {
d = this._areas[b].highlight(c);
if (d != null) {
this._highlightedArea = d;
return this
}
}
return null
};
ChartAreaGroup.prototype.getSelectedArea = function() {
if (this._selectedArea != null) {
return this._selectedArea.getSelectedArea()
}
return null
};
ChartAreaGroup.prototype.select = function(c) {
this._selectedArea = null;
var d, b, a = this._areas.length;
for (b = 0; b < a; b++) {
d = this._areas[b].select(c);
if (d != null) {
this._selectedArea = d;
return this
}
}
return null
};
ChartAreaGroup.prototype.onMouseLeave = function(a, d) {
var c, b = this._areas.length;
for (c = 0; c < b; c++) {
this._areas[c].onMouseLeave(a, d)
}
};
ChartAreaGroup.prototype.onMouseUp = function(b, f) {
var c, e, d = this._areas.length;
for (e = 0; e < d; e++) {
c = this._areas[e].onMouseUp(b, f);
if (c != null) {
return c
}
}
return null
};
var TableLayout = create_class(ChartAreaGroup);
TableLayout.prototype.__construct = function(a) {
TableLayout.__super.__construct.call(this, a);
this._nextRowId = 0;
this._focusedRowIndex = -1
};
TableLayout.prototype.getNextRowId = function() {
return this._nextRowId++
};
TableLayout.prototype.measure = function(a, u, m) {
this.setMeasuredDimension(u, m);
var g, p = 0,
H = 0;
var x, k;
var o = [];
var w, v = this._areas.length;
for (w = 0; w < v; w += 2) {
g = this._areas[w].getHeight();
if (g == 0) {
if (w == 0) {
k = (v + 1) >> 1;
var t = (k * 2) + 5;
var d = ((m / t) * 2) << 0;
x = m;
for (w = k - 1; w > 0; w--) {
o.unshift(d);
x -= d
}
o.unshift(x);
break
} else {
if (w == 2) {
g = p / 3
} else {
g = p
}
}
}
H += g;
p = g;
o.push(g)
}
if (H > 0) {
var J = m / H;
k = (v + 1) >> 1;
x = m;
for (w = k - 1; w > 0; w--) {
o[w] *= J;
x -= o[w]
}
o[0] = x
}
var G = 8;
var z = 64;
var b = Math.min(240, u >> 1);
var f = z;
var I = ChartManager.getInstance();
var e = I.getTimeline(this.getDataSourceName());
if (e.getFirstIndex() >= 0) {
var l = [];
for (f = z; f < b; f += G) {
l.push(e.calcFirstIndex(e.calcColumnCount(u - f)))
}
var y = e.getLastIndex();
var q = [".main", ".secondary"];
var s = new Array(l.length);
var C, j;
for (C = 0, j = 0, f = z; C < this._areas.length && j < l.length; C += 2) {
var A = this._areas[C];
var F = I.getPlotter(A.getName() + "Range.main");
for (var B in q) {
var r = I.getDataProvider(A.getName() + q[B]);
if (r == undefined) {
continue
}
r.calcRange(l, y, s, null);
while (j < l.length) {
var E = F.getRequiredWidth(a, s[j].min);
var D = F.getRequiredWidth(a, s[j].max);
if (Math.max(E, D) < f) {
break
}
j++;
f += G
}
}
}
}
for (w = 1; w < this._areas.length; w += 2) {
this._areas[w].measure(a, f, o[w >> 1])
}
var c = u - f;
for (w = 0; w < this._areas.length; w += 2) {
this._areas[w].measure(a, c, o[w >> 1])
}
};
TableLayout.prototype.layout = function(g, k, l, a, d) {
TableLayout.__super.layout.call(this, g, k, l, a, d);
if (this._areas.length < 1) {
return
}
var e;
var c = g + this._areas[0].getMeasuredWidth();
var m = k,
j;
if (!d) {
d = this.isChanged()
}
var h, f = this._areas.length;
for (h = 0; h < f; h++) {
e = this._areas[h];
j = m + e.getMeasuredHeight();
e.layout(g, m, c, j, d);
h++;
e = this._areas[h];
e.layout(c, m, this.getRight(), j, d);
m = j
}
this.setChanged(false)
};
TableLayout.prototype.drawGrid = function(c) {
if (this._areas.length < 1) {
return
}
var d = ChartManager.getInstance();
var e = d.getTheme(this.getFrameName());
c.fillStyle = e.getColor(Theme.Color.Grid1);
c.fillRect(this._areas[0].getRight(), this.getTop(), 1, this.getHeight());
var b, a = this._areas.length - 2;
for (b = 0; b < a; b += 2) {
c.fillRect(this.getLeft(), this._areas[b].getBottom(), this.getWidth(), 1)
}
if (!d.getCaptureMouseWheelDirectly()) {
for (b = 0, a += 2; b < a; b += 2) {
if (this._areas[b].isSelected()) {
c.strokeStyle = e.getColor(Theme.Color.Indicator1);
c.strokeRect(this.getLeft() + 0.5, this.getTop() + 0.5, this.getWidth() - 1, this.getHeight() - 1);
break
}
}
}
};
TableLayout.prototype.highlight = function(c) {
this._highlightedArea = null;
var d, b, a = this._areas.length;
for (b = 0; b < a; b++) {
d = this._areas[b];
if (d == c) {
b &= ~1;
d = this._areas[b];
d.highlight(d);
this._highlightedArea = d;
b++;
d = this._areas[b];
d.highlight(null);
d.highlight(d)
} else {
d.highlight(null)
}
}
return this._highlightedArea != null ? this: null
};
TableLayout.prototype.select = function(c) {
this._selectedArea = null;
var d, b, a = this._areas.length;
for (b = 0; b < a; b++) {
d = this._areas[b];
if (d == c) {
b &= ~1;
d = this._areas[b];
d.select(d);
this._selectedArea = d;
b++;
d = this._areas[b];
d.select(d)
} else {
d.select(null)
}
}
return this._selectedArea != null ? this: null
};
TableLayout.prototype.onMouseMove = function(l, k) {
if (this._focusedRowIndex >= 0) {
var m = this._areas[this._focusedRowIndex];
var e = this._areas[this._focusedRowIndex + 2];
var f = k - this._oldY;
if (f == 0) {
return this
}
var h = this._oldUpperBottom + f;
var g = this._oldLowerTop + f;
if (h - m.getTop() >= 60 && e.getBottom() - g >= 60) {
m.setBottom(h);
e.setTop(g)
}
return this
}
var c, a = this._areas.length - 2;
for (c = 0; c < a; c += 2) {
var j = this._areas[c].getBottom();
if (k >= j - 4 && k < j + 4) {
ChartManager.getInstance().showCursor("n-resize");
return this
}
}
return null
};
TableLayout.prototype.onMouseLeave = function(a, b) {
this._focusedRowIndex = -1
};
TableLayout.prototype.onMouseDown = function(c, f) {
var e, d = this._areas.length - 2;
for (e = 0; e < d; e += 2) {
var a = this._areas[e].getBottom();
if (f >= a - 4 && f < a + 4) {
this._focusedRowIndex = e;
this._oldY = f;
this._oldUpperBottom = a;
this._oldLowerTop = this._areas[e + 2].getTop();
return this
}
}
return null
};
TableLayout.prototype.onMouseUp = function(b, e) {
if (this._focusedRowIndex >= 0) {
this._focusedRowIndex = -1;
var d, c = this._areas.length;
var a = [];
for (d = 0; d < c; d += 2) {
a.push(this._areas[d].getHeight())
}
ChartSettings.get().charts.areaHeight = a;
ChartSettings.save()
}
return this
};
var DockableLayout = create_class(ChartAreaGroup);
DockableLayout.prototype.__construct = function(a) {
DockableLayout.__super.__construct.call(this, a)
};
DockableLayout.prototype.measure = function(c, d, a) {
DockableLayout.__super.measure.call(this, c, d, a);
d = this.getMeasuredWidth();
a = this.getMeasuredHeight();
for (var b in this._areas) {
var e = this._areas[b];
e.measure(c, d, a);
switch (e.getDockStyle()) {
case ChartArea.DockStyle.left:
case ChartArea.DockStyle.Right:
d -= e.getMeasuredWidth();
break;
case ChartArea.DockStyle.Top:
case ChartArea.DockStyle.Bottom:
a -= e.getMeasuredHeight();
break;
case ChartArea.DockStyle.Fill:
d = 0;
a = 0;
break
}
}
};
DockableLayout.prototype.layout = function(d, g, k, a, b) {
DockableLayout.__super.layout.call(this, d, g, k, a, b);
d = this.getLeft();
g = this.getTop();
k = this.getRight();
a = this.getBottom();
var j, f;
if (!b) {
b = this.isChanged()
}
for (var e in this._areas) {
var c = this._areas[e];
switch (c.getDockStyle()) {
case ChartArea.DockStyle.left:
j = c.getMeasuredWidth();
c.layout(d, g, d + j, a, b);
d += j;
break;
case ChartArea.DockStyle.Top:
f = c.getMeasuredHeight();
c.layout(d, g, k, g + f, b);
g += f;
break;
case ChartArea.DockStyle.Right:
j = c.getMeasuredWidth();
c.layout(k - j, g, k, a, b);
k -= j;
break;
case ChartArea.DockStyle.Bottom:
f = c.getMeasuredHeight();
c.layout(d, a - f, k, a, b);
a -= f;
break;
case ChartArea.DockStyle.Fill:
c.layout(d, g, k, a, b);
d = k;
g = a;
break
}
}
this.setChanged(false)
};
DockableLayout.prototype.drawGrid = function(c) {
var j = ChartManager.getInstance();
var e = j.getTheme(this.getFrameName());
var d = this.getLeft();
var g = this.getTop();
var h = this.getRight();
var a = this.getBottom();
c.fillStyle = e.getColor(this._gridColor);
for (var f in this._areas) {
var b = this._areas[f];
switch (b.getDockStyle()) {
case ChartArea.DockStyle.Left:
c.fillRect(b.getRight(), g, 1, a - g);
d += b.getWidth();
break;
case ChartArea.DockStyle.Top:
c.fillRect(d, b.getBottom(), h - d, 1);
g += b.getHeight();
break;
case ChartArea.DockStyle.Right:
c.fillRect(b.getLeft(), g, 1, a - g);
h -= b.getWidth();
break;
case ChartArea.DockStyle.Bottom:
c.fillRect(d, b.getTop(), h - d, 1);
a -= b.getHeight();
break
}
}
};
var ChartManager = create_class();
ChartManager.DrawingTool = {
Cursor: 0,
CrossCursor: 1,
DrawLines: 2,
DrawFibRetrace: 3,
DrawFibFans: 4,
SegLine: 5,
StraightLine: 6,
ArrowLine: 7,
RayLine: 8,
HoriStraightLine: 9,
HoriRayLine: 10,
HoriSegLine: 11,
VertiStraightLine: 12,
PriceLine: 13,
BiParallelLine: 14,
BiParallelRayLine: 15,
TriParallelLine: 16,
BandLine: 17
};
ChartManager._instance = null;
ChartManager.getInstance = function() {
if (ChartManager._instance == null) {
ChartManager._instance = new ChartManager()
}
return ChartManager._instance
};
ChartManager.prototype.__construct = function() {
this._dataSources = {};
this._dataSourceCache = {};
this._dataProviders = {};
this._frames = {};
this._areas = {};
this._timelines = {};
this._ranges = {};
this._plotters = {};
this._themes = {};
this._titles = {};
this._frameMousePos = {};
this._dsChartStyle = {};
this._dragStarted = false;
this._oldX = 0;
this._fakeIndicators = {};
this._captureMouseWheelDirectly = true;
this._chart = {};
this._chart.defaultFrame = new Chart();
this._drawingTool = ChartManager.DrawingTool.CrossCursor;
this._beforeDrawingTool = this._drawingTool;
this._language = "zh-cn";
this._mainCanvas = null;
this._overlayCanvas = null;
this._mainContext = null;
this._overlayContext = null
};
ChartManager.prototype.redraw = function(a, b) {
if (a == undefined || b) {
a = "All"
}
if (a == "All" || a == "MainCanvas") {
if (b) {
this.getFrame("frame0").setChanged(true)
}
this.layout(this._mainContext, "frame0", 0, 0, this._mainCanvas.width, this._mainCanvas.height);
this.drawMain("frame0", this._mainContext)
}
if (a == "All" || a == "OverlayCanvas") {
this._overlayContext.clearRect(0, 0, this._overlayCanvas.width, this._overlayCanvas.height);
this.drawOverlay("frame0", this._overlayContext)
}
};
ChartManager.prototype.bindCanvas = function(b, a) {
if (b == "main") {
this._mainCanvas = a;
this._mainContext = a.getContext("2d")
} else {
if (b == "overlay") {
this._overlayCanvas = a;
this._overlayContext = a.getContext("2d");
if (this._captureMouseWheelDirectly) {
$(this._overlayCanvas).bind("mousewheel", mouseWheel)
}
}
}
};
ChartManager.prototype.getCaptureMouseWheelDirectly = function() {
return this._captureMouseWheelDirectly
};
ChartManager.prototype.setCaptureMouseWheelDirectly = function(a) {
this._captureMouseWheelDirectly = a;
if (a) {
$(this._overlayCanvas).bind("mousewheel", mouseWheel)
} else {
$(this._overlayCanvas).unbind("mousewheel")
}
};
ChartManager.prototype.getChart = function(a) {
return this._chart.defaultFrame
};
ChartManager.prototype.init = function() {
delete this._ranges["frame0.k0.indic1"];
delete this._ranges["frame0.k0.indic1Range"];
delete this._areas["frame0.k0.indic1"];
delete this._areas["frame0.k0.indic1Range"];
DefaultTemplate.loadTemplate("frame0.k0", "BTC123");
this.redraw("All", true)
};
ChartManager.prototype.setCurrentDrawingTool = function(a) {
this._drawingTool = ChartManager.DrawingTool[a];
this.setRunningMode(this._drawingTool)
};
ChartManager.prototype.getLanguage = function() {
return this._language
};
ChartManager.prototype.setLanguage = function(a) {
this._language = a
};
ChartManager.prototype.setThemeName = function(a, b) {
if (b == undefined) {
b = "Dark"
}
var c;
switch (b) {
case "Light":
c = new LightTheme();
break;
default:
b = "Dark";
c = new DarkTheme();
break
}
this._themeName = b;
this.setTheme(a, c);
this.getFrame(a).setChanged(true)
};
ChartManager.prototype.getChartStyle = function(b) {
var a = this._dsChartStyle[b];
if (a == undefined) {
return "CandleStick"
}
return a
};
ChartManager.prototype.setChartStyle = function(e, c) {
if (this._dsChartStyle[e] == c) {
return
}
var g = e + ".main";
var b = g + ".main";
var a = g + ".main";
var f, d;
switch (c) {
case "CandleStick":
case "CandleStickHLC":
case "OHLC":
f = this.getDataProvider(b);
if (f == undefined || !is_instance(f, MainDataProvider)) {
f = new MainDataProvider(b);
this.setDataProvider(b, f);
f.updateData()
}
this.setMainIndicator(e, ChartSettings.get().charts.mIndic);
switch (c) {
case "CandleStick":
d = new CandlestickPlotter(a);
break;
case "CandleStickHLC":
d = new CandlestickHLCPlotter(a);
break;
case "OHLC":
d = new OHLCPlotter(a);
break
}
this.setPlotter(a, d);
d = new MinMaxPlotter(g + ".decoration");
this.setPlotter(d.getName(), d);
break;
case "Line":
f = new IndicatorDataProvider(b);
this.setDataProvider(f.getName(), f);
f.setIndicator(new HLCIndicator());
this.removeMainIndicator(e);
d = new IndicatorPlotter(a);
this.setPlotter(a, d);
this.removePlotter(g + ".decoration");
break
}
this.getArea(d.getAreaName()).setChanged(true);
this._dsChartStyle[e] = c
};
ChartManager.prototype.setNormalMode = function() {
this._drawingTool = this._beforeDrawingTool;
$(".chart_dropdown_data").removeClass("chart_dropdown-hover");
$("#chart_toolpanel .chart_toolpanel_button").removeClass("selected");
$("#chart_CrossCursor").parent().addClass("selected");
if (this._drawingTool == ChartManager.DrawingTool.Cursor) {
this.showCursor();
$("#mode a").removeClass("selected");
$("#chart_toolpanel .chart_toolpanel_button").removeClass("selected");
$("#chart_Cursor").parent().addClass("selected")
} else {
this.hideCursor()
}
};
ChartManager.prototype.setRunningMode = function(b) {
var c = this.getDataSource("frame0.k0");
var a = c.getCurrentToolObject();
if (a != null && a.state != CToolObject.state.AfterDraw) {
c.delToolObject()
}
if (c.getToolObjectCount() > 10) {
this.setNormalMode();
return
}
this._drawingTool = b;
if (b == ChartManager.DrawingTool.Cursor) {
this.showCursor()
} else {}
switch (b) {
case ChartManager.DrawingTool.Cursor:
this._beforeDrawingTool = b;
break;
case ChartManager.DrawingTool.ArrowLine:
c.addToolObject(new CArrowLineObject("frame0.k0"));
break;
case ChartManager.DrawingTool.BandLine:
c.addToolObject(new CBandLineObject("frame0.k0"));
break;
case ChartManager.DrawingTool.BiParallelLine:
c.addToolObject(new CBiParallelLineObject("frame0.k0"));
break;
case ChartManager.DrawingTool.BiParallelRayLine:
c.addToolObject(new CBiParallelRayLineObject("frame0.k0"));
break;
case ChartManager.DrawingTool.CrossCursor:
this._beforeDrawingTool = b;
break;
case ChartManager.DrawingTool.DrawFibFans:
c.addToolObject(new CFibFansObject("frame0.k0"));
break;
case ChartManager.DrawingTool.DrawFibRetrace:
c.addToolObject(new CFibRetraceObject("frame0.k0"));
break;
case ChartManager.DrawingTool.DrawLines:
c.addToolObject(new CStraightLineObject("frame0.k0"));
break;
case ChartManager.DrawingTool.HoriRayLine:
c.addToolObject(new CHoriRayLineObject("frame0.k0"));
break;
case ChartManager.DrawingTool.HoriSegLine:
c.addToolObject(new CHoriSegLineObject("frame0.k0"));
break;
case ChartManager.DrawingTool.HoriStraightLine:
c.addToolObject(new CHoriStraightLineObject("frame0.k0"));
break;
case ChartManager.DrawingTool.PriceLine:
c.addToolObject(new CPriceLineObject("frame0.k0"));
break;
case ChartManager.DrawingTool.RayLine:
c.addToolObject(new CRayLineObject("frame0.k0"));
break;
case ChartManager.DrawingTool.SegLine:
c.addToolObject(new CSegLineObject("frame0.k0"));
break;
case ChartManager.DrawingTool.StraightLine:
c.addToolObject(new CStraightLineObject("frame0.k0"));
break;
case ChartManager.DrawingTool.TriParallelLine:
c.addToolObject(new CTriParallelLineObject("frame0.k0"));
break;
case ChartManager.DrawingTool.VertiStraightLine:
c.addToolObject(new CVertiStraightLineObject("frame0.k0"));
break
}
};
ChartManager.prototype.getTitle = function(a) {
return this._titles[a]
};
ChartManager.prototype.setTitle = function(b, a) {
this._titles[b] = a
};
ChartManager.prototype.setCurrentDataSource = function(d, a) {
var b = this.getCachedDataSource(a);
if (b != null) {
this.setDataSource(d, b, true)
} else {
var c = this.getDataSource(d);
if (c != null) {
if (is_instance(c, MainDataSource)) {
b = new MainDataSource(a)
} else {
if (is_instance(c, CLiveOrderDataSource)) {
b = new CLiveOrderDataSource(a)
} else {
if (is_instance(c, CLiveTradeDataSource)) {
b = new CLiveTradeDataSource(a)
}
}
}
this.setDataSource(d, b, true);
this.setCachedDataSource(a, b)
}
}
};
ChartManager.prototype.getDataSource = function(a) {
return this._dataSources[a]
};
ChartManager.prototype.setDataSource = function(a, b, c) {
this._dataSources[a] = b;
if (c) {
this.updateData(a, null)
}
};
ChartManager.prototype.getCachedDataSource = function(a) {
return this._dataSourceCache[a]
};
ChartManager.prototype.setCachedDataSource = function(a, b) {
this._dataSourceCache[a] = b
};
ChartManager.prototype.getDataProvider = function(a) {
return this._dataProviders[a]
};
ChartManager.prototype.setDataProvider = function(a, b) {
this._dataProviders[a] = b
};
ChartManager.prototype.removeDataProvider = function(a) {
delete this._dataProviders[a]
};
ChartManager.prototype.getFrame = function(a) {
return this._frames[a]
};
ChartManager.prototype.setFrame = function(a, b) {
this._frames[a] = b
};
ChartManager.prototype.removeFrame = function(a) {
delete this._frames[a]
};
ChartManager.prototype.getArea = function(a) {
return this._areas[a]
};
ChartManager.prototype.setArea = function(a, b) {
this._areas[a] = b
};
ChartManager.prototype.removeArea = function(a) {
delete this._areas[a]
};
ChartManager.prototype.getTimeline = function(a) {
return this._timelines[a]
};
ChartManager.prototype.setTimeline = function(a, b) {
this._timelines[a] = b
};
ChartManager.prototype.removeTimeline = function(a) {
delete this._timelines[a]
};
ChartManager.prototype.getRange = function(a) {
return this._ranges[a]
};
ChartManager.prototype.setRange = function(b, a) {
this._ranges[b] = a
};
ChartManager.prototype.removeRange = function(a) {
delete this._ranges[a]
};
ChartManager.prototype.getPlotter = function(a) {
return this._plotters[a]
};
ChartManager.prototype.setPlotter = function(a, b) {
this._plotters[a] = b
};
ChartManager.prototype.removePlotter = function(a) {
delete this._plotters[a]
};
ChartManager.prototype.getTheme = function(a) {
return this._themes[a]
};
ChartManager.prototype.setTheme = function(a, b) {
this._themes[a] = b
};
ChartManager.prototype.getFrameMousePos = function(b, a) {
if (this._frameMousePos[b] != undefined) {
a.x = this._frameMousePos[b].x;
a.y = this._frameMousePos[b].y
} else {
a.x = -1;
a.y = -1
}
};
ChartManager.prototype.setFrameMousePos = function(b, c, a) {
this._frameMousePos[b] = {
x: c,
y: a
}
};
ChartManager.prototype.drawArea = function(c, d, f) {
var g = d.getNameObject().getCompAt(2);
if (g == "timeline") {
if (d.getHeight() < 20) {
return
}
} else {
if (d.getHeight() < 30) {
return
}
}
if (d.getWidth() < 30) {
return
}
g = d.getName();
var e;
var b, a = f.length;
for (b = 0; b < a; b++) {
e = this._plotters[g + f[b]];
if (e != undefined) {
e.Draw(c)
}
}
};
ChartManager.prototype.drawAreaMain = function(a, b) {
var c = this._dataSources[b.getDataSourceName()];
var d;
if (c.getDataCount() < 1) {
d = [".background"]
} else {
d = [".background", ".grid", ".main", ".secondary"]
}
this.drawArea(a, b, d);
b.setChanged(false)
};
ChartManager.prototype.drawAreaOverlay = function(a, b) {
var c = this._dataSources[b.getDataSourceName()];
var d;
if (c.getDataCount() < 1) {
d = [".selection"]
} else {
d = [".decoration", ".selection", ".info", ".tool"]
}
this.drawArea(a, b, d)
};
ChartManager.prototype.drawMain = function(a, c) {
drawn = false;
if (!drawn) {
for (var d in this._areas) {
if (this._areas[d].getFrameName() == a && !is_instance(this._areas[d], ChartAreaGroup)) {
this.drawAreaMain(c, this._areas[d])
}
}
}
var f;
for (var b in this._timelines) {
f = this._timelines[b];
if (f.getFrameName() == a) {
f.setUpdated(false)
}
}
for (var b in this._ranges) {
f = this._ranges[b];
if (f.getFrameName() == a) {
f.setUpdated(false)
}
}
for (var b in this._areas) {
f = this._areas[b];
if (f.getFrameName() == a) {
f.setChanged(false)
}
}
};
ChartManager.prototype.drawOverlay = function(a, b) {
for (var d in this._areas) {
var c = this._areas[d];
if (is_instance(c, ChartAreaGroup)) {
if (c.getFrameName() == a) {
c.drawGrid(b)
}
}
}
for (var d in this._areas) {
var c = this._areas[d];
if (is_instance(c, ChartAreaGroup) == false) {
if (c.getFrameName() == a) {
this.drawAreaOverlay(b, c)
}
}
}
};
ChartManager.prototype.updateData = function(a, g) {
var d = this.getDataSource(a);
if (d == undefined) {
return
}
if (g != null) {
if (!d.update(g)) {
return false
}
if (d.getUpdateMode() == DataSource.UpdateMode.DoNothing) {
return true
}
} else {
d.setUpdateMode(DataSource.UpdateMode.Refresh)
}
var j = this.getTimeline(a);
if (j != undefined) {
j.update()
}
if (d.getDataCount() < 1) {
return true
}
var k = [".main", ".secondary"];
var b, h;
for (var c in this._areas) {
b = this._areas[c];
if (is_instance(b, ChartAreaGroup)) {
continue
}
if (b.getDataSourceName() != a) {
continue
}
h = b.getName();
for (var f = 0; f < k.length; f++) {
var e = this.getDataProvider(h + k[f]);
if (e != undefined) {
e.updateData()
}
}
}
return true
};
ChartManager.prototype.updateRange = function(a) {
var d = this.getDataSource(a);
if (d.getDataCount() < 1) {
return
}
var k = [".main", ".secondary"];
var b, h;
for (var c in this._areas) {
b = this._areas[c];
if (is_instance(b, ChartAreaGroup)) {
continue
}
if (b.getDataSourceName() != a) {
continue
}
h = b.getName();
for (var f = 0; f < k.length; f++) {
var e = this.getDataProvider(h + k[f]);
if (e != undefined) {
e.updateRange()
}
}
var j = this.getTimeline(a);
if (j != undefined && j.getMaxItemCount() > 0) {
var g = this.getRange(h);
if (g != undefined) {
g.update()
}
}
}
};
ChartManager.prototype.layout = function(b, g, f, i, j, a) {
var c = this.getFrame(g);
c.measure(b, j - f, a - i);
c.layout(f, i, j, a);
for (var d in this._timelines) {
var h = this._timelines[d];
if (h.getFrameName() == g) {
h.onLayout()
}
}
for (var d in this._dataSources) {
if (d.substring(0, g.length) == g) {
this.updateRange(d)
}
}
};
ChartManager.prototype.SelectRange = function(b, f) {
var c;
for (var a in this._ranges) {
var e = this._ranges[a].getAreaName();
var d = b.getName();
if (e == d) {
this._ranges[a].selectAt(f)
} else {
this._ranges[a].unselect()
}
}
};
ChartManager.prototype.scale = function(b) {
if (this._highlightedFrame == null) {
return
}
var a = this._highlightedFrame.getHighlightedArea();
if (this.getRange(a.getName()) != undefined) {
var d = a.getDataSourceName();
var c = this.getTimeline(d);
if (c != null) {
c.scale(b);
this.updateRange(d)
}
}
};
ChartManager.prototype.showCursor = function(a) {
if (a === undefined) {
a = "default"
}
this._mainCanvas.style.cursor = a;
this._overlayCanvas.style.cursor = a
};
ChartManager.prototype.hideCursor = function() {
this._mainCanvas.style.cursor = "none";
this._overlayCanvas.style.cursor = "none"
};
ChartManager.prototype.showCrossCursor = function(b, a, d) {
var c = this.getRange(b.getName());
if (c != undefined) {
c.selectAt(d);
c = this.getTimeline(b.getDataSourceName());
if (c != undefined) {
if (c.selectAt(a)) {
return true
}
}
}
return false
};
ChartManager.prototype.hideCrossCursor = function(a) {
if (a != null) {
for (var c in this._timelines) {
var b = this._timelines[c];
if (b != a) {
b.unselect()
}
}
} else {
for (var c in this._timelines) {
this._timelines[c].unselect()
}
}
for (var c in this._ranges) {
this._ranges[c].unselect()
}
};
ChartManager.prototype.clearHighlight = function() {
if (this._highlightedFrame != null) {
this._highlightedFrame.highlight(null);
this._highlightedFrame = null
}
};
ChartManager.prototype.onToolMouseMove = function(b, a, f) {
var c = false;
b += ".";
for (var e in this._dataSources) {
if (e.indexOf(b) == 0) {
var d = this._dataSources[e];
if (is_instance(d, MainDataSource)) {
if (d.toolManager.acceptMouseMoveEvent(a, f)) {
c = true
}
}
}
}
return c
};
ChartManager.prototype.onToolMouseDown = function(b, a, f) {
var c = false;
b += ".";
for (var e in this._dataSources) {
if (e.indexOf(b) == 0) {
var d = this._dataSources[e];
if (is_instance(d, MainDataSource)) {
if (d.toolManager.acceptMouseDownEvent(a, f)) {
c = true
}
}
}
}
return c
};
ChartManager.prototype.onToolMouseUp = function(b, a, f) {
var c = false;
b += ".";
for (var e in this._dataSources) {
if (e.indexOf(b) == 0) {
var d = this._dataSources[e];
if (is_instance(d, MainDataSource)) {
if (d.toolManager.acceptMouseUpEvent(a, f)) {
c = true
}
}
}
}
return c
};
ChartManager.prototype.onToolMouseDrag = function(b, a, f) {
var c = false;
b += ".";
for (var e in this._dataSources) {
if (e.indexOf(b) == 0) {
var d = this._dataSources[e];
if (is_instance(d, MainDataSource)) {
if (d.toolManager.acceptMouseDownMoveEvent(a, f)) {
c = true
}
}
}
}
return c
};
ChartManager.prototype.onMouseMove = function(f, k, h, g) {
var c = this.getFrame(f);
if (c === undefined) {
return
}
this.setFrameMousePos(f, k, h);
this.hideCrossCursor();
if (this._highlightedFrame != c) {
this.clearHighlight()
}
if (this._capturingMouseArea != null) {
this._capturingMouseArea.onMouseMove(k, h);
return
}
var b = c.contains(k, h);
if (b == null) {
return
}
var j, e, d = b.length;
for (e = d - 1; e >= 0; e--) {
j = b[e];
j = j.onMouseMove(k, h);
if (j != null) {
if (!is_instance(j, ChartAreaGroup)) {
c.highlight(j);
this._highlightedFrame = c
}
return
}
}
};
ChartManager.prototype.onMouseLeave = function(c, a, e, b) {
var d = this.getFrame(c);
if (d == undefined) {
return
}
this.setFrameMousePos(c, a, e);
this.hideCrossCursor();
this.clearHighlight();
if (this._capturingMouseArea != null) {
this._capturingMouseArea.onMouseLeave(a, e);
this._capturingMouseArea = null
}
this._dragStarted = false
};
ChartManager.prototype.onMouseDown = function(d, b, j) {
var h = this.getFrame(d);
if (h == undefined) {
return
}
var e = h.contains(b, j);
if (e == null) {
return
}
var c, g, f = e.length;
for (g = f - 1; g >= 0; g--) {
c = e[g];
c = c.onMouseDown(b, j);
if (c != null) {
this._capturingMouseArea = c;
return
}
}
};
ChartManager.prototype.onMouseUp = function(b, a, d) {
var c = this.getFrame(b);
if (c == undefined) {
return
}
if (this._capturingMouseArea) {
if (this._capturingMouseArea.onMouseUp(a, d) == null && this._dragStarted == false) {
if (this._selectedFrame != null && this._selectedFrame != c) {
this._selectedFrame.select(null)
}
if (this._capturingMouseArea.isSelected()) {
if (!this._captureMouseWheelDirectly) {
$(this._overlayCanvas).unbind("mousewheel")
}
c.select(null);
this._selectedFrame = null
} else {
if (this._selectedFrame != c) {
if (!this._captureMouseWheelDirectly) {
$(this._overlayCanvas).bind("mousewheel", mouseWheel)
}
}
c.select(this._capturingMouseArea);
this._selectedFrame = c
}
}
this._capturingMouseArea = null;
this._dragStarted = false
}
};
ChartManager.prototype.deleteToolObject = function() {
var b = this.getDataSource("frame0.k0");
var c = b.getSelectToolObjcet();
if (c != null) {
b.delSelectToolObject()
}
var a = b.getCurrentToolObject();
if (a != null && a.getState() != CToolObject.state.AfterDraw) {
b.delToolObject()
}
this.setNormalMode()
};
ChartManager.prototype.unloadTemplate = function(a) {
var b = this.getFrame(a);
if (b == undefined) {
return
}
for (var c in this._dataSources) {
if (c.match(a + ".")) {
delete this._dataSources[c]
}
}
for (var c in this._dataProviders) {
if (this._dataProviders[c].getFrameName() == a) {
delete this._dataProviders[c]
}
}
delete this._frames[a];
for (var c in this._areas) {
if (this._areas[c].getFrameName() == a) {
delete this._areas[c]
}
}
for (var c in this._timelines) {
if (this._timelines[c].getFrameName() == a) {
delete this._timelines[c]
}
}
for (var c in this._ranges) {
if (this._ranges[c].getFrameName() == a) {
delete this._ranges[c]
}
}
for (var c in this._plotters) {
if (this._plotters[c].getFrameName() == a) {
delete this._plotters[c]
}
}
delete this._themes[a];
delete this._frameMousePos[a]
};
ChartManager.prototype.createIndicatorAndRange = function(e, a, c) {
var d, b;
switch (a) {
case "MA":
d = new MAIndicator();
b = new PositiveRange(e);
break;
case "EMA":
d = new EMAIndicator();
b = new PositiveRange(e);
break;
case "VOLUME":
d = new VOLUMEIndicator();
b = new ZeroBasedPositiveRange(e);
break;
case "MACD":
d = new MACDIndicator();
b = new ZeroCenteredRange(e);
break;
case "DMI":
d = new DMIIndicator();
b = new PercentageRange(e);
break;
case "DMA":
d = new DMAIndicator();
b = new Range(e);
break;
case "TRIX":
d = new TRIXIndicator();
b = new Range(e);
break;
case "BRAR":
d = new BRARIndicator();
b = new Range(e);
break;
case "VR":
d = new VRIndicator();
b = new Range(e);
break;
case "OBV":
d = new OBVIndicator();
b = new Range(e);
break;
case "EMV":
d = new EMVIndicator();
b = new Range(e);
break;
case "RSI":
d = new RSIIndicator();
b = new PercentageRange(e);
break;
case "WR":
d = new WRIndicator();
b = new PercentageRange(e);
break;
case "SAR":
d = new SARIndicator();
b = new PositiveRange(e);
break;
case "KDJ":
d = new KDJIndicator();
b = new PercentageRange(e);
break;
case "ROC":
d = new ROCIndicator();
b = new Range(e);
break;
case "MTM":
d = new MTMIndicator();
b = new Range(e);
break;
case "BOLL":
d = new BOLLIndicator();
b = new Range(e);
break;
case "PSY":
d = new PSYIndicator();
b = new Range(e);
break;
case "StochRSI":
d = new STOCHRSIIndicator();
b = new PercentageRange(e);
break;
default:
return null
}
if (!c) {
d.setParameters(ChartSettings.get().indics[a])
}
return {
indic: d,
range: b
}
};
ChartManager.prototype.setMainIndicator = function(e, a) {
var h = e + ".main";
var g = this.getDataProvider(h + ".main");
if (g == undefined || !is_instance(g, MainDataProvider)) {
return false
}
var f;
switch (a) {
case "MA":
f = new MAIndicator();
break;
case "EMA":
f = new EMAIndicator();
break;
case "BOLL":
f = new BOLLIndicator();
break;
case "SAR":
f = new SARIndicator();
break;
default:
return false
}
f.setParameters(ChartSettings.get().indics[a]);
var c = h + ".secondary";
var b = this.getDataProvider(c);
if (b == undefined) {
b = new IndicatorDataProvider(c);
this.setDataProvider(b.getName(), b)
}
b.setIndicator(f);
var d = this.getPlotter(c);
if (d == undefined) {
d = new IndicatorPlotter(c);
this.setPlotter(d.getName(), d)
}
this.getArea(h).setChanged(true);
return true
};
ChartManager.prototype.setIndicator = function(h, a) {
var d = this.getArea(h);
if (d == undefined || d.getNameObject().getCompAt(2) == "main") {
return false
}
var g = this.getDataProvider(h + ".secondary");
if (g == undefined || !is_instance(g, IndicatorDataProvider)) {
return false
}
var c = this.createIndicatorAndRange(h, a);
if (c == null) {
return false
}
var f = c.indic;
var b = c.range;
this.removeDataProvider(h + ".main");
this.removePlotter(h + ".main");
this.removeRange(h);
this.removePlotter(h + "Range.decoration");
g.setIndicator(f);
this.setRange(h, b);
b.setPaddingTop(20);
b.setPaddingBottom(4);
b.setMinInterval(20);
if (is_instance(f, VOLUMEIndicator)) {
var e = new LastVolumePlotter(h + "Range.decoration");
this.setPlotter(e.getName(), e)
} else {
if (is_instance(f, BOLLIndicator) || is_instance(f, SARIndicator)) {
var g = new MainDataProvider(h + ".main");
this.setDataProvider(g.getName(), g);
g.updateData();
var e = new OHLCPlotter(h + ".main");
this.setPlotter(e.getName(), e)
}
}
return true
};
ChartManager.prototype.removeMainIndicator = function(c) {
var d = c + ".main";
var b = d + ".secondary";
var a = this.getDataProvider(b);
if (a == undefined || !is_instance(a, IndicatorDataProvider)) {
return
}
this.removeDataProvider(b);
this.removePlotter(b);
this.getArea(d).setChanged(true)
};
ChartManager.prototype.removeIndicator = function(g) {
var b = this.getArea(g);
if (b == undefined || b.getNameObject().getCompAt(2) == "main") {
return
}
var f = this.getDataProvider(g + ".secondary");
if (f == undefined || !is_instance(f, IndicatorDataProvider)) {
return
}
var c = g + "Range";
var a = this.getArea(c);
if (a == undefined) {
return
}
var e = this.getArea(b.getDataSourceName() + ".charts");
if (e == undefined) {
return
}
e.removeArea(b);
this.removeArea(g);
e.removeArea(a);
this.removeArea(c);
for (var d in this._dataProviders) {
if (this._dataProviders[d].getAreaName() == g) {
this.removeDataProvider(d)
}
}
for (var d in this._ranges) {
if (this._ranges[d].getAreaName() == g) {
this.removeRange(d)
}
}
for (var d in this._plotters) {
if (this._plotters[d].getAreaName() == g) {
this.removePlotter(d)
}
}
for (var d in this._plotters) {
if (this._plotters[d].getAreaName() == c) {
this.removePlotter(d)
}
}
};
ChartManager.prototype.getIndicatorParameters = function(a) {
var f = this._fakeIndicators[a];
if (f == undefined) {
var b = this.createIndicatorAndRange("", a);
if (b == null) {
return null
}
this._fakeIndicators[a] = f = b.indic
}
var e = [];
var d, c = f.getParameterCount();
for (d = 0; d < c; d++) {
e.push(f.getParameterAt(d))
}
return e
};
ChartManager.prototype.setIndicatorParameters = function(a, c) {
var f, e;
for (f in this._dataProviders) {
var d = this._dataProviders[f];
if (is_instance(d, IndicatorDataProvider) == false) {
continue
}
e = d.getIndicator();
if (e.getName() == a) {
e.setParameters(c);
d.refresh();
this.getArea(d.getAreaName()).setChanged(true)
}
}
e = this._fakeIndicators[a];
if (e == undefined) {
var b = this.createIndicatorAndRange("", a, true);
if (b == null) {
return
}
this._fakeIndicators[a] = e = b.indic
}
e.setParameters(c)
};
ChartManager.prototype.getIndicatorAreaName = function(c, a) {
var d = this.getArea(c + ".charts");
var b = d.getAreaCount() >> 1;
if (a < 0 || a >= b) {
return ""
}
return d.getAreaAt(a << 1).getName()
};
var Timeline = create_class(NamedObject);
Timeline._ItemWidth = [1, 3, 3, 5, 5, 7, 9, 11, 13, 15, 17, 19, 21, 23, 25, 27, 29];
Timeline._SpaceWidth = [1, 1, 2, 2, 3, 3, 3, 3, 3, 3, 5, 5, 5, 5, 7, 7, 7];
Timeline.PADDING_LEFT = 4;
Timeline.PADDING_RIGHT = 8;
Timeline.prototype.__construct = function(a) {
Timeline.__super.__construct.call(this, a);
this._updated = false;
this._innerLeft = 0;
this._innerWidth = 0;
this._firstColumnLeft = 0;
this._scale = 3;
this._lastScale = -1;
this._maxItemCount = 0;
this._maxIndex = 0;
this._firstIndex = -1;
this._selectedIndex = -1;
this._savedFirstIndex = -1
};
Timeline.prototype.isLatestShown = function() {
return this.getLastIndex() == this._maxIndex
};
Timeline.prototype.isUpdated = function() {
return this._updated
};
Timeline.prototype.setUpdated = function(a) {
this._updated = a
};
Timeline.prototype.getItemWidth = function() {
return Timeline._ItemWidth[this._scale]
};
Timeline.prototype.getSpaceWidth = function() {
return Timeline._SpaceWidth[this._scale]
};
Timeline.prototype.getColumnWidth = function() {
return this.getSpaceWidth() + this.getItemWidth()
};
Timeline.prototype.getInnerWidth = function() {
return this._innerWidth
};
Timeline.prototype.getItemLeftOffset = function() {
return this.getSpaceWidth()
};
Timeline.prototype.getItemCenterOffset = function() {
return this.getSpaceWidth() + (this.getItemWidth() >> 1)
};
Timeline.prototype.getFirstColumnLeft = function() {
return this._firstColumnLeft
};
Timeline.prototype.getMaxItemCount = function() {
return this._maxItemCount
};
Timeline.prototype.getFirstIndex = function() {
return this._firstIndex
};
Timeline.prototype.getLastIndex = function() {
return Math.min(this._firstIndex + this._maxItemCount, this._maxIndex)
};
Timeline.prototype.getSelectedIndex = function() {
return this._selectedIndex
};
Timeline.prototype.getMaxIndex = function() {
return this._maxIndex
};
Timeline.prototype.calcColumnCount = function(a) {
return Math.floor(a / this.getColumnWidth()) << 0
};
Timeline.prototype.calcFirstColumnLeft = function(a) {
return this._innerLeft + this._innerWidth - (this.getColumnWidth() * a)
};
Timeline.prototype.calcFirstIndexAlignRight = function(c, a, b) {
return Math.max(0, c + Math.max(a, 1) - Math.max(b, 1))
};
Timeline.prototype.calcFirstIndex = function(a) {
return this.validateFirstIndex(this.calcFirstIndexAlignRight(this._firstIndex, this._maxItemCount, a), a)
};
Timeline.prototype.updateMaxItemCount = function() {
var a = this.calcColumnCount(this._innerWidth);
var c;
if (this._maxItemCount < 1) {
c = this.calcFirstIndex(a)
} else {
if (this._lastScale == this._scale) {
c = this.validateFirstIndex(this._firstIndex - (a - this._maxItemCount))
} else {
var b = (this._selectedIndex >= 0) ? this._selectedIndex: this.getLastIndex() - 1;
c = this.validateFirstIndex(b - Math.round((b - this._firstIndex) * a / this._maxItemCount))
}
}
this._lastScale = this._scale;
if (this._firstIndex != c) {
if (this._selectedIndex == this._firstIndex) {
this._selectedIndex = c
}
this._firstIndex = c;
this._updated = true
}
if (this._maxItemCount != a) {
this._maxItemCount = a;
this._updated = true
}
this._firstColumnLeft = this.calcFirstColumnLeft(a)
};
Timeline.prototype.validateFirstIndex = function(a, c) {
if (this._maxIndex < 1) {
return - 1
}
if (a < 0) {
return 0
}
var b = Math.max(0, this._maxIndex - 1);
if (a > b) {
return b
}
return a
};
Timeline.prototype.validateSelectedIndex = function() {
if (this._selectedIndex < this._firstIndex) {
this._selectedIndex = -1
} else {
if (this._selectedIndex >= this.getLastIndex()) {
this._selectedIndex = -1
}
}
};
Timeline.prototype.onLayout = function() {
var c = ChartManager.getInstance();
var b = c.getArea(this.getDataSourceName() + ".main");
if (b != null) {
this._innerLeft = b.getLeft() + Timeline.PADDING_LEFT;
var a = Math.max(0, b.getWidth() - (Timeline.PADDING_LEFT + Timeline.PADDING_RIGHT));
if (this._innerWidth != a) {
this._innerWidth = a;
this.updateMaxItemCount()
}
}
};
Timeline.prototype.toIndex = function(a) {
return this._firstIndex + this.calcColumnCount(a - this._firstColumnLeft)
};
Timeline.prototype.toColumnLeft = function(a) {
return this._firstColumnLeft + (this.getColumnWidth() * (a - this._firstIndex))
};
Timeline.prototype.toItemLeft = function(a) {
return this.toColumnLeft(a) + this.getItemLeftOffset()
};
Timeline.prototype.toItemCenter = function(a) {
return this.toColumnLeft(a) + this.getItemCenterOffset()
};
Timeline.prototype.selectAt = function(a) {
this._selectedIndex = this.toIndex(a);
this.validateSelectedIndex();
return (this._selectedIndex >= 0)
};
Timeline.prototype.unselect = function() {
this._selectedIndex = -1
};
Timeline.prototype.update = function() {
var c = ChartManager.getInstance();
var b = c.getDataSource(this.getDataSourceName());
var d = this._maxIndex;
this._maxIndex = b.getDataCount();
switch (b.getUpdateMode()) {
case DataSource.UpdateMode.Refresh:
if (this._maxIndex < 1) {
this._firstIndex = -1
} else {
this._firstIndex = Math.max(this._maxIndex - this._maxItemCount, 0)
}
this._selectedIndex = -1;
this._updated = true;
break;
case DataSource.UpdateMode.Append:
var e = this.getLastIndex();
var a = b.getErasedCount();
if (e < d) {
if (a > 0) {
this._firstIndex = Math.max(this._firstIndex - a, 0);
if (this._selectedIndex >= 0) {
this._selectedIndex -= a;
this.validateSelectedIndex()
}
this._updated = true
}
} else {
if (e == d) {
this._firstIndex += (this._maxIndex - d);
if (this._selectedIndex >= 0) {
this._selectedIndex -= a;
this.validateSelectedIndex()
}
this._updated = true
}
}
break
}
};
Timeline.prototype.move = function(a) {
if (this.isLatestShown()) {
ChartManager.getInstance().getArea(this.getDataSourceName() + ".mainRange").setChanged(true)
}
this._firstIndex = this.validateFirstIndex(this._savedFirstIndex - this.calcColumnCount(a), this._maxItemCount);
this._updated = true;
if (this._selectedIndex >= 0) {
this.validateSelectedIndex()
}
};
Timeline.prototype.startMove = function() {
this._savedFirstIndex = this._firstIndex
};
Timeline.prototype.scale = function(a) {
this._scale += a;
if (this._scale < 0) {
this._scale = 0
} else {
if (this._scale >= Timeline._ItemWidth.length) {
this._scale = Timeline._ItemWidth.length - 1
}
}
this.updateMaxItemCount();
if (this._selectedIndex >= 0) {
this.validateSelectedIndex()
}
};
var Range = create_class(NamedObject);
Range.prototype.__construct = function(a) {
Range.__super.__construct.call(this, a);
this._updated = true;
this._minValue = Number.MAX_VALUE;
this._maxValue = -Number.MAX_VALUE;
this._outerMinValue = Number.MAX_VALUE;
this._outerMaxValue = -Number.MAX_VALUE;
this._ratio = 0;
this._top = 0;
this._bottom = 0;
this._paddingTop = 0;
this._paddingBottom = 0;
this._minInterval = 36;
this._selectedPosition = -1;
this._selectedValue = -Number.MAX_VALUE;
this._gradations = []
};
Range.prototype.isUpdated = function() {
return this._updated
};
Range.prototype.setUpdated = function(a) {
this._updated = a
};
Range.prototype.getMinValue = function() {
return this._minValue
};
Range.prototype.getMaxValue = function() {
return this._maxValue
};
Range.prototype.getRange = function() {
return this._maxValue - this._minValue
};
Range.prototype.getOuterMinValue = function() {
return this._outerMinValue
};
Range.prototype.getOuterMaxValue = function() {
return this._outerMaxValue
};
Range.prototype.getOuterRange = function() {
return this._outerMaxValue - this._outerMinValue
};
Range.prototype.getHeight = function() {
return Math.max(0, this._bottom - this._top)
};
Range.prototype.getGradations = function() {
return this._gradations
};
Range.prototype.getMinInterval = function() {
return this._minInterval
};
Range.prototype.setMinInterval = function(a) {
this._minInterval = a
};
Range.prototype.getSelectedPosition = function() {
if (this._selectedPosition >= 0) {
return this._selectedPosition
}
if (this._selectedValue > -Number.MAX_VALUE) {
return this.toY(this._selectedValue)
}
return - 1
};
Range.prototype.getSelectedValue = function() {
if (this._selectedValue > -Number.MAX_VALUE) {
return this._selectedValue
}
var b = ChartManager.getInstance();
var a = b.getArea(this.getAreaName());
if (a == null) {
return - Number.MAX_VALUE
}
if (this._selectedPosition < a.getTop() + 12 || this._selectedPosition >= a.getBottom() - 4) {
return - Number.MAX_VALUE
}
return this.toValue(this._selectedPosition)
};
Range.prototype.setPaddingTop = function(a) {
this._paddingTop = a
};
Range.prototype.setPaddingBottom = function(a) {
this._paddingBottom = a
};
Range.prototype.toValue = function(a) {
return this._maxValue - (a - this._top) / this._ratio
};
Range.prototype.toY = function(a) {
if (this._ratio > 0) {
return this._top + Math.floor((this._maxValue - a) * this._ratio + 0.5)
}
return this._top
};
Range.prototype.toHeight = function(a) {
return Math.floor(a * this._ratio + 1.5)
};
Range.prototype.update = function() {
var c = Number.MAX_VALUE;
var a = -Number.MAX_VALUE;
var e = ChartManager.getInstance();
var g, f = [".main", ".secondary"];
for (var b = 0; b < f.length; b++) {
g = e.getDataProvider(this.getName() + f[b]);
if (g != null) {
c = Math.min(c, g.getMinValue());
a = Math.max(a, g.getMaxValue())
}
}
var d = {
min: c,
max: a
};
this.preSetRange(d);
this.setRange(d.min, d.max)
};
Range.prototype.select = function(a) {
this._selectedValue = a;
this._selectedPosition = -1
};
Range.prototype.selectAt = function(a) {
this._selectedPosition = a;
this._selectedValue = -Number.MAX_VALUE
};
Range.prototype.unselect = function() {
this._selectedPosition = -1;
this._selectedValue = -Number.MAX_VALUE
};
Range.prototype.preSetRange = function(a) {
if (a.min == a.max) {
a.min = -1;
a.max = 1
}
};
Range.prototype.setRange = function(d, f) {
var c = ChartManager.getInstance();
var b = c.getArea(this.getAreaName());
if (this._minValue == d && this._maxValue == f && !b.isChanged()) {
return
}
this._updated = true;
this._minValue = d;
this._maxValue = f;
this._gradations = [];
var e = b.getTop() + this._paddingTop;
var a = b.getBottom() - (this._paddingBottom + 1);
if (e >= a) {
this._minValue = this._maxValue;
return
}
this._top = e;
this._bottom = a;
if (this._maxValue > this._minValue) {
this._ratio = (a - e) / (this._maxValue - this._minValue)
} else {
this._ratio = 1
}
this._outerMinValue = this.toValue(b.getBottom());
this._outerMaxValue = this.toValue(b.getTop());
this.updateGradations()
};
Range.prototype.calcInterval = function() {
var e = this.getHeight();
var f = this.getMinInterval();
if ((e / f) <= 1) {
f = e >> 1
}
var g = this.getRange();
var b = 0;
while (b > -2 && Math.floor(g) < g) {
g *= 10;
b--
}
var a, j;
for (;; b++) {
j = Math.pow(10, b);
a = j;
if (this.toHeight(a) > f) {
break
}
a = 2 * j;
if (this.toHeight(a) > f) {
break
}
a = 5 * j;
if (this.toHeight(a) > f) {
break
}
}
return a
};
Range.prototype.updateGradations = function() {
this._gradations = [];
var b = this.calcInterval();
if (b <= 0) {
return
}
var a = Math.floor(this.getMaxValue() / b) * b;
do {
this._gradations.push(a);
a -= b
} while ( a > this . getMinValue ())
};
var PositiveRange = create_class(Range);
PositiveRange.prototype.__construct = function(a) {
PositiveRange.__super.__construct.call(this, a)
};
PositiveRange.prototype.preSetRange = function(a) {
if (a.min < 0) {
a.min = 0
}
if (a.max < 0) {
a.max = 0
}
};
var ZeroBasedPositiveRange = create_class(Range);
ZeroBasedPositiveRange.prototype.__construct = function(a) {
ZeroBasedPositiveRange.__super.__construct.call(this, a)
};
ZeroBasedPositiveRange.prototype.preSetRange = function(a) {
a.min = 0;
if (a.max < 0) {
a.max = 0
}
};
var MainRange = create_class(Range);
MainRange.prototype.__construct = function(a) {
MainRange.__super.__construct.call(this, a)
};
MainRange.prototype.preSetRange = function(e) {
var l = ChartManager.getInstance();
var n = l.getTimeline(this.getDataSourceName());
var b = n.getMaxIndex() - n.getLastIndex();
if (b < 25) {
var f = l.getDataSource(this.getDataSourceName());
var h = f.getDataAt(f.getDataCount() - 1);
var i = ((e.max - e.min) / 4) * (1 - (b / 25));
e.min = Math.min(e.min, Math.max(h.low - i, 0));
e.max = Math.max(e.max, h.high + i)
}
if (e.min > 0) {
var k = e.max / e.min;
if (k < 1.016) {
var g = (e.max + e.min) / 2;
var j = (k - 1) * 1.5;
e.max = g * (1 + j);
e.min = g * (1 - j)
} else {
if (k < 1.048) {
var g = (e.max + e.min) / 2;
e.max = g * 1.024;
e.min = g * 0.976
}
}
}
if (e.min < 0) {
e.min = 0
}
if (e.max < 0) {
e.max = 0
}
};
var ZeroCenteredRange = create_class(Range);
ZeroCenteredRange.prototype.__construct = function(a) {
ZeroCenteredRange.__super.__construct.call(this, a)
};
ZeroCenteredRange.prototype.calcInterval = function(d) {
var b = this.getMinInterval();
if (d.getHeight() / b < 2) {
return 0
}
var c = this.getRange();
var a;
for (a = 3;; a += 2) {
if (this.toHeight(c / a) <= b) {
break
}
}
a -= 2;
return c / a
};
ZeroCenteredRange.prototype.updateGradations = function() {
this._gradations = [];
var d = ChartManager.getInstance();
var c = d.getArea(this.getAreaName());
var b = this.calcInterval(c);
if (b <= 0) {
return
}
var a = b / 2;
do {
this._gradations.push(a);
this._gradations.push( - a);
a += b
} while ( a <= this . getMaxValue ())
};
ZeroCenteredRange.prototype.preSetRange = function(b) {
var a = Math.max(Math.abs(b.min), Math.abs(b.max));
b.min = -a;
b.max = a
};
var PercentageRange = create_class(Range);
PercentageRange.prototype.__construct = function(a) {
PercentageRange.__super.__construct.call(this, a)
};
PercentageRange.prototype.updateGradations = function() {
this._gradations = [];
var e = ChartManager.getInstance();
var d = e.getArea(this.getAreaName());
var b = 10;
var c = Math.floor(this.toHeight(b));
if ((c << 2) > d.getHeight()) {
return
}
var a = Math.ceil(this.getMinValue() / b) * b;
if (a == 0) {
a = 0
}
if ((c << 2) < 24) {
if ((c << 1) < 8) {
return
}
do {
if (a == 20 || a == 80) {
this._gradations.push(a)
}
a += b
} while ( a < this . getMaxValue ())
} else {
do {
if (c < 8) {
if (a == 20 || a == 50 || a == 80) {
this._gradations.push(a)
}
} else {
if (a == 0 || a == 20 || a == 50 || a == 80 || a == 100) {
this._gradations.push(a)
}
}
a += b
} while ( a < this . getMaxValue ())
}
};
var DataSource = create_class(NamedObject);
DataSource.prototype.__construct = function(a) {
DataSource.__super.__construct.call(this, a)
};
DataSource.UpdateMode = {
DoNothing: 0,
Refresh: 1,
Update: 2,
Append: 3
};
DataSource.prototype.getUpdateMode = function() {
return this._updateMode
};
DataSource.prototype.setUpdateMode = function(a) {
this._updateMode = a
};
DataSource.prototype.getCacheSize = function() {
return 0
};
DataSource.prototype.getDataCount = function() {
return 0
};
var MainDataSource = create_class(DataSource);
MainDataSource.prototype.__construct = function(a) {
MainDataSource.__super.__construct.call(this, a);
this._erasedCount = 0;
this._dataItems = [];
this._decimalDigits = 0;
this.toolManager = new CToolManager(a)
};
MainDataSource.prototype.getCacheSize = function() {
return this._dataItems.length
};
MainDataSource.prototype.getDataCount = function() {
return this._dataItems.length
};
MainDataSource.prototype.getUpdatedCount = function() {
return this._updatedCount
};
MainDataSource.prototype.getAppendedCount = function() {
return this._appendedCount
};
MainDataSource.prototype.getErasedCount = function() {
return this._erasedCount
};
MainDataSource.prototype.getDecimalDigits = function() {
return this._decimalDigits
};
MainDataSource.prototype.calcDecimalDigits = function(a) {
var c = "" + a;
var b = c.indexOf(".");
if (b < 0) {
return 0
}
return (c.length - 1) - b
};
MainDataSource.prototype.getLastDate = function() {
var a = this.getDataCount();
if (a < 1) {
return - 1
}
return this.getDataAt(a - 1).date
};
MainDataSource.prototype.getDataAt = function(a) {
return this._dataItems[a]
};
MainDataSource.prototype.update = function (c) {
this._updatedCount = 0;
this._appendedCount = 0;
this._erasedCount = 0;
var h = this._dataItems.length;
if (h > 0) {
var g = h - 1;
var l = this._dataItems[g];
var j, f, b = c.length;
for (f = 0; f < b; f++) {
j = c[f];
if (j[0] == l.date) {//时间相同不绘点
this.setUpdateMode(DataSource.UpdateMode.DoNothing);
return false;
}
//如果当前时间点小于图现在最新点，则不绘点
if (l.date > j[0]) {
this.setUpdateMode(DataSource.UpdateMode.DoNothing);
return false;
}
//如果点的时间大于当前时间，则不绘点
var timestamp = Date.parse(new Date()); //当前时间戳
if (j[0] > timestamp) {
this.setUpdateMode(DataSource.UpdateMode.DoNothing);
return false;
}
//推送点绘制
this.setUpdateMode(DataSource.UpdateMode.Append);
for (; f < b; f++, this._appendedCount++) {
j = c[f];
this._dataItems.push({
date: j[0],
open: j[1],
high: j[2],
low: j[3],
close: j[4],
volume: j[5]
});
}
return true;
//if (j[0] == l.date) {
// if (l.open == j[1] && l.high == j[2] && l.low == j[3] && l.close == j[4] && l.volume == j[5]) {
// this.setUpdateMode(DataSource.UpdateMode.DoNothing)
// } else {
// this.setUpdateMode(DataSource.UpdateMode.Update);
// this._dataItems[g] = {
// date: j[0],
// open: j[1],
// high: j[2],
// low: j[3],
// close: j[4],
// volume: j[5]
// };
// this._updatedCount++
// }
// f++;
// if (f < b) {
// this.setUpdateMode(DataSource.UpdateMode.Append);
// for (; f < b; f++, this._appendedCount++) {
// j = c[f];
// this._dataItems.push({
// date: j[0],
// open: j[1],
// high: j[2],
// low: j[3],
// close: j[4],
// volume: j[5]
// })
// }
// }
// return true
//}
}
if (b < 1000) {
this.setUpdateMode(DataSource.UpdateMode.DoNothing);
return false
}
}
this.setUpdateMode(DataSource.UpdateMode.Refresh);
this._dataItems = [];
var k, a, j, f, b = c.length;
for (f = 0; f < b; f++) {
j = c[f];
for (a = 1; a <= 4; a++) {
k = this.calcDecimalDigits(j[a]);
if (this._decimalDigits < k) {
this._decimalDigits = k
}
}
//如果点的时间大于当前时间，则不绘点
var timestamp = Date.parse(new Date()); //当前时间戳
if (j[0] > timestamp) {
continue;
}
this._dataItems.push({
date: j[0],
open: j[1],
high: j[2],
low: j[3],
close: j[4],
volume: j[5]
})
}
return true
};
MainDataSource.prototype.select = function(a) {
this.toolManager.selecedObject = a
};
MainDataSource.prototype.unselect = function() {
this.toolManager.selecedObject = -1
};
MainDataSource.prototype.addToolObject = function(a) {
this.toolManager.addToolObject(a)
};
MainDataSource.prototype.delToolObject = function() {
this.toolManager.delCurrentObject()
};
MainDataSource.prototype.getToolObject = function(a) {
return this.toolManager.getToolObject(a)
};
MainDataSource.prototype.getToolObjectCount = function() {
return this.toolManager.toolObjects.length
};
MainDataSource.prototype.getCurrentToolObject = function() {
return this.toolManager.getCurrentObject()
};
MainDataSource.prototype.getSelectToolObjcet = function() {
return this.toolManager.getSelectedObject()
};
MainDataSource.prototype.delSelectToolObject = function() {
this.toolManager.delSelectedObject()
};
var DataProvider = create_class(NamedObject);
DataProvider.prototype.__construct = function(a) {
DataProvider.__super.__construct.call(this, a);
this._minValue = 0;
this._maxValue = 0;
this._minValueIndex = -1;
this._maxValueIndex = -1
};
DataProvider.prototype.getMinValue = function() {
return this._minValue
};
DataProvider.prototype.getMaxValue = function() {
return this._maxValue
};
DataProvider.prototype.getMinValueIndex = function() {
return this._minValueIndex
};
DataProvider.prototype.getMaxValueIndex = function() {
return this._maxValueIndex
};
DataProvider.prototype.calcRange = function(l, h, d, j) {
var e = Number.MAX_VALUE;
var m = -Number.MAX_VALUE;
var k = -1;
var b = -1;
var c = {};
var f = h - 1;
var a = l.length - 1;
for (; a >= 0; a--) {
var g = l[a];
if (f < g) {
d[a] = {
min: e,
max: m
}
} else {
for (; f >= g; f--) {
if (this.getMinMaxAt(f, c) == false) {
continue
}
if (e > c.min) {
e = c.min;
k = f
}
if (m < c.max) {
m = c.max;
b = f
}
}
d[a] = {
min: e,
max: m
}
}
if (j != null) {
j[a] = {
minIndex: k,
maxIndex: b
}
}
}
};
DataProvider.prototype.updateRange = function() {
var e = ChartManager.getInstance();
var c = e.getTimeline(this.getDataSourceName());
var b = [c.getFirstIndex()];
var d = [{}];
var a = [{}];
this.calcRange(b, c.getLastIndex(), d, a);
this._minValue = d[0].min;
this._maxValue = d[0].max;
this._minValueIndex = a[0].minIndex;
this._maxValueIndex = a[0].maxIndex
};
var MainDataProvider = create_class(DataProvider);
MainDataProvider.prototype.__construct = function(a) {
MainDataProvider.__super.__construct.call(this, a);
this._candlestickDS = null
};
MainDataProvider.prototype.updateData = function() {
var b = ChartManager.getInstance();
var a = b.getDataSource(this.getDataSourceName());
if (!is_instance(a, MainDataSource)) {
return
}
this._candlestickDS = a
};
MainDataProvider.prototype.getMinMaxAt = function(a, b) {
var c = this._candlestickDS.getDataAt(a);
b.min = c.low;
b.max = c.high;
return true
};
var IndicatorDataProvider = create_class(DataProvider);
IndicatorDataProvider.prototype.getIndicator = function() {
return this._indicator
};
IndicatorDataProvider.prototype.setIndicator = function(a) {
this._indicator = a;
this.refresh()
};
IndicatorDataProvider.prototype.refresh = function() {
var d = ChartManager.getInstance();
var c = d.getDataSource(this.getDataSourceName());
if (c.getDataCount() < 1) {
return
}
var e = this._indicator;
var a, b = c.getDataCount();
e.clear();
e.reserve(b);
for (a = 0; a < b; a++) {
e.execute(c, a)
}
};
IndicatorDataProvider.prototype.updateData = function() {
var e = ChartManager.getInstance();
var d = e.getDataSource(this.getDataSourceName());
if (d.getDataCount() < 1) {
return
}
var g = this._indicator;
var f = d.getUpdateMode();
switch (f) {
case DataSource.UpdateMode.Refresh:
this.refresh();
break;
case DataSource.UpdateMode.Append:
g.reserve(d.getAppendedCount());
case DataSource.UpdateMode.Update:
var b, c = d.getDataCount();
var a = d.getUpdatedCount() + d.getAppendedCount();
for (b = c - a; b < c; b++) {
g.execute(d, b)
}
break
}
};
IndicatorDataProvider.prototype.getMinMaxAt = function(b, f) {
f.min = Number.MAX_VALUE;
f.max = -Number.MAX_VALUE;
var a, e = false;
var d, c = this._indicator.getOutputCount();
for (d = 0; d < c; d++) {
a = this._indicator.getOutputAt(d).execute(b);
if (isNaN(a) == false) {
e = true;
if (f.min > a) {
f.min = a
}
if (f.max < a) {
f.max = a
}
}
}
return e
};
var theme_color_id = 0;
var theme_font_id = 0;
var Theme = create_class();
Theme.prototype.getColor = function(a) {
return this._colors[a]
};
Theme.prototype.getFont = function(a) {
return this._fonts[a]
};
Theme.Color = {
Positive: theme_color_id++,
Negative: theme_color_id++,
PositiveDark: theme_color_id++,
NegativeDark: theme_color_id++,
Unchanged: theme_color_id++,
Background: theme_color_id++,
Cursor: theme_color_id++,
RangeMark: theme_color_id++,
Indicator0: theme_color_id++,
Indicator1: theme_color_id++,
Indicator2: theme_color_id++,
Indicator3: theme_color_id++,
Indicator4: theme_color_id++,
Indicator5: theme_color_id++,
Grid0: theme_color_id++,
Grid1: theme_color_id++,
Grid2: theme_color_id++,
Grid3: theme_color_id++,
Grid4: theme_color_id++,
TextPositive: theme_color_id++,
TextNegative: theme_color_id++,
Text0: theme_color_id++,
Text1: theme_color_id++,
Text2: theme_color_id++,
Text3: theme_color_id++,
Text4: theme_color_id++,
LineColorNormal: theme_color_id++,
LineColorSelected: theme_color_id++,
CircleColorFill: theme_color_id++,
CircleColorStroke: theme_color_id++
};
Theme.Font = {
Default: theme_font_id++
};
var DarkTheme = create_class(Theme);
//黑色背景
DarkTheme.prototype.__construct = function() {
this._colors = [];
this._colors[Theme.Color.Positive] = "#FF3232";//涨价 红色
this._colors[Theme.Color.Negative] = "#00ba53";//跌价 绿色
this._colors[Theme.Color.PositiveDark] = "#004718";
this._colors[Theme.Color.NegativeDark] = "#3b0e08";
this._colors[Theme.Color.Unchanged] = "#fff";
this._colors[Theme.Color.Background] = "#0a0a0a";
this._colors[Theme.Color.Cursor] = "#aaa";
this._colors[Theme.Color.RangeMark] = "#f9ee30";
this._colors[Theme.Color.Indicator0] = "#ddd";
this._colors[Theme.Color.Indicator1] = "#f9ee30";
this._colors[Theme.Color.Indicator2] = "#f600ff";
this._colors[Theme.Color.Indicator3] = "#6bf";
this._colors[Theme.Color.Indicator4] = "#a5cf81";
this._colors[Theme.Color.Indicator5] = "#e18b89";
this._colors[Theme.Color.Grid0] = "#333";
this._colors[Theme.Color.Grid1] = "#444";
this._colors[Theme.Color.Grid2] = "#666";
this._colors[Theme.Color.Grid3] = "#888";
this._colors[Theme.Color.Grid4] = "#aaa";
this._colors[Theme.Color.TextPositive] = "#1bd357";
this._colors[Theme.Color.TextNegative] = "#ff6f5e";
this._colors[Theme.Color.Text0] = "#444";
this._colors[Theme.Color.Text1] = "#666";
this._colors[Theme.Color.Text2] = "#888";
this._colors[Theme.Color.Text3] = "#aaa";
this._colors[Theme.Color.Text4] = "#ccc";
this._colors[Theme.Color.LineColorNormal] = "#a6a6a6";
this._colors[Theme.Color.LineColorSelected] = "#ffffff";
this._colors[Theme.Color.CircleColorFill] = "#000000";
this._colors[Theme.Color.CircleColorStroke] = "#ffffff";
this._fonts = [];
this._fonts[Theme.Font.Default] = "12px Tahoma"
};
var LightTheme = create_class(Theme);
//白色背景
LightTheme.prototype.__construct = function() {
this._colors = [];
this._colors[Theme.Color.Positive] = "#db5542";//红色，涨价
this._colors[Theme.Color.Negative] = "#53b37b";//绿色，跌价
this._colors[Theme.Color.PositiveDark] = "#66d293";
this._colors[Theme.Color.NegativeDark] = "#ffadaa";
this._colors[Theme.Color.Unchanged] = "#fff";
this._colors[Theme.Color.Background] = "#fff";
this._colors[Theme.Color.Cursor] = "#aaa";
this._colors[Theme.Color.RangeMark] = "#f27935";
this._colors[Theme.Color.Indicator0] = "#2fd2b2";
this._colors[Theme.Color.Indicator1] = "#ffb400";
this._colors[Theme.Color.Indicator2] = "#e849b9";
this._colors[Theme.Color.Indicator3] = "#1478c8";
this._colors[Theme.Color.Grid0] = "#eee";
this._colors[Theme.Color.Grid1] = "#afb1b3";
this._colors[Theme.Color.Grid2] = "#ccc";
this._colors[Theme.Color.Grid3] = "#bbb";
this._colors[Theme.Color.Grid4] = "#aaa";
this._colors[Theme.Color.TextPositive] = "#53b37b";
this._colors[Theme.Color.TextNegative] = "#db5542";
this._colors[Theme.Color.Text0] = "#ccc";
this._colors[Theme.Color.Text1] = "#aaa";
this._colors[Theme.Color.Text2] = "#888";
this._colors[Theme.Color.Text3] = "#666";
this._colors[Theme.Color.Text4] = "#444";
this._colors[Theme.Color.LineColorNormal] = "#8c8c8c";
this._colors[Theme.Color.LineColorSelected] = "#393c40";
this._colors[Theme.Color.CircleColorFill] = "#ffffff";
this._colors[Theme.Color.CircleColorStroke] = "#393c40";
this._fonts = [];
this._fonts[Theme.Font.Default] = "12px Tahoma"
};
var TemplateMeasuringHandler = create_class();
TemplateMeasuringHandler.onMeasuring = function(c, b) {
var d = b.Width;
var a = b.Height;
var e = c.getNameObject().getCompAt(2);
if (e == "timeline") {
c.setMeasuredDimension(d, 22)
}
};
var Template = create_class();
Template.displayVolume = true;
Template.createCandlestickDataSource = function(a) {
return new MainDataSource(a)
};
Template.createLiveOrderDataSource = function(a) {
return new CLiveOrderDataSource(a)
};
Template.createLiveTradeDataSource = function(a) {
return new CLiveTradeDataSource(a)
};
Template.createDataSource = function(d, a, c) {
var b = ChartManager.getInstance();
if (b.getCachedDataSource(a) == null) {
b.setCachedDataSource(a, c(a))
}
b.setCurrentDataSource(d, a);
b.updateData(d, null)
};
Template.createTableComps = function(a) {
Template.createMainChartComps(a);
if (Template.displayVolume) {
Template.createIndicatorChartComps(a, "VOLUME")
}
Template.createTimelineComps(a)
};
Template.createMainChartComps = function(c) {
var j = ChartManager.getInstance();
var b = j.getArea(c + ".charts");
var g = c + ".main";
var h = g + "Range";
var d = new MainArea(g);
j.setArea(g, d);
b.addArea(d);
var i = new MainRangeArea(h);
j.setArea(h, i);
b.addArea(i);
var e = new MainDataProvider(g + ".main");
j.setDataProvider(e.getName(), e);
j.setMainIndicator(c, "MA");
var f = new MainRange(g);
j.setRange(f.getName(), f);
f.setPaddingTop(28);
f.setPaddingBottom(12);
var a = new MainAreaBackgroundPlotter(g + ".background");
j.setPlotter(a.getName(), a);
a = new CGridPlotter(g + ".grid");
j.setPlotter(a.getName(), a);
a = new CandlestickPlotter(g + ".main");
j.setPlotter(a.getName(), a);
a = new MinMaxPlotter(g + ".decoration");
j.setPlotter(a.getName(), a);
a = new MainInfoPlotter(g + ".info");
j.setPlotter(a.getName(), a);
a = new SelectionPlotter(g + ".selection");
j.setPlotter(a.getName(), a);
a = new CDynamicLinePlotter(g + ".tool");
j.setPlotter(a.getName(), a);
a = new RangeAreaBackgroundPlotter(g + "Range.background");
j.setPlotter(a.getName(), a);
a = new COrderGraphPlotter(g + "Range.grid");
j.setPlotter(a.getName(), a);
a = new RangePlotter(g + "Range.main");
j.setPlotter(a.getName(), a);
a = new RangeSelectionPlotter(g + "Range.selection");
j.setPlotter(a.getName(), a);
a = new LastClosePlotter(g + "Range.decoration");
j.setPlotter(a.getName(), a)
};
Template.createIndicatorChartComps = function(d, p) {
var o = ChartManager.getInstance();
var c = o.getArea(d + ".charts");
var h = d + ".indic" + c.getNextRowId();
var n = h + "Range";
var e = new IndicatorArea(h);
o.setArea(h, e);
c.addArea(e);
var k = c.getAreaCount() >> 1;
var j = ChartSettings.get().charts.areaHeight;
if (j.length > k) {
var l, g;
for (g = 0; g < k; g++) {
l = c.getAreaAt(g << 1);
l.setTop(0);
l.setBottom(j[g])
}
e.setTop(0);
e.setBottom(j[k])
}
var m = new IndicatorRangeArea(n);
o.setArea(n, m);
c.addArea(m);
var f = new IndicatorDataProvider(h + ".secondary");
o.setDataProvider(f.getName(), f);
if (o.setIndicator(h, p) == false) {
o.removeIndicator(h);
return
}
var b = new MainAreaBackgroundPlotter(h + ".background");
o.setPlotter(b.getName(), b);
b = new CGridPlotter(h + ".grid");
o.setPlotter(b.getName(), b);
b = new IndicatorPlotter(h + ".secondary");
o.setPlotter(b.getName(), b);
b = new IndicatorInfoPlotter(h + ".info");
o.setPlotter(b.getName(), b);
b = new SelectionPlotter(h + ".selection");
o.setPlotter(b.getName(), b);
b = new RangeAreaBackgroundPlotter(h + "Range.background");
o.setPlotter(b.getName(), b);
b = new RangePlotter(h + "Range.main");
o.setPlotter(b.getName(), b);
b = new RangeSelectionPlotter(h + "Range.selection");
o.setPlotter(b.getName(), b)
};
Template.createTimelineComps = function(d) {
var b = ChartManager.getInstance();
var c;
var a = new Timeline(d);
b.setTimeline(a.getName(), a);
c = new TimelineAreaBackgroundPlotter(d + ".timeline.background");
b.setPlotter(c.getName(), c);
c = new TimelinePlotter(d + ".timeline.main");
b.setPlotter(c.getName(), c);
c = new TimelineSelectionPlotter(d + ".timeline.selection");
b.setPlotter(c.getName(), c)
};
Template.createLiveOrderComps = function(c) {
var a = ChartManager.getInstance();
var b;
b = new BackgroundPlotter(c + ".main.background");
a.setPlotter(b.getName(), b);
b = new CLiveOrderPlotter(c + ".main.main");
a.setPlotter(b.getName(), b)
};
Template.createLiveTradeComps = function(c) {
var a = ChartManager.getInstance();
var b;
b = new BackgroundPlotter(c + ".main.background");
a.setPlotter(b.getName(), b);
b = new CLiveTradePlotter(c + ".main.main");
a.setPlotter(b.getName(), b)
};
var DefaultTemplate = create_class(Template);
DefaultTemplate.loadTemplate = function(g, b) {
var e = ChartManager.getInstance();
var c = ChartSettings.get();
var a = (new CName(g)).getCompAt(0);
e.unloadTemplate(a);
Template.createDataSource(g, b, Template.createCandlestickDataSource);
var f = new DockableLayout(a);
e.setFrame(f.getName(), f);
e.setArea(f.getName(), f);
f.setGridColor(Theme.Color.Grid1);
var d = new TimelineArea(g + ".timeline");
e.setArea(d.getName(), d);
f.addArea(d);
d.setDockStyle(ChartArea.DockStyle.Bottom);
d.Measuring.addHandler(d, TemplateMeasuringHandler.onMeasuring);
var h = new TableLayout(g + ".charts");
e.setArea(h.getName(), h);
h.setDockStyle(ChartArea.DockStyle.Fill);
f.addArea(h);
Template.createTableComps(g);
e.setThemeName(a, c.theme);
return e
};
var Plotter = create_class(NamedObject);
Plotter.prototype.__construct = function(a) {
Plotter.__super.__construct.call(this, a)
};
Plotter.isChrome = (navigator.userAgent.toLowerCase().match(/chrome/) != null);
Plotter.drawLine = function(d, b, e, a, c) {
d.beginPath();
d.moveTo((b << 0) + 0.5, (e << 0) + 0.5);
d.lineTo((a << 0) + 0.5, (c << 0) + 0.5);
d.stroke()
};
Plotter.drawLines = function(c, d) {
var b, a = d.length;
c.beginPath();
c.moveTo(d[0].x, d[0].y);
for (b = 1; b < a; b++) {
c.lineTo(d[b].x, d[b].y)
}
if (Plotter.isChrome) {
c.moveTo(d[0].x, d[0].y);
for (b = 1; b < a; b++) {
c.lineTo(d[b].x, d[b].y)
}
}
c.stroke()
};
Plotter.drawDashedLine = function(b, c, l, a, k, g, j) {
if (g < 2) {
g = 2
}
var e = a - c;
var d = k - l;
b.beginPath();
if (d == 0) {
var h = (e / g + 0.5) << 0;
for (var f = 0; f < h; f++) {
b.rect(c, l, j, 1);
c += g
}
b.fill()
} else {
var h = (Math.sqrt(e * e + d * d) / g + 0.5) << 0;
e = e / h;
d = d / h;
var n = e * j / g;
var m = d * j / g;
for (var f = 0; f < h; f++) {
b.moveTo(c + 0.5, l + 0.5);
b.lineTo(c + 0.5 + n, l + 0.5 + m);
c += e;
l += d
}
b.stroke()
}
};
Plotter.createHorzDashedLine = function(b, c, a, j, f, h) {
if (f < 2) {
f = 2
}
var d = a - c;
var g = (d / f + 0.5) << 0;
for (var e = 0; e < g; e++) {
b.rect(c, j, h, 1);
c += f
}
};
Plotter.createRectangles = function(d, a) {
d.beginPath();
var f, c, b = a.length;
for (c = 0; c < b; c++) {
f = a[c];
d.rect(f.x, f.y, f.w, f.h)
}
};
Plotter.createPolygon = function(c, d) {
c.beginPath();
c.moveTo(d[0].x + 0.5, d[0].y + 0.5);
var b, a = d.length;
for (b = 1; b < a; b++) {
c.lineTo(d[b].x + 0.5, d[b].y + 0.5)
}
c.closePath()
};
Plotter.drawString = function(b, d, c) {
var a = b.measureText(d).width;
if (c.w < a) {
return false
}
b.fillText(d, c.x, c.y);
c.x += a;
c.w -= a;
return true
};
var BackgroundPlotter = create_class(Plotter);
BackgroundPlotter.prototype.__construct = function(a) {
BackgroundPlotter.__super.__construct.call(this, a);
this._color = Theme.Color.Background
};
BackgroundPlotter.prototype.getColor = function() {
return this._color
};
BackgroundPlotter.prototype.setColor = function(a) {
this._color = a
};
BackgroundPlotter.prototype.Draw = function(a) {
var c = ChartManager.getInstance();
var b = c.getArea(this.getAreaName());
var d = c.getTheme(this.getFrameName());
a.fillStyle = d.getColor(this._color);
a.fillRect(b.getLeft(), b.getTop(), b.getWidth(), b.getHeight())
};
var MainAreaBackgroundPlotter = create_class(BackgroundPlotter);
MainAreaBackgroundPlotter.prototype.__construct = function(a) {
MainAreaBackgroundPlotter.__super.__construct.call(this, a)
};
MainAreaBackgroundPlotter.prototype.Draw = function(c) {
var i = ChartManager.getInstance();
var b = i.getArea(this.getAreaName());
var j = i.getTimeline(this.getDataSourceName());
var f = i.getRange(this.getAreaName());
var d = i.getTheme(this.getFrameName());
var g = b.getRect();
if (!b.isChanged() && !j.isUpdated() && !f.isUpdated()) {
var e = j.getFirstIndex();
var h = j.getLastIndex() - 2;
var a = Math.max(e, h);
g.X = j.toColumnLeft(a);
g.Width = b.getRight() - g.X
}
c.fillStyle = d.getColor(this._color);
c.fillRect(g.X, g.Y, g.Width, g.Height)
};
var RangeAreaBackgroundPlotter = create_class(BackgroundPlotter);
RangeAreaBackgroundPlotter.prototype.__construct = function(a) {
RangeAreaBackgroundPlotter.__super.__construct.call(this, a)
};
RangeAreaBackgroundPlotter.prototype.Draw = function(c) {
var e = ChartManager.getInstance();
var g = this.getAreaName();
var d = e.getArea(g);
var b = e.getRange(g.substring(0, g.lastIndexOf("Range")));
var a = b.getNameObject().getCompAt(2) == "main";
if (a) {} else {
if (!d.isChanged() && !b.isUpdated()) {
return
}
}
var f = e.getTheme(this.getFrameName());
c.fillStyle = f.getColor(this._color);
c.fillRect(d.getLeft(), d.getTop(), d.getWidth(), d.getHeight())
};
var TimelineAreaBackgroundPlotter = create_class(BackgroundPlotter);
TimelineAreaBackgroundPlotter.prototype.__construct = function(a) {
TimelineAreaBackgroundPlotter.__super.__construct.call(this, a)
};
TimelineAreaBackgroundPlotter.prototype.Draw = function(a) {
var d = ChartManager.getInstance();
var c = d.getArea(this.getAreaName());
var b = d.getTimeline(this.getDataSourceName());
if (!c.isChanged() && !b.isUpdated()) {
return
}
var e = d.getTheme(this.getFrameName());
a.fillStyle = e.getColor(this._color);
a.fillRect(c.getLeft(), c.getTop(), c.getWidth(), c.getHeight())
};
var CGridPlotter = create_class(NamedObject);
CGridPlotter.prototype.__construct = function(a) {
CGridPlotter.__super.__construct.call(this, a)
};
CGridPlotter.prototype.Draw = function(c) {
var o = ChartManager.getInstance();
var b = o.getArea(this.getAreaName());
var p = o.getTimeline(this.getDataSourceName());
var j = o.getRange(this.getAreaName());
var f = false;
if (!b.isChanged() && !p.isUpdated() && !j.isUpdated()) {
var i = p.getFirstIndex();
var m = p.getLastIndex();
var a = Math.max(i, m - 2);
var e = p.toColumnLeft(a);
c.save();
c.rect(e, b.getTop(), b.getRight() - e, b.getHeight());
c.clip();
f = true
}
var h = o.getTheme(this.getFrameName());
c.fillStyle = h.getColor(Theme.Color.Grid0);
c.beginPath();
var g = 4,
k = 1;
if (Plotter.isChrome) {
g = 4;
k = 1
}
var l = j.getGradations();
for (var d in l) {
Plotter.createHorzDashedLine(c, b.getLeft(), b.getRight(), j.toY(l[d]), g, k)
}
c.fill();
if (f) {
c.restore()
}
};
var CandlestickPlotter = create_class(NamedObject);
CandlestickPlotter.prototype.__construct = function(a) {
CandlestickPlotter.__super.__construct.call(this, a)
};
CandlestickPlotter.prototype.Draw = function(c) {
var A = ChartManager.getInstance();
var s = A.getDataSource(this.getDataSourceName());
if (s.getDataCount() < 1) {
return
}
var u = A.getArea(this.getAreaName());
var h = A.getTimeline(this.getDataSourceName());
var p = A.getRange(this.getAreaName());
if (p.getRange() == 0) {
return
}
var y = A.getTheme(this.getFrameName());
var a = is_instance(y, DarkTheme);
var j = h.getFirstIndex();
var n = h.getLastIndex();
var g;
if (u.isChanged() || h.isUpdated() || p.isUpdated()) {
g = j
} else {
g = Math.max(j, n - 2)
}
var v = h.getColumnWidth();
var x = h.getItemWidth();
var e = h.toItemLeft(g);
var z = h.toItemCenter(g);
var w = [];
var f = [];
var b = [];
var l = [];
for (var t = g; t < n; t++) {
var B = s.getDataAt(t);
var m = p.toY(B.high);
var C = p.toY(B.low);
var o = B.open;
var r = B.close;
if (r > o) {
var q = p.toY(r);
var k = p.toY(o);
var d = Math.max(k - q, 1);
if (d > 1 && x > 1 && a) {
w.push({
x: e + 0.5,
y: q + 0.5,
w: x - 1,
h: d - 1
})
} else {
f.push({
x: e,
y: q,
w: Math.max(x, 1),
h: Math.max(d, 1)
})
}
if (B.high > r) {
m = Math.min(m, q - 1);
f.push({
x: z,
y: m,
w: 1,
h: q - m
})
}
if (o > B.low) {
C = Math.max(C, k + 1);
f.push({
x: z,
y: k,
w: 1,
h: C - k
})
}
} else {
if (r == o) {
var q = p.toY(r);
b.push({
x: e,
y: q,
w: Math.max(x, 1),
h: 1
});
if (B.high > r) {
m = Math.min(m, q - 1)
}
if (o > B.low) {
C = Math.max(C, q + 1)
}
if (m < C) {
b.push({
x: z,
y: m,
w: 1,
h: C - m
})
}
} else {
var q = p.toY(o);
var k = p.toY(r);
var d = Math.max(k - q, 1);
l.push({
x: e,
y: q,
w: Math.max(x, 1),
h: Math.max(d, 1)
});
if (B.high > o) {
m = Math.min(m, q - 1)
}
if (r > B.low) {
C = Math.max(C, k + 1)
}
if (m < C) {
l.push({
x: z,
y: m,
w: 1,
h: C - m
})
}
}
}
e += v;
z += v
}
if (w.length > 0) {
c.strokeStyle = y.getColor(Theme.Color.Positive);
Plotter.createRectangles(c, w);
c.stroke()
}
if (f.length > 0) {
c.fillStyle = y.getColor(Theme.Color.Positive);
Plotter.createRectangles(c, f);
c.fill()
}
if (b.length > 0) {
c.fillStyle = y.getColor(Theme.Color.Negative);
Plotter.createRectangles(c, b);
c.fill()
}
if (l.length > 0) {
c.fillStyle = y.getColor(Theme.Color.Negative);
Plotter.createRectangles(c, l);
c.fill()
}
};
var CandlestickHLCPlotter = create_class(Plotter);
CandlestickHLCPlotter.prototype.__construct = function(a) {
CandlestickHLCPlotter.__super.__construct.call(this, a)
};
CandlestickHLCPlotter.prototype.Draw = function(c) {
var A = ChartManager.getInstance();
var s = A.getDataSource(this.getDataSourceName());
if (!is_instance(s, MainDataSource) || s.getDataCount() < 1) {
return
}
var u = A.getArea(this.getAreaName());
var h = A.getTimeline(this.getDataSourceName());
var p = A.getRange(this.getAreaName());
if (p.getRange() == 0) {
return
}
var y = A.getTheme(this.getFrameName());
var a = is_instance(y, DarkTheme);
var j = h.getFirstIndex();
var n = h.getLastIndex();
var g;
if (u.isChanged() || h.isUpdated() || p.isUpdated()) {
g = j
} else {
g = Math.max(j, n - 2)
}
var v = h.getColumnWidth();
var x = h.getItemWidth();
var e = h.toItemLeft(g);
var z = h.toItemCenter(g);
var w = [];
var f = [];
var b = [];
var l = [];
for (var t = g; t < n; t++) {
var B = s.getDataAt(t);
var m = p.toY(B.high);
var C = p.toY(B.low);
var o = B.open;
if (t > 0) {
o = s.getDataAt(t - 1).close
}
var r = B.close;
if (r > o) {
var q = p.toY(r);
var k = p.toY(o);
var d = Math.max(k - q, 1);
if (d > 1 && x > 1 && a) {
w.push({
x: e + 0.5,
y: q + 0.5,
w: x - 1,
h: d - 1
})
} else {
f.push({
x: e,
y: q,
w: Math.max(x, 1),
h: Math.max(d, 1)
})
}
if (B.high > r) {
m = Math.min(m, q - 1);
f.push({
x: z,
y: m,
w: 1,
h: q - m
})
}
if (o > B.low) {
C = Math.max(C, k + 1);
f.push({
x: z,
y: k,
w: 1,
h: C - k
})
}
} else {
if (r == o) {
var q = p.toY(r);
b.push({
x: e,
y: q,
w: Math.max(x, 1),
h: 1
});
if (B.high > r) {
m = Math.min(m, q - 1)
}
if (o > B.low) {
C = Math.max(C, q + 1)
}
if (m < C) {
b.push({
x: z,
y: m,
w: 1,
h: C - m
})
}
} else {
var q = p.toY(o);
var k = p.toY(r);
var d = Math.max(k - q, 1);
l.push({
x: e,
y: q,
w: Math.max(x, 1),
h: Math.max(d, 1)
});
if (B.high > o) {
m = Math.min(m, q - 1)
}
if (r > B.low) {
C = Math.max(C, k + 1)
}
if (m < C) {
l.push({
x: z,
y: m,
w: 1,
h: C - m
})
}
}
}
e += v;
z += v
}
if (w.length > 0) {
c.fillStyle = y.getColor(Theme.Color.Positive);
Plotter.createRectangles(c, w);
c.fill();//实心柱
}
if (f.length > 0) {
c.strokeStyle = y.getColor(Theme.Color.Positive);
Plotter.createRectangles(c, f);
c.stroke();//空心柱
}
if (b.length > 0) {
c.fillStyle = y.getColor(Theme.Color.Negative);
Plotter.createRectangles(c, b);
c.fill();//实心柱
}
if (l.length > 0) {
c.fillStyle = y.getColor(Theme.Color.Negative);
Plotter.createRectangles(c, l);
c.fill();//实心柱
}
};
var OHLCPlotter = create_class(Plotter);
OHLCPlotter.prototype.__construct = function(a) {
OHLCPlotter.__super.__construct.call(this, a)
};
OHLCPlotter.prototype.Draw = function(b) {
var z = ChartManager.getInstance();
var q = z.getDataSource(this.getDataSourceName());
if (!is_instance(q, MainDataSource) || q.getDataCount() < 1) {
return
}
var s = z.getArea(this.getAreaName());
var g = z.getTimeline(this.getDataSourceName());
var o = z.getRange(this.getAreaName());
if (o.getRange() == 0) {
return
}
var w = z.getTheme(this.getFrameName());
var h = g.getFirstIndex();
var n = g.getLastIndex();
var f;
if (s.isChanged() || g.isUpdated() || o.isUpdated()) {
f = h
} else {
f = Math.max(h, n - 2)
}
var t = g.getColumnWidth();
var v = g.getItemWidth() >> 1;
var d = g.toItemLeft(f);
var x = g.toItemCenter(f);
var u = d + g.getItemWidth();
var e = [];
var a = [];
var k = [];
for (var r = f; r < n; r++) {
var A = q.getDataAt(r);
var m = o.toY(A.high);
var B = o.toY(A.low);
var c = Math.max(B - m, 1);
if (A.close > A.open) {
var p = o.toY(A.close);
var j = o.toY(A.open);
e.push({
x: x,
y: m,
w: 1,
h: c
});
e.push({
x: d,
y: p,
w: v,
h: 1
});
e.push({
x: x,
y: j,
w: v,
h: 1
})
} else {
if (A.close == A.open) {
var l = o.toY(A.close);
a.push({
x: x,
y: m,
w: 1,
h: c
});
a.push({
x: d,
y: l,
w: v,
h: 1
});
a.push({
x: x,
y: l,
w: v,
h: 1
})
} else {
var p = o.toY(A.open);
var j = o.toY(A.close);
k.push({
x: x,
y: m,
w: 1,
h: c
});
k.push({
x: d,
y: p,
w: v,
h: 1
});
k.push({
x: x,
y: j,
w: v,
h: 1
})
}
}
d += t;
x += t;
u += t
}
if (e.length > 0) {
b.fillStyle = w.getColor(Theme.Color.Positive);
Plotter.createRectangles(b, e);
b.fill()
}
if (a.length > 0) {
b.fillStyle = w.getColor(Theme.Color.Negative);
Plotter.createRectangles(b, a);
b.fill()
}
if (k.length > 0) {
b.fillStyle = w.getColor(Theme.Color.Negative);
Plotter.createRectangles(b, k);
b.fill()
}
};
var MainInfoPlotter = create_class(Plotter);
MainInfoPlotter.prototype.__construct = function(a) {
MainInfoPlotter.__super.__construct.call(this, a)
};
function format_time(a) {
return (a < 10) ? "0" + a.toString() : a.toString()
}
MainInfoPlotter.prototype.Draw = function(c) {
var B = ChartManager.getInstance();
var w = B.getArea(this.getAreaName());
var e = B.getTimeline(this.getDataSourceName());
var m = B.getDataSource(this.getDataSourceName());
var y = B.getTheme(this.getFrameName());
c.font = y.getFont(Theme.Font.Default);
c.textAlign = "left";
c.textBaseline = "top";
c.fillStyle = y.getColor(Theme.Color.Text4);
var a = {
x: w.getLeft() + 4,
y: w.getTop() + 2,
w: w.getWidth() - 8,
h: 20
};
var s = e.getSelectedIndex();
if (s < 0) {
return
}
var C = m.getDataAt(s);
var i = m.getDecimalDigits();
var g = new Date(C.date);
var k = g.getFullYear();
var A = format_time(g.getMonth() + 1);
var z = format_time(g.getDate());
var f = format_time(g.getHours());
var l = format_time(g.getMinutes());
var D = B.getLanguage();
if (D == "zh-cn") {
if (!Plotter.drawString(c, "时间: " + k + "-" + A + "-" + z + " " + f + ":" + l, a)) {
return
}
if (!Plotter.drawString(c, " 开: " + C.open.toFixed(i), a)) {
return
}
if (!Plotter.drawString(c, " 高: " + C.high.toFixed(i), a)) {
return
}
if (!Plotter.drawString(c, " 低: " + C.low.toFixed(i), a)) {
return
}
if (!Plotter.drawString(c, " 收: " + C.close.toFixed(i), a)) {
return
}
} else {
if (D == "en-us") {
if (!Plotter.drawString(c, "DATE: " + k + "-" + A + "-" + z + " " + f + ":" + l, a)) {
return
}
if (!Plotter.drawString(c, " O: " + C.open.toFixed(i), a)) {
return
}
if (!Plotter.drawString(c, " H: " + C.high.toFixed(i), a)) {
return
}
if (!Plotter.drawString(c, " L: " + C.low.toFixed(i), a)) {
return
}
if (!Plotter.drawString(c, " C: " + C.close.toFixed(i), a)) {
return
}
} else {
if (D == "zh-tw") {
if (!Plotter.drawString(c, "時間: " + k + "-" + A + "-" + z + " " + f + ":" + l, a)) {
return
}
if (!Plotter.drawString(c, " 開: " + C.open.toFixed(i), a)) {
return
}
if (!Plotter.drawString(c, " 高: " + C.high.toFixed(i), a)) {
return
}
if (!Plotter.drawString(c, " 低: " + C.low.toFixed(i), a)) {
return
}
if (!Plotter.drawString(c, " 收: " + C.close.toFixed(i), a)) {
return
}
}
}
}
if (s > 0) {
if (D == "zh-cn") {
if (!Plotter.drawString(c, " 涨幅: ", a)) {
return
}
} else {
if (D == "en-us") {
if (!Plotter.drawString(c, " CHANGE: ", a)) {
return
}
} else {
if (D == "zh-tw") {
if (!Plotter.drawString(c, " 漲幅: ", a)) {
return
}
}
}
}
var o = m.getDataAt(s - 1);
var h = (C.close - o.close) / o.close * 100;
if (h >= 0) {
h = " " + h.toFixed(2);
c.fillStyle = y.getColor(Theme.Color.TextPositive)
} else {
h = h.toFixed(2);
c.fillStyle = y.getColor(Theme.Color.TextNegative)
}
if (!Plotter.drawString(c, h, a)) {
return
}
c.fillStyle = y.getColor(Theme.Color.Text4);
if (!Plotter.drawString(c, " %", a)) {
return
}
}
var d = (C.high - C.low) / C.low * 100;
if (D == "zh-cn") {
if (!Plotter.drawString(c, " 振幅: " + d.toFixed(2) + " %", a)) {
return
}
if (!Plotter.drawString(c, " 量: " + C.volume.toFixed(2), a)) {
return
}
} else {
if (D == "en-us") {
if (!Plotter.drawString(c, " AMPLITUDE: " + d.toFixed(2) + " %", a)) {
return
}
if (!Plotter.drawString(c, " V: " + C.volume.toFixed(2), a)) {
return
}
} else {
if (D == "zh-tw") {
if (!Plotter.drawString(c, " 振幅: " + d.toFixed(2) + " %", a)) {
return
}
if (!Plotter.drawString(c, " 量: " + C.volume.toFixed(2), a)) {
return
}
}
}
}
var q = B.getDataProvider(this.getAreaName() + ".secondary");
if (q == undefined) {
return
}
var b = q.getIndicator();
var p, t = b.getOutputCount();
for (p = 0; p < t; p++) {
var u = b.getOutputAt(p);
var j = u.execute(s);
if (isNaN(j)) {
continue
}
var x = " " + u.getName() + ": " + j.toFixed(i);
var r = u.getColor();
if (r === undefined) {
r = Theme.Color.Indicator0 + p
}
c.fillStyle = y.getColor(r);
if (!Plotter.drawString(c, x, a)) {
return
}
}
};
var IndicatorPlotter = create_class(NamedObject);
IndicatorPlotter.prototype.__construct = function(a) {
IndicatorPlotter.__super.__construct.call(this, a)
};
IndicatorPlotter.prototype.Draw = function(a) {
var A = ChartManager.getInstance();
var u = A.getArea(this.getAreaName());
var e = A.getTimeline(this.getDataSourceName());
var k = A.getRange(this.getAreaName());
if (k.getRange() == 0) {
return
}
var l = A.getDataProvider(this.getName());
if (!is_instance(l, IndicatorDataProvider)) {
return
}
var y = A.getTheme(this.getFrameName());
var w = e.getColumnWidth();
var f = e.getFirstIndex();
var g = e.getLastIndex();
var d;
if (u.isChanged() || e.isUpdated() || k.isUpdated()) {
d = f
} else {
d = Math.max(f, g - 2)
}
var b = l.getIndicator();
var s, m, o = b.getOutputCount();
for (m = 0; m < o; m++) {
s = b.getOutputAt(m);
var t = s.getStyle();
if (t == OutputStyle.VolumeStick) {
this.drawVolumeStick(a, y, A.getDataSource(this.getDataSourceName()), d, g, e.toItemLeft(d), w, e.getItemWidth(), k)
} else {
if (t == OutputStyle.MACDStick) {
this.drawMACDStick(a, y, s, d, g, e.toItemLeft(d), w, e.getItemWidth(), k)
} else {
if (t == OutputStyle.SARPoint) {
this.drawSARPoint(a, y, s, d, g, e.toItemCenter(d), w, e.getItemWidth(), k)
}
}
}
}
var c = e.toColumnLeft(d);
var z = e.toItemCenter(d);
a.save();
a.rect(c, u.getTop(), u.getRight() - c, u.getHeight());
a.clip();
a.translate(0.5, 0.5);
for (m = 0; m < o; m++) {
var h = z;
s = b.getOutputAt(m);
if (s.getStyle() == OutputStyle.Line) {
var j, r = [];
if (d > f) {
j = s.execute(d - 1);
if (isNaN(j) == false) {
r.push({
x: h - w,
y: k.toY(j)
})
}
}
for (var q = d; q < g; q++, h += w) {
j = s.execute(q);
if (isNaN(j) == false) {
r.push({
x: h,
y: k.toY(j)
})
}
}
if (r.length > 0) {
var p = s.getColor();
if (p == undefined) {
p = Theme.Color.Indicator0 + m
}
a.strokeStyle = y.getColor(p);
Plotter.drawLines(a, r)
}
}
}
a.restore()
};
IndicatorPlotter.prototype.drawVolumeStick = function(b, s, m, f, j, o, p, r, k) {
var a = is_instance(s, DarkTheme);
var d = o;
var h = k.toY(0);
var q = [];
var e = [];
var g = [];
for (var n = f; n < j; n++) {
var t = m.getDataAt(n);
var l = k.toY(t.volume);
var c = k.toHeight(t.volume);
if (t.close > t.open) {
if (c > 1 && r > 1 && a) {
q.push({
x: d + 0.5,
y: l + 0.5,
w: r - 1,
h: c - 1
})
} else {
e.push({
x: d,
y: l,
w: Math.max(r, 1),
h: Math.max(c, 1)
})
}
} else {
if (t.close == t.open) {
if (n > 0 && t.close >= m.getDataAt(n - 1).close) {
if (c > 1 && r > 1 && a) {
q.push({
x: d + 0.5,
y: l + 0.5,
w: r - 1,
h: c - 1
})
} else {
e.push({
x: d,
y: l,
w: Math.max(r, 1),
h: Math.max(c, 1)
})
}
} else {
g.push({
x: d,
y: l,
w: Math.max(r, 1),
h: Math.max(c, 1)
})
}
} else {
g.push({
x: d,
y: l,
w: Math.max(r, 1),
h: Math.max(c, 1)
})
}
}
d += p
}
if (q.length > 0) {
b.strokeStyle = s.getColor(Theme.Color.Positive);
Plotter.createRectangles(b, q);
b.stroke()
}
if (e.length > 0) {
b.fillStyle = s.getColor(Theme.Color.Positive);
Plotter.createRectangles(b, e);
b.fill()
}
if (g.length > 0) {
b.fillStyle = s.getColor(Theme.Color.Negative);
Plotter.createRectangles(b, g);
b.fill()
}
};
IndicatorPlotter.prototype.drawMACDStick = function(a, r, g, e, h, n, o, q, k) {
var c = n;
var s = k.toY(0);
var p = [];
var t = [];
var d = [];
var f = [];
var j = (e > 0) ? g.execute(e - 1) : NaN;
for (var l = e; l < h; l++) {
var m = g.execute(l);
if (m >= 0) {
var b = k.toHeight(m);
if ((l == 0 || m >= j) && b > 1 && q > 1) {
p.push({
x: c + 0.5,
y: s - b + 0.5,
w: q - 1,
h: b - 1
})
} else {
d.push({
x: c,
y: s - b,
w: Math.max(q, 1),
h: Math.max(b, 1)
})
}
} else {
var b = k.toHeight( - m);
if ((l == 0 || m >= j) && b > 1 && q > 1) {
t.push({
x: c + 0.5,
y: s + 0.5,
w: q - 1,
h: b - 1
})
} else {
f.push({
x: c,
y: s,
w: Math.max(q, 1),
h: Math.max(b, 1)
})
}
}
j = m;
c += o
}
if (p.length > 0) {
a.strokeStyle = r.getColor(Theme.Color.Positive);
Plotter.createRectangles(a, p);
a.stroke()
}
if (t.length > 0) {
a.strokeStyle = r.getColor(Theme.Color.Negative);
Plotter.createRectangles(a, t);
a.stroke()
}
if (d.length > 0) {
a.fillStyle = r.getColor(Theme.Color.Positive);
Plotter.createRectangles(a, d);
a.fill()
}
if (f.length > 0) {
a.fillStyle = r.getColor(Theme.Color.Negative);
Plotter.createRectangles(a, f);
a.fill()
}
};
IndicatorPlotter.prototype.drawSARPoint = function(c, g, e, j, p, k, n, l, h) {
var b = l >> 1;
if (b < 0.5) {
b = 0.5
}
if (b > 4) {
b = 4
}
var a = k;
var o = a + b;
var d = 2 * Math.PI;
c.save();
c.translate(0.5, 0.5);
c.strokeStyle = g.getColor(Theme.Color.Indicator3);
c.beginPath();
for (var f = j; f < p; f++) {
var m = h.toY(e.execute(f));
c.moveTo(o, m);
c.arc(a, m, b, 0, d);
a += n;
o += n
}
c.stroke();
c.restore()
};
var IndicatorInfoPlotter = create_class(Plotter);
IndicatorInfoPlotter.prototype.__construct = function(a) {
IndicatorInfoPlotter.__super.__construct.call(this, a)
};
IndicatorInfoPlotter.prototype.Draw = function(c) {
var p = ChartManager.getInstance();
var b = p.getArea(this.getAreaName());
var q = p.getTimeline(this.getDataSourceName());
var h = p.getDataProvider(this.getAreaName() + ".secondary");
var j = p.getTheme(this.getFrameName());
c.font = j.getFont(Theme.Font.Default);
c.textAlign = "left";
c.textBaseline = "top";
c.fillStyle = j.getColor(Theme.Color.Text4);
var l = {
x: b.getLeft() + 4,
y: b.getTop() + 2,
w: b.getWidth() - 8,
h: 20
};
var a = h.getIndicator();
var m;
switch (a.getParameterCount()) {
case 0:
m = a.getName();
break;
case 1:
m = a.getName() + "(" + a.getParameterAt(0).getValue() + ")";
break;
case 2:
m = a.getName() + "(" + a.getParameterAt(0).getValue() + "," + a.getParameterAt(1).getValue() + ")";
break;
case 3:
m = a.getName() + "(" + a.getParameterAt(0).getValue() + "," + a.getParameterAt(1).getValue() + "," + a.getParameterAt(2).getValue() + ")";
break;
case 4:
m = a.getName() + "(" + a.getParameterAt(0).getValue() + "," + a.getParameterAt(1).getValue() + "," + a.getParameterAt(2).getValue() + "," + a.getParameterAt(3).getValue() + ")";
break;
default:
return
}
if (!Plotter.drawString(c, m, l)) {
return
}
var k = q.getSelectedIndex();
if (k < 0) {
return
}
var i, o, f, g;
var e, d = a.getOutputCount();
for (e = 0; e < d; e++) {
i = a.getOutputAt(e);
o = i.execute(k);
if (isNaN(o)) {
continue
}
f = " " + i.getName() + ": " + o.toFixed(2);
g = i.getColor();
if (g === undefined) {
g = Theme.Color.Indicator0 + e
}
c.fillStyle = j.getColor(g);
if (!Plotter.drawString(c, f, l)) {
return
}
}
};
var MinMaxPlotter = create_class(NamedObject);
MinMaxPlotter.prototype.__construct = function(a) {
MinMaxPlotter.__super.__construct.call(this, a)
};
MinMaxPlotter.prototype.Draw = function(b) {
var i = ChartManager.getInstance();
var d = i.getDataSource(this.getDataSourceName());
if (d.getDataCount() < 1) {
return
}
var j = i.getTimeline(this.getDataSourceName());
if (j.getInnerWidth() < j.getColumnWidth()) {
return
}
var h = i.getRange(this.getAreaName());
if (h.getRange() == 0) {
return
}
var e = i.getDataProvider(this.getAreaName() + ".main");
var g = j.getFirstIndex();
var a = (g + j.getLastIndex()) >> 1;
var f = i.getTheme(this.getFrameName());
b.font = f.getFont(Theme.Font.Default);
b.textBaseline = "middle";
b.fillStyle = f.getColor(Theme.Color.Text4);
b.strokeStyle = f.getColor(Theme.Color.Text4);
var c = d.getDecimalDigits();
this.drawMark(b, e.getMinValue(), c, h.toY(e.getMinValue()), g, a, e.getMinValueIndex(), j);
this.drawMark(b, e.getMaxValue(), c, h.toY(e.getMaxValue()), g, a, e.getMaxValueIndex(), j)
};
MinMaxPlotter.prototype.drawMark = function(d, k, e, j, g, a, h, l) {
var f, c, b;
var i;
if (h > a) {
d.textAlign = "right";
f = l.toItemCenter(h) - 4;
c = f - 7;
b = f - 3;
i = c - 4
} else {
d.textAlign = "left";
f = l.toItemCenter(h) + 4;
c = f + 7;
b = f + 3;
i = c + 4
}
Plotter.drawLine(d, f, j, c, j);
Plotter.drawLine(d, f, j, b, j + 2);
Plotter.drawLine(d, f, j, b, j - 2);
d.fillText(String.fromFloat(k, e), i, j)
};
var TimelinePlotter = create_class(Plotter);
TimelinePlotter.prototype.__construct = function(a) {
TimelinePlotter.__super.__construct.call(this, a)
};
TimelinePlotter.TP_MINUTE = 60 * 1000;
TimelinePlotter.TP_HOUR = 60 * TimelinePlotter.TP_MINUTE;
TimelinePlotter.TP_DAY = 24 * TimelinePlotter.TP_HOUR;
TimelinePlotter.TIME_INTERVAL = [5 * TimelinePlotter.TP_MINUTE, 10 * TimelinePlotter.TP_MINUTE, 15 * TimelinePlotter.TP_MINUTE, 30 * TimelinePlotter.TP_MINUTE, TimelinePlotter.TP_HOUR, 2 * TimelinePlotter.TP_HOUR, 3 * TimelinePlotter.TP_HOUR, 6 * TimelinePlotter.TP_HOUR, 12 * TimelinePlotter.TP_HOUR, TimelinePlotter.TP_DAY, 2 * TimelinePlotter.TP_DAY];
TimelinePlotter.MonthConvert = {
1 : "Jan.",
2 : "Feb.",
3 : "Mar.",
4 : "Apr.",
5 : "May.",
6 : "Jun.",
7 : "Jul.",
8 : "Aug.",
9 : "Sep.",
10 : "Oct.",
11 : "Nov.",
12 : "Dec."
};
TimelinePlotter.prototype.Draw = function(b) {
var G = ChartManager.getInstance();
var z = G.getArea(this.getAreaName());
var e = G.getTimeline(this.getDataSourceName());
if (!z.isChanged() && !e.isUpdated()) {
return
}
var s = G.getDataSource(this.getDataSourceName());
if (s.getDataCount() < 2) {
return
}
var t = s.getDataAt(1).date - s.getDataAt(0).date;
var u, w = TimelinePlotter.TIME_INTERVAL.length;
for (u = 0; u < w; u++) {
if (t < TimelinePlotter.TIME_INTERVAL[u]) {
break
}
}
for (; u < w; u++) {
if (TimelinePlotter.TIME_INTERVAL[u] % t == 0) {
if ((TimelinePlotter.TIME_INTERVAL[u] / t) * e.getColumnWidth() > 60) {
break
}
}
}
var h = e.getFirstIndex();
var k = e.getLastIndex();
var A = new Date();
var c = A.getTimezoneOffset() * 60 * 1000;
var C = G.getTheme(this.getFrameName());
b.font = C.getFont(Theme.Font.Default);
b.textAlign = "center";
b.textBaseline = "middle";
var I = G.getLanguage();
var j = [];
var q = z.getTop();
var H = z.getMiddle();
for (var y = h; y < k; y++) {
var F = s.getDataAt(y).date;
var a = F - c;
var g = new Date(F);
var o = g.getFullYear();
var E = g.getMonth() + 1;
var B = g.getDate();
var f = g.getHours();
var r = g.getMinutes();
var p = "";
if (u < w) {
var v = Math.max(TimelinePlotter.TP_DAY, TimelinePlotter.TIME_INTERVAL[u]);
if (a % v == 0) {
if (I == "zh-cn") {
p = E.toString() + "月" + B.toString() + "日"
} else {
if (I == "zh-tw") {
p = E.toString() + "月" + B.toString() + "日"
} else {
if (I == "en-us") {
p = TimelinePlotter.MonthConvert[E] + " " + B.toString()
}
}
}
b.fillStyle = C.getColor(Theme.Color.Text4)
} else {
if (a % TimelinePlotter.TIME_INTERVAL[u] == 0) {
var D = r.toString();
if (r < 10) {
D = "0" + D
}
p = f.toString() + ":" + D;
b.fillStyle = C.getColor(Theme.Color.Text2)
}
}
} else {
if (B == 1 && (f < (t / TimelinePlotter.TP_HOUR))) {
if (E == 1) {
p = o.toString();
if (I == "zh-cn") {
p += "年"
} else {
if (I == "zh-tw") {
p += "年"
}
}
} else {
if (I == "zh-cn") {
p = E.toString() + "月"
} else {
if (I == "zh-tw") {
p = E.toString() + "月"
} else {
if (I == "en-us") {
p = TimelinePlotter.MonthConvert[E]
}
}
}
}
b.fillStyle = C.getColor(Theme.Color.Text4)
}
}
if (p.length > 0) {
var l = e.toItemCenter(y);
j.push({
x: l,
y: q,
w: 1,
h: 4
});
b.fillText(p, l, H)
}
}
if (j.length > 0) {
b.fillStyle = C.getColor(Theme.Color.Grid1);
Plotter.createRectangles(b, j);
b.fill()
}
};
var RangePlotter = create_class(NamedObject);
RangePlotter.prototype.__construct = function(a) {
RangePlotter.__super.__construct.call(this, a)
};
RangePlotter.prototype.getRequiredWidth = function(b, a) {
var c = ChartManager.getInstance();
var d = c.getTheme(this.getFrameName());
b.font = d.getFont(Theme.Font.Default);
return b.measureText((Math.floor(a) + 0.88).toString()).width + 16
};
RangePlotter.prototype.Draw = function(c) {
var p = ChartManager.getInstance();
var h = this.getAreaName();
var b = p.getArea(h);
var m = h.substring(0, h.lastIndexOf("Range"));
var i = p.getRange(m);
if (i.getRange() == 0) {
return
}
var j = i.getNameObject().getCompAt(2) == "main";
if (j) {} else {
if (!b.isChanged() && !i.isUpdated()) {
return
}
}
var l = i.getGradations();
if (l.length == 0) {
return
}
var e = b.getLeft();
var o = b.getRight();
var a = b.getCenter();
var g = p.getTheme(this.getFrameName());
c.font = g.getFont(Theme.Font.Default);
c.textAlign = "center";
c.textBaseline = "middle";
c.fillStyle = g.getColor(Theme.Color.Text2);
var f = [];
for (var d in l) {
var k = i.toY(l[d]);
f.push({
x: e,
y: k,
w: 6,
h: 1
});
f.push({
x: o - 6,
y: k,
w: 6,
h: 1
});
c.fillText(String.fromFloat(l[d], 2), a, k)
}
if (f.length > 0) {
c.fillStyle = g.getColor(Theme.Color.Grid1);
Plotter.createRectangles(c, f);
c.fill()
}
};
var COrderGraphPlotter = create_class(NamedObject);
COrderGraphPlotter.prototype.__construct = function(a) {
COrderGraphPlotter.__super.__construct.call(this, a)
};
COrderGraphPlotter.prototype.Draw = function(a) {
return this._Draw_(a)
};
COrderGraphPlotter.prototype._Draw_ = function(a) {
if (this.Update() == false) {
return
}
if (this.updateData() == false) {
return
}
this.m_top = this.m_pArea.getTop();
this.m_bottom = this.m_pArea.getBottom();
this.m_left = this.m_pArea.getLeft();
this.m_right = this.m_pArea.getRight();
a.save();
a.rect(this.m_left, this.m_top, this.m_right - this.m_left, this.m_bottom - this.m_top);
a.clip();
var c = ChartManager.getInstance().getChart()._depthData;
this.x_offset = 0;
this.y_offset = 0;
var b = {};
var d = {};
b.x = this.m_left + c.array[this.m_ask_si].amounts * this.m_Step;
b.y = this.m_pRange.toY(c.array[this.m_ask_si].rate);
d.x = this.m_left + c.array[this.m_bid_si].amounts * this.m_Step;
d.y = this.m_pRange.toY(c.array[this.m_bid_si].rate);
if (Math.abs(b.y - d.y) < 1) {
this.y_offset = 1
}
this.x_offset = 1;
this.DrawBackground(a);
this.UpdatePoints();
this.FillBlack(a);
this.DrawGradations(a);
this.DrawLine(a);
a.restore()
};
COrderGraphPlotter.prototype.DrawBackground = function(b) {
b.fillStyle = this.m_pTheme.getColor(Theme.Color.Background);
b.fillRect(this.m_left, this.m_top, this.m_right - this.m_left, this.m_bottom - this.m_top);
var c = ChartManager.getInstance().getChart()._depthData;
if (this.m_mode == 0) {
var f = this.m_pRange.toY(c.array[this.m_ask_si].rate) - this.y_offset;
var a = this.m_pRange.toY(c.array[this.m_bid_si].rate) + this.y_offset;
var e = b.createLinearGradient(this.m_left, 0, this.m_right, 0);
e.addColorStop(0, this.m_pTheme.getColor(Theme.Color.Background));
e.addColorStop(1, this.m_pTheme.getColor(Theme.Color.PositiveDark));
b.fillStyle = e;
b.fillRect(this.m_left, this.m_top, this.m_right - this.m_left, f - this.m_top);
var d = b.createLinearGradient(this.m_left, 0, this.m_right, 0);
d.addColorStop(0, this.m_pTheme.getColor(Theme.Color.Background));
d.addColorStop(1, this.m_pTheme.getColor(Theme.Color.NegativeDark));
b.fillStyle = d;
b.fillRect(this.m_left, a, this.m_right - this.m_left, this.m_bottom - a)
} else {
if (this.m_mode == 1) {
var e = b.createLinearGradient(this.m_left, 0, this.m_right, 0);
e.addColorStop(0, this.m_pTheme.getColor(Theme.Color.Background));
e.addColorStop(1, this.m_pTheme.getColor(Theme.Color.PositiveDark));
b.fillStyle = e;
b.fillRect(this.m_left, this.m_top, this.m_right - this.m_left, this.m_bottom - this.m_top)
} else {
if (this.m_mode == 2) {
var d = b.createLinearGradient(this.m_left, 0, this.m_right, 0);
d.addColorStop(0, this.m_pTheme.getColor(Theme.Color.Background));
d.addColorStop(1, this.m_pTheme.getColor(Theme.Color.NegativeDark));
b.fillStyle = d;
b.fillRect(this.m_left, this.m_top, this.m_right - this.m_left, this.m_bottom - this.m_top)
}
}
}
};
COrderGraphPlotter.prototype.DrawLine = function(b) {
if (this.m_mode == 0 || this.m_mode == 1) {
b.strokeStyle = this.m_pTheme.getColor(Theme.Color.Positive);
b.beginPath();
b.moveTo(Math.floor(this.m_ask_points[0].x) + 0.5, Math.floor(this.m_ask_points[0].y) + 0.5);
for (var a = 1; a < this.m_ask_points.length; a++) {
b.lineTo(Math.floor(this.m_ask_points[a].x) + 0.5, Math.floor(this.m_ask_points[a].y) + 0.5)
}
b.stroke()
}
if (this.m_mode == 0 || this.m_mode == 2) {
b.strokeStyle = this.m_pTheme.getColor(Theme.Color.Negative);
b.beginPath();
b.moveTo(this.m_bid_points[0].x + 0.5, this.m_bid_points[0].y + 0.5);
for (var a = 1; a < this.m_bid_points.length; a++) {
b.lineTo(this.m_bid_points[a].x + 0.5, this.m_bid_points[a].y + 0.5)
}
b.stroke()
}
};
COrderGraphPlotter.prototype.UpdatePoints = function() {
var f = ChartManager.getInstance().getChart()._depthData;
this.m_ask_points = [];
var g = {};
g.x = Math.floor(this.m_left);
g.y = Math.floor(this.m_pRange.toY(f.array[this.m_ask_si].rate) - this.y_offset);
this.m_ask_points.push(g);
var b = 0;
for (var e = this.m_ask_si; e >= this.m_ask_ei; e--) {
var a = {};
var h = {};
if (e == this.m_ask_si) {
a.x = Math.floor(this.m_left + f.array[e].amounts * this.m_Step + this.x_offset);
a.y = Math.floor(this.m_pRange.toY(f.array[e].rate) - this.y_offset);
this.m_ask_points.push(a);
b = 1
} else {
a.x = Math.floor(this.m_left + f.array[e].amounts * this.m_Step + this.x_offset);
a.y = Math.floor(this.m_ask_points[b].y);
h.x = Math.floor(a.x);
h.y = Math.floor(this.m_pRange.toY(f.array[e].rate) - this.y_offset);
this.m_ask_points.push(a);
b++;
this.m_ask_points.push(h);
b++
}
}
this.m_bid_points = [];
var c = {};
c.x = Math.floor(this.m_left);
c.y = Math.ceil(this.m_pRange.toY(f.array[this.m_bid_si].rate) + this.y_offset);
this.m_bid_points.push(c);
var d = 0;
for (var e = this.m_bid_si; e <= this.m_bid_ei; e++) {
var a = {};
var h = {};
if (e == this.m_bid_si) {
a.x = Math.floor(this.m_left + f.array[e].amounts * this.m_Step + this.x_offset);
a.y = Math.ceil(this.m_pRange.toY(f.array[e].rate) + this.y_offset);
this.m_bid_points.push(a);
d = 1
} else {
a.x = Math.floor(this.m_left + f.array[e].amounts * this.m_Step + this.x_offset);
a.y = Math.ceil(this.m_bid_points[d].y);
h.x = Math.floor(a.x);
h.y = Math.ceil(this.m_pRange.toY(f.array[e].rate) + this.x_offset);
this.m_bid_points.push(a);
d++;
this.m_bid_points.push(h);
d++
}
}
};
COrderGraphPlotter.prototype.updateData = function() {
var d = ChartManager.getInstance().getChart()._depthData;
if (d.array == null) {
return false
}
if (d.array.length <= 50) {
return false
}
var a = this.m_pRange.getOuterMinValue();
var b = this.m_pRange.getOuterMaxValue();
this.m_ask_si = d.asks_si;
this.m_ask_ei = d.asks_si;
for (var c = d.asks_si; c >= d.asks_ei; c--) {
if (d.array[c].rate < b) {
this.m_ask_ei = c
} else {
break
}
}
this.m_bid_si = d.bids_si;
this.m_bid_ei = d.bids_si;
for (var c = d.bids_si; c <= d.bids_ei; c++) {
if (d.array[c].rate > a) {
this.m_bid_ei = c
} else {
break
}
}
if (this.m_ask_ei == this.m_ask_si) {
this.m_mode = 2
} else {
if (this.m_bid_ei == this.m_bid_si) {
this.m_mode = 1
} else {
this.m_mode = 0
}
}
this.m_Step = this.m_pArea.getWidth();
if (this.m_mode == 0) {
if (this.m_ask_ei == d.asks_ei && this.m_bid_ei == d.bids_ei) {
this.m_Step /= Math.min(d.array[this.m_ask_ei].amounts, d.array[this.m_bid_ei].amounts)
} else {
if (this.m_ask_ei != d.asks_ei && this.m_bid_ei == d.bids_ei) {
this.m_Step /= d.array[this.m_bid_ei].amounts
} else {
if (this.m_ask_ei == d.asks_ei && this.m_bid_ei != d.bids_ei) {
this.m_Step /= d.array[this.m_ask_ei].amounts
} else {
if (this.m_ask_ei != d.asks_ei && this.m_bid_ei != d.bids_ei) {
this.m_Step /= Math.max(d.array[this.m_ask_ei].amounts, d.array[this.m_bid_ei].amounts)
}
}
}
}
} else {
if (this.m_mode == 1) {
this.m_Step /= d.array[this.m_ask_ei].amounts
} else {
if (this.m_mode == 2) {
this.m_Step /= d.array[this.m_bid_ei].amounts
}
}
}
return true
};
COrderGraphPlotter.prototype.Update = function() {
this.m_pMgr = ChartManager.getInstance();
var b = this.getAreaName();
this.m_pArea = this.m_pMgr.getArea(b);
if (this.m_pArea == null) {
return false
}
var a = b.substring(0, b.lastIndexOf("Range"));
this.m_pRange = this.m_pMgr.getRange(a);
if (this.m_pRange == null || this.m_pRange.getRange() == 0) {
return false
}
this.m_pTheme = this.m_pMgr.getTheme(this.getFrameName());
if (this.m_pTheme == null) {
return false
}
return true
};
COrderGraphPlotter.prototype.DrawGradations = function(b) {
var m = ChartManager.getInstance();
var g = this.getAreaName();
var a = m.getArea(g);
var k = g.substring(0, g.lastIndexOf("Range"));
var h = m.getRange(k);
if (h.getRange() == 0) {
return
}
var j = h.getGradations();
if (j.length == 0) {
return
}
var d = a.getLeft();
var l = a.getRight();
var e = [];
for (var c in j) {
var i = h.toY(j[c]);
e.push({
x: d,
y: i,
w: 6,
h: 1
});
e.push({
x: l - 6,
y: i,
w: 6,
h: 1
})
}
if (e.length > 0) {
var f = m.getTheme(this.getFrameName());
b.fillStyle = f.getColor(Theme.Color.Grid1);
Plotter.createRectangles(b, e);
b.fill()
}
};
COrderGraphPlotter.prototype.FillBlack = function(f) {
var c = this.m_ask_points;
var g = this.m_bid_points;
var a = {};
var d = {};
a.x = this.m_right;
a.y = c[0].y;
d.x = this.m_right;
d.y = c[c.length - 1].y;
var h = {};
var b = {};
h.x = this.m_right;
h.y = g[0].y - 1;
b.x = this.m_right;
b.y = g[g.length - 1].y;
c.unshift(a);
c.push(d);
g.unshift(h);
g.push(b);
f.fillStyle = this.m_pTheme.getColor(Theme.Color.Background);
f.beginPath();
f.moveTo(Math.floor(c[0].x) + 0.5, Math.floor(c[0].y) + 0.5);
for (var e = 1; e < c.length; e++) {
f.lineTo(Math.floor(c[e].x) + 0.5, Math.floor(c[e].y) + 0.5)
}
f.fill();
f.beginPath();
f.moveTo(Math.floor(g[0].x) + 0.5, Math.floor(g[0].y) + 0.5);
for (var e = 1; e < g.length; e++) {
f.lineTo(Math.floor(g[e].x) + 0.5, Math.floor(g[e].y) + 0.5)
}
f.fill();
c.shift();
c.pop();
g.shift();
g.pop()
};
COrderGraphPlotter.prototype.DrawTickerGraph = function(c) {
return;
var j = ChartManager.getInstance();
var d = j.getDataSource(this.getDataSourceName());
var i = d._dataItems[d._dataItems.length - 1].close;
var b = this.m_left + 1;
var a = this.m_pRange.toY(i);
var h = b + 5;
var g = a + 2.5;
var f = b + 5;
var e = a - 2.5;
c.fillStyle = this.m_pTheme.getColor(Theme.Color.Mark);
c.strokeStyle = this.m_pTheme.getColor(Theme.Color.Mark)
};
var LastVolumePlotter = create_class(Plotter);
LastVolumePlotter.prototype.__construct = function(a) {
LastVolumePlotter.__super.__construct.call(this, a)
};
LastVolumePlotter.prototype.Draw = function(b) {
var k = ChartManager.getInstance();
var l = k.getTimeline(this.getDataSourceName());
var f = this.getAreaName();
var a = k.getArea(f);
var i = f.substring(0, f.lastIndexOf("Range"));
var g = k.getRange(i);
if (g.getRange() == 0) {
return
}
var c = k.getDataSource(this.getDataSourceName());
if (c.getDataCount() < 1) {
return
}
var e = k.getTheme(this.getFrameName());
b.font = e.getFont(Theme.Font.Default);
b.textAlign = "left";
b.textBaseline = "middle";
b.fillStyle = e.getColor(Theme.Color.RangeMark);
b.strokeStyle = e.getColor(Theme.Color.RangeMark);
var j = c.getDataAt(c.getDataCount() - 1).volume;
var h = g.toY(j);
var d = a.getLeft() + 1;
Plotter.drawLine(b, d, h, d + 7, h);
Plotter.drawLine(b, d, h, d + 3, h + 2);
Plotter.drawLine(b, d, h, d + 3, h - 2);
b.fillText(String.fromFloat(j, 2), d + 10, h)
};
var LastClosePlotter = create_class(Plotter);
LastClosePlotter.prototype.__construct = function(a) {
LastClosePlotter.__super.__construct.call(this, a)
};
LastClosePlotter.prototype.Draw = function(b) {
var k = ChartManager.getInstance();
var l = k.getTimeline(this.getDataSourceName());
var f = this.getAreaName();
var a = k.getArea(f);
var i = f.substring(0, f.lastIndexOf("Range"));
var g = k.getRange(i);
if (g.getRange() == 0) {
return
}
var c = k.getDataSource(this.getDataSourceName());
if (c.getDataCount() < 1) {
return
}
var j = c._dataItems[c._dataItems.length - 1].close;
if (j <= g.getMinValue() || j >= g.getMaxValue()) {
return
}
var e = k.getTheme(this.getFrameName());
b.font = e.getFont(Theme.Font.Default);
b.textAlign = "left";
b.textBaseline = "middle";
b.fillStyle = e.getColor(Theme.Color.RangeMark);
b.strokeStyle = e.getColor(Theme.Color.RangeMark);
var h = g.toY(j);
var d = a.getLeft() + 1;
Plotter.drawLine(b, d, h, d + 7, h);
Plotter.drawLine(b, d, h, d + 3, h + 2);
Plotter.drawLine(b, d, h, d + 3, h - 2);
b.fillText(String.fromFloat(j, c.getDecimalDigits()), d + 10, h)
};
var SelectionPlotter = create_class(Plotter);
SelectionPlotter.prototype.__construct = function(a) {
SelectionPlotter.__super.__construct.call(this, a)
};
SelectionPlotter.prototype.Draw = function(c) {
var f = ChartManager.getInstance();
if (f._drawingTool != ChartManager.DrawingTool.CrossCursor) {
return
}
var e = f.getArea(this.getAreaName());
var d = f.getTimeline(this.getDataSourceName());
if (d.getSelectedIndex() < 0) {
return
}
var b = f.getRange(this.getAreaName());
var g = f.getTheme(this.getFrameName());
c.strokeStyle = g.getColor(Theme.Color.Cursor);
var a = d.toItemCenter(d.getSelectedIndex());
Plotter.drawLine(c, a, e.getTop() - 1, a, e.getBottom());
var h = b.getSelectedPosition();
if (h >= 0) {
Plotter.drawLine(c, e.getLeft(), h, e.getRight(), h)
}
};
var TimelineSelectionPlotter = create_class(NamedObject);
TimelineSelectionPlotter.MonthConvert = {
1 : "Jan.",
2 : "Feb.",
3 : "Mar.",
4 : "Apr.",
5 : "May.",
6 : "Jun.",
7 : "Jul.",
8 : "Aug.",
9 : "Sep.",
10 : "Oct.",
11 : "Nov.",
12 : "Dec."
};
TimelineSelectionPlotter.prototype.__construct = function(a) {
TimelineSelectionPlotter.__super.__construct.call(this, a)
};
TimelineSelectionPlotter.prototype.Draw = function(b) {
var q = ChartManager.getInstance();
var l = q.getArea(this.getAreaName());
var c = q.getTimeline(this.getDataSourceName());
if (c.getSelectedIndex() < 0) {
return
}
var j = q.getDataSource(this.getDataSourceName());
if (!is_instance(j, MainDataSource)) {
return
}
var m = q.getTheme(this.getFrameName());
var r = q.getLanguage();
var g = c.toItemCenter(c.getSelectedIndex());
b.fillStyle = m.getColor(Theme.Color.Background);
b.fillRect(g - 52.5, l.getTop() + 2.5, 106, 18);
b.strokeStyle = m.getColor(Theme.Color.Grid3);
b.strokeRect(g - 52.5, l.getTop() + 2.5, 106, 18);
b.font = m.getFont(Theme.Font.Default);
b.textAlign = "center";
b.textBaseline = "middle";
b.fillStyle = m.getColor(Theme.Color.Text4);
var f = new Date(j.getDataAt(c.getSelectedIndex()).date);
var o = f.getMonth() + 1;
var n = f.getDate();
var e = f.getHours();
var i = f.getMinutes();
var a = o.toString();
var d = n.toString();
var k = e.toString();
var p = i.toString();
if (i < 10) {
p = "0" + p
}
var h = "";
if (r == "zh-cn") {
h = a + "月" + d + "日 " + k + ":" + p
} else {
if (r == "zh-tw") {
h = a + "月" + d + "日 " + k + ":" + p
} else {
if (r == "en-us") {
h = TimelineSelectionPlotter.MonthConvert[o] + " " + d + " " + k + ":" + p
}
}
}
b.fillText(h, g, l.getMiddle())
};
var RangeSelectionPlotter = create_class(NamedObject);
RangeSelectionPlotter.prototype.__construct = function(a) {
RangeSelectionPlotter.__super.__construct.call(this, a)
};
RangeSelectionPlotter.prototype.Draw = function(b) {
var j = ChartManager.getInstance();
var e = this.getAreaName();
var a = j.getArea(e);
var k = j.getTimeline(this.getDataSourceName());
if (k.getSelectedIndex() < 0) {
return
}
var h = e.substring(0, e.lastIndexOf("Range"));
var f = j.getRange(h);
if (f.getRange() == 0 || f.getSelectedPosition() < 0) {
return
}
var i = f.getSelectedValue();
if (i == -Number.MAX_VALUE) {
return
}
var g = f.getSelectedPosition();
Plotter.createPolygon(b, [{
x: a.getLeft(),
y: g
},
{
x: a.getLeft() + 5,
y: g + 10
},
{
x: a.getRight() - 3,
y: g + 10
},
{
x: a.getRight() - 3,
y: g - 10
},
{
x: a.getLeft() + 5,
y: g - 10
}]);
var d = j.getTheme(this.getFrameName());
b.fillStyle = d.getColor(Theme.Color.Background);
b.fill();
b.strokeStyle = d.getColor(Theme.Color.Grid4);
b.stroke();
b.font = d.getFont(Theme.Font.Default);
b.textAlign = "center";
b.textBaseline = "middle";
b.fillStyle = d.getColor(Theme.Color.Text3);
var c = 2;
if (f.getNameObject().getCompAt(2) == "main") {
c = j.getDataSource(this.getDataSourceName()).getDecimalDigits()
}
b.fillText(String.fromFloat(i, c), a.getCenter(), g)
};
var ChartSettings = {};
ChartSettings.checkVersion = function() {
if (ChartSettings._data.ver < 2) {
ChartSettings._data.ver = 2;
var a = ChartSettings._data.charts;
a.period_weight = {};
a.period_weight.line = 8;
a.period_weight["1min"] = 7;
a.period_weight["5min"] = 6;
a.period_weight["15min"] = 5;
a.period_weight["30min"] = 4;
a.period_weight["1hour"] = 3;
a.period_weight["1day"] = 2;
a.period_weight["1week"] = 1;
a.period_weight["3min"] = 0;
a.period_weight["2hour"] = 0;
a.period_weight["4hour"] = 0;
a.period_weight["6hour"] = 0;
a.period_weight["12hour"] = 0;
a.period_weight["3day"] = 0
}
if (ChartSettings._data.ver < 3) {
ChartSettings._data.ver = 3;
var a = ChartSettings._data.charts;
a.areaHeight = []
}
};
ChartSettings.get = function() {
if (ChartSettings._data == undefined) {
ChartSettings.init();
ChartSettings.load();
ChartSettings.checkVersion()
}
return ChartSettings._data
};
ChartSettings.init = function() {
var f = {};
var k = new Array("MA", "EMA", "VOLUME", "MACD", "KDJ", "StochRSI", "RSI", "DMI", "OBV", "BOLL", "DMA", "TRIX", "BRAR", "VR", "EMV", "WR", "ROC", "MTM", "PSY");
for (var g = 0; g < k.length; g++) {
var m = ChartManager.getInstance().createIndicatorAndRange("", k[g], true);
if (m == null) {
continue
}
f[k[g]] = [];
var b = m.indic.getParameters();
for (var e = 0; e < b.length; e++) {
f[k[g]].push(b[e])
}
}
var h = "CandleStick";
var c = "MA";
var a = new Array("VOLUME", "MACD");
var l = "15m";
var d = {};
d.chartStyle = h;
d.mIndic = c;
d.indics = a;
d.indicsStatus = "open";
d.period = l;
ChartSettings._data = {
ver: 1,
charts: d,
indics: f,
theme: "Dark"
};
ChartSettings.checkVersion()
};
ChartSettings.load = function() {
if (document.cookie.length <= 0) {
return
}
var c = document.cookie.indexOf("chartSettings=");
if (c < 0) {
return
}
c += "chartSettings=".length;
var a = document.cookie.indexOf(";", c);
if (a < 0) {
a = document.cookie.length
}
var b = unescape(document.cookie.substring(c, a));
ChartSettings._data = JSON.parse(b)
};
ChartSettings.save = function() {
var a = new Date();
a.setDate(a.getDate() + 2);
document.cookie = "chartSettings=" + escape(JSON.stringify(ChartSettings._data)) + ";expires=" + a.toGMTString()
};
var CPoint = create_class(NamedObject);
CPoint.state = {
Hide: 0,
Show: 1,
Highlight: 2
};
CPoint.prototype.__construct = function(a) {
CPoint.__super.__construct.call(this, a);
this.pos = {
index: -1,
value: -1
};
this.state = CPoint.state.Hide
};
CPoint.prototype.getChartObjects = function() {
var b = ChartManager.getInstance();
var d = b.getDataSource("frame0.k0");
if (d == null || !is_instance(d, MainDataSource)) {
return null
}
var c = b.getTimeline("frame0.k0");
if (c == null) {
return null
}
var a = b.getRange("frame0.k0.main");
if (a == null) {
return null
}
return {
pMgr: b,
pCDS: d,
pTimeline: c,
pRange: a
}
};
CPoint.prototype.setPosXY = function(b, f) {
var e = this.getChartObjects();
var d = e.pTimeline.toIndex(b);
var c = e.pRange.toValue(f);
var a = this.snapValue(d, c);
if (a != null) {
c = a
}
this.setPosIV(d, c)
};
CPoint.prototype.setPosXYNoSnap = function(a, e) {
var d = this.getChartObjects();
var c = d.pTimeline.toIndex(a);
var b = d.pRange.toValue(e);
this.setPosIV(c, b)
};
CPoint.prototype.setPosIV = function(b, a) {
this.pos = {
index: b,
value: a
}
};
CPoint.prototype.getPosXY = function() {
var c = this.getChartObjects();
var b = c.pTimeline.toItemCenter(this.pos.index);
var a = c.pRange.toY(this.pos.value);
return {
x: b,
y: a
}
};
CPoint.prototype.getPosIV = function() {
return {
i: this.pos.index,
v: this.pos.value
}
};
CPoint.prototype.setState = function(a) {
this.state = a
};
CPoint.prototype.getState = function() {
return this.state
};
CPoint.prototype.isSelected = function(a, c) {
var b = this.getPosXY();
if (a < b.x - 4 || a > b.x + 4 || c < b.y - 4 || c > b.y + 4) {
return false
}
this.setState(CPoint.state.Highlight);
return true
};
CPoint.prototype.snapValue = function(o, j) {
var k = this.getChartObjects();
var h = null;
var c = Math.floor(k.pTimeline.getFirstIndex());
var e = Math.floor(k.pTimeline.getLastIndex());
if (o < c || o > e) {
return h
}
var f = k.pRange.toY(j);
var d = k.pCDS.getDataAt(o);
if (d == null || d == undefined) {
return h
}
var p = null;
if (o > 0) {
p = k.pCDS.getDataAt(o - 1)
} else {
p = k.pCDS.getDataAt(o)
}
var b = k.pMgr.getChartStyle(k.pCDS.getFrameName());
var l = k.pRange.toY(d.open);
var g = k.pRange.toY(d.high);
var r = k.pRange.toY(d.low);
var m = k.pRange.toY(d.close);
if (b === "CandleStickHLC") {
l = k.pRange.toY(p.close)
}
var q = Math.abs(l - f);
var n = Math.abs(g - f);
var s = Math.abs(r - f);
var a = Math.abs(m - f);
if (q <= n && q <= s && q <= a) {
if (q < 6) {
h = d.open
}
}
if (n <= q && n <= s && n <= a) {
if (n < 6) {
h = d.high
}
}
if (s <= q && s <= n && s <= a) {
if (s < 6) {
h = d.low
}
}
if (a <= q && a <= n && a <= s) {
if (a < 6) {
h = d.close
}
}
return h
};
var CToolObject = create_class(NamedObject);
CToolObject.state = {
BeforeDraw: 0,
Draw: 1,
AfterDraw: 2
};
CToolObject.prototype.__construct = function(a) {
CToolObject.__super.__construct.call(this, a);
this.drawer = null;
this.state = CToolObject.state.BeforeDraw;
this.points = [];
this.step = 0
};
CToolObject.prototype.getChartObjects = function() {
var c = ChartManager.getInstance();
var e = c.getDataSource("frame0.k0");
if (e == null || !is_instance(e, MainDataSource)) {
return null
}
var d = c.getTimeline("frame0.k0");
if (d == null) {
return null
}
var a = c.getArea("frame0.k0.main");
if (a == null) {
return null
}
var b = c.getRange("frame0.k0.main");
if (b == null) {
return null
}
return {
pMgr: c,
pCDS: e,
pTimeline: d,
pArea: a,
pRange: b
}
};
CToolObject.prototype.isValidMouseXY = function(a, d) {
var b = this.getChartObjects();
var c = {
left: b.pArea.getLeft(),
top: b.pArea.getTop(),
right: b.pArea.getRight(),
bottom: b.pArea.getBottom()
};
if (a < c.left || a > c.right || d < c.top || d > c.bottom) {
return false
}
return true
};
CToolObject.prototype.getPlotter = function() {
return this.drawer
};
CToolObject.prototype.setState = function(a) {
this.state = a
};
CToolObject.prototype.getState = function() {
return this.state
};
CToolObject.prototype.addPoint = function(a) {
this.points.push(a)
};
CToolObject.prototype.getPoint = function(a) {
return this.points[a]
};
CToolObject.prototype.acceptMouseMoveEvent = function(a, b) {
if (this.isValidMouseXY(a, b) == false) {
return false
}
if (this.state == CToolObject.state.BeforeDraw) {
this.setBeforeDrawPos(a, b)
} else {
if (this.state == CToolObject.state.Draw) {
this.setDrawPos(a, b)
} else {
if (this.state == CToolObject.state.AfterDraw) {
this.setAfterDrawPos(a, b)
}
}
}
return true
};
CToolObject.prototype.acceptMouseDownEvent = function(a, b) {
if (this.isValidMouseXY(a, b) == false) {
return false
}
if (this.state == CToolObject.state.BeforeDraw) {
this.setDrawPos(a, b);
this.setState(CToolObject.state.Draw)
} else {
if (this.state == CToolObject.state.Draw) {
this.setAfterDrawPos(a, b);
if (this.step == 0) {
this.setState(CToolObject.state.AfterDraw)
}
} else {
if (this.state == CToolObject.state.AfterDraw) {
if (CToolObject.prototype.isSelected.call(this, a, b)) {
this.setDrawPos(a, b);
this.setState(CToolObject.state.Draw)
} else {
this.oldx = a;
this.oldy = b
}
}
}
}
return true
};
CToolObject.prototype.acceptMouseDownMoveEvent = function(g, e) {
if (this.isValidMouseXY(g, e) == false) {
return false
}
if (this.state == CToolObject.state.Draw) {
this.setDrawPos(g, e)
} else {
if (this.state == CToolObject.state.AfterDraw) {
var a = this.getChartObjects();
var b = a.pTimeline.getItemWidth();
var c = a.pRange;
if (Math.abs(g - this.oldx) < b && Math.abs(e - this.oldy) == 0) {
return true
}
var i = a.pTimeline.toIndex(this.oldx);
var f = a.pRange.toValue(this.oldy);
var j = a.pTimeline.toIndex(g);
var h = a.pRange.toValue(e);
this.oldx = g;
this.oldy = e;
var l = j - i;
var k = h - f;
for (var d in this.points) {
this.points[d].pos.index += l;
this.points[d].pos.value += k
}
}
}
return true
};
CToolObject.prototype.acceptMouseUpEvent = function(a, b) {
if (this.isValidMouseXY(a, b) == false) {
return false
}
if (this.state == CToolObject.state.Draw) {
this.setAfterDrawPos(a, b);
if (this.step == 0) {
this.setState(CToolObject.state.AfterDraw)
}
return true
}
return false
};
CToolObject.prototype.setBeforeDrawPos = function(a, c) {
for (var b in this.points) {
this.points[b].setPosXY(a, c);
this.points[b].setState(CPoint.state.Show)
}
};
CToolObject.prototype.setDrawPos = function(a, c) {
for (var b in this.points) {
if (this.points[b].getState() == CPoint.state.Highlight) {
this.points[b].setPosXY(a, c)
}
}
};
CToolObject.prototype.setAfterDrawPos = function(a, d) {
if (this.step != 0) {
this.step -= 1
}
for (var b in this.points) {
this.points[b].setState(CPoint.state.Hide)
}
if (this.step == 0) {
var c = this.getChartObjects();
c.pMgr.setNormalMode()
}
};
CToolObject.prototype.isSelected = function(a, d) {
var c = false;
for (var b in this.points) {
if (this.points[b].isSelected(a, d)) {
this.points[b].setState(CPoint.state.Highlight);
c = true;
break
}
}
if (c == true) {
this.select();
return true
}
return false
};
CToolObject.prototype.select = function() {
for (var a in this.points) {
if (this.points[a].getState() == CPoint.state.Hide) {
this.points[a].setState(CPoint.state.Show)
}
}
};
CToolObject.prototype.unselect = function() {
for (var a in this.points) {
if (this.points[a].getState() != CPoint.state.Hide) {
this.points[a].setState(CPoint.state.Hide)
}
}
};
CToolObject.prototype.calcDistance = function(l, i, g) {
var a = l.getPosXY().x;
var j = l.getPosXY().y;
var o = i.getPosXY().x;
var h = i.getPosXY().y;
var n = g.getPosXY().x;
var f = g.getPosXY().y;
var d = a - n;
var b = j - f;
var m = o - n;
var k = h - f;
var c = Math.abs(d * k - b * m);
var e = Math.sqrt(Math.pow((o - a), 2) + Math.pow((h - j), 2));
return c / e
};
CToolObject.prototype.calcGap = function(b, m, k) {
var a = b.sx;
var i = b.sy;
var o = b.ex;
var h = b.ey;
var n = m;
var g = k;
var e = a - n;
var c = i - g;
var l = o - n;
var j = h - g;
var d = Math.abs(e * j - c * l);
var f = Math.sqrt(Math.pow((o - a), 2) + Math.pow((h - i), 2));
return d / f
};
CToolObject.prototype.isWithRect = function(g, d, c) {
var h = g.getPosXY().x;
var f = g.getPosXY().y;
var b = d.getPosXY().x;
var a = d.getPosXY().y;
var i = c.getPosXY().x;
var e = c.getPosXY().y;
if (h > b) {
h += 4;
b -= 4
} else {
h -= 4;
b += 4
}
if (f > a) {
f += 4;
a -= 4
} else {
f -= 4;
a += 4
}
if (h <= i && b >= i && f <= e && a >= e) {
return true
}
if (h >= i && b <= i && f <= e && a >= e) {
return true
}
if (h <= i && b >= i && f >= e && a <= e) {
return true
}
if (h >= i && b <= i && f >= e && a <= e) {
return true
}
return false
};
CBiToolObject = create_class(CToolObject);
CBiToolObject.prototype.__construct = function(a) {
CBiToolObject.__super.__construct.call(this, a);
this.addPoint(new CPoint(a));
this.addPoint(new CPoint(a))
};
CBiToolObject.prototype.setBeforeDrawPos = function(a, b) {
this.step = 1;
CBiToolObject.__super.setBeforeDrawPos.call(this, a, b);
this.getPoint(0).setState(CPoint.state.Show);
this.getPoint(1).setState(CPoint.state.Highlight)
};
CTriToolObject = create_class(CToolObject);
CTriToolObject.prototype.__construct = function(a) {
CTriToolObject.__super.__construct.call(this, a);
this.addPoint(new CPoint(a));
this.addPoint(new CPoint(a));
this.addPoint(new CPoint(a))
};
CTriToolObject.prototype.setBeforeDrawPos = function(a, b) {
this.step = 2;
CBiToolObject.__super.setBeforeDrawPos.call(this, a, b);
this.getPoint(0).setState(CPoint.state.Show);
this.getPoint(1).setState(CPoint.state.Show);
this.getPoint(2).setState(CPoint.state.Highlight)
};
CTriToolObject.prototype.setAfterDrawPos = function(a, d) {
if (this.step != 0) {
this.step -= 1
}
if (this.step == 0) {
for (var b in this.points) {
this.points[b].setState(CPoint.state.Hide)
}
} else {
this.getPoint(0).setState(CPoint.state.Show);
this.getPoint(1).setState(CPoint.state.Highlight);
this.getPoint(2).setState(CPoint.state.Show)
}
if (this.step == 0) {
var c = this.getChartObjects();
c.pMgr.setNormalMode()
}
};
var CBandLineObject = create_class(CBiToolObject);
CBandLineObject.prototype.__construct = function(a) {
CBandLineObject.__super.__construct.call(this, a);
this.drawer = new DrawBandLinesPlotter(a, this)
};
CBandLineObject.prototype.isSelected = function(l, h) {
if (CBandLineObject.__super.isSelected.call(this, l, h) == true) {
return true
}
var g = new CPoint("frame0.k0");
g.setPosXY(l, h);
var k = this.getPoint(0).getPosXY().x;
var j = this.getPoint(0).getPosXY().y;
var f = this.getPoint(1).getPosXY().x;
var e = this.getPoint(1).getPosXY().y;
var a = [100, 87.5, 75, 62.5, 50, 37.5, 25, 12.5, 0];
for (var d = 0; d < a.length; d++) {
var b = j + (100 - a[d]) / 100 * (e - j);
if (b < h + 4 && b > h - 4) {
this.select();
return true
}
}
return false
};
var CBiParallelLineObject = create_class(CTriToolObject);
CBiParallelLineObject.prototype.__construct = function(a) {
CBiParallelLineObject.__super.__construct.call(this, a);
this.drawer = new DrawBiParallelLinesPlotter(a, this)
};
CBiParallelLineObject.prototype.isSelected = function(n, l) {
if (CTriParallelLineObject.__super.isSelected.call(this, n, l) == true) {
return true
}
var m = this.getPoint(0).getPosXY().x;
var j = this.getPoint(0).getPosXY().y;
var e = this.getPoint(1).getPosXY().x;
var d = this.getPoint(1).getPosXY().y;
var a = this.getPoint(2).getPosXY().x;
var o = this.getPoint(2).getPosXY().y;
var k = {
x: m - e,
y: j - d
};
var i = {
x: m - a,
y: j - o
};
var g = {
x: k.x + i.x,
y: k.y + i.y
};
var h = m - g.x;
var f = j - g.y;
var c = {
sx: m,
sy: j,
ex: a,
ey: o
};
var b = {
sx: e,
sy: d,
ex: h,
ey: f
};
if (this.calcGap(c, n, l) > 4 && this.calcGap(b, n, l) > 4) {
return false
}
return true
};
var CBiParallelRayLineObject = create_class(CTriToolObject);
CBiParallelRayLineObject.prototype.__construct = function(a) {
CBiParallelRayLineObject.__super.__construct.call(this, a);
this.drawer = new DrawBiParallelRayLinesPlotter(a, this)
};
CBiParallelRayLineObject.prototype.isSelected = function(n, l) {
if (CTriParallelLineObject.__super.isSelected.call(this, n, l) == true) {
return true
}
var m = this.getPoint(0).getPosXY().x;
var j = this.getPoint(0).getPosXY().y;
var e = this.getPoint(1).getPosXY().x;
var d = this.getPoint(1).getPosXY().y;
var a = this.getPoint(2).getPosXY().x;
var o = this.getPoint(2).getPosXY().y;
var k = {
x: m - e,
y: j - d
};
var i = {
x: m - a,
y: j - o
};
var g = {
x: k.x + i.x,
y: k.y + i.y
};
var h = m - g.x;
var f = j - g.y;
var c = {
sx: m,
sy: j,
ex: a,
ey: o
};
var b = {
sx: e,
sy: d,
ex: h,
ey: f
};
if ((c.ex > c.sx && n > c.sx - 4) || (c.ex < c.sx && n < c.sx + 4) || (b.ex > b.sx && n > b.sx - 4) || (b.ex < b.sx && n < b.sx + 4)) {
if (this.calcGap(c, n, l) > 4 && this.calcGap(b, n, l) > 4) {
return false
}
} else {
return false
}
this.select();
return true
};
var CFibFansObject = create_class(CBiToolObject);
CFibFansObject.prototype.__construct = function(a) {
CFibFansObject.__super.__construct.call(this, a);
this.drawer = new DrawFibFansPlotter(a, this)
};
CFibFansObject.prototype.isSelected = function(h, g) {
if (CFibFansObject.__super.isSelected.call(this, h, g) == true) {
return true
}
var s = new CPoint("frame0.k0");
s.setPosXY(h, g);
var n = this.getPoint(0).getPosXY().x;
var m = this.getPoint(0).getPosXY().y;
var r = this.getPoint(1).getPosXY().x;
var q = this.getPoint(1).getPosXY().y;
var j = this.getChartObjects();
var d = {
left: j.pArea.getLeft(),
top: j.pArea.getTop(),
right: j.pArea.getRight(),
bottom: j.pArea.getBottom()
};
var f = [0, 38.2, 50, 61.8];
for (var p = 0; p < f.length; p++) {
var o = m + (100 - f[p]) / 100 * (q - m);
var l = {
x: n,
y: m
};
var z = {
x: r,
y: o
};
var e = getRectCrossPt(d, l, z);
var w = Math.pow((e[0].x - n), 2) + Math.pow((e[0].y - m), 2);
var v = Math.pow((e[0].x - r), 2) + Math.pow((e[0].y - q), 2);
var k = w > v ? {
x: e[0].x,
y: e[0].y
}: {
x: e[1].x,
y: e[1].y
};
if (k.x > n && h < n) {
continue
}
if (k.x < n && h > n) {
continue
}
var u = new CPoint("frame0.k0");
u.setPosXY(n, m);
var t = new CPoint("frame0.k0");
t.setPosXY(k.x, k.y);
if (this.calcDistance(u, t, s) > 4) {
continue
}
this.select();
return true
}
return false
};
var CFibRetraceObject = create_class(CBiToolObject);
CFibRetraceObject.prototype.__construct = function(a) {
CFibRetraceObject.__super.__construct.call(this, a);
this.drawer = new DrawFibRetracePlotter(a, this)
};
CFibRetraceObject.prototype.isSelected = function(l, h) {
if (CFibRetraceObject.__super.isSelected.call(this, l, h) == true) {
return true
}
var g = new CPoint("frame0.k0");
g.setPosXY(l, h);
var k = this.getPoint(0).getPosXY().x;
var j = this.getPoint(0).getPosXY().y;
var f = this.getPoint(1).getPosXY().x;
var e = this.getPoint(1).getPosXY().y;
var a = [100, 78.6, 61.8, 50, 38.2, 23.6, 0];
for (var d = 0; d < a.length; d++) {
var b = j + (100 - a[d]) / 100 * (e - j);
if (b < h + 4 && b > h - 4) {
this.select();
return true
}
}
return false
};
var CHoriRayLineObject = create_class(CBiToolObject);
CHoriRayLineObject.prototype.__construct = function(a) {
CHoriRayLineObject.__super.__construct.call(this, a);
this.drawer = new DrawHoriRayLinesPlotter(a, this)
};
CHoriRayLineObject.prototype.setDrawPos = function(a, b) {
if (this.points[0].getState() == CPoint.state.Highlight) {
this.points[0].setPosXY(a, b);
this.points[1].setPosXYNoSnap(this.points[1].getPosXY().x, this.points[0].getPosXY().y);
return
}
if (this.points[1].getState() == CPoint.state.Highlight) {
this.points[1].setPosXY(a, b);
this.points[0].setPosXYNoSnap(this.points[0].getPosXY().x, this.points[1].getPosXY().y)
}
};
CHoriRayLineObject.prototype.isSelected = function(a, g) {
if (CHoriRayLineObject.__super.isSelected.call(this, a, g) == true) {
return true
}
var f = new CPoint("frame0.k0");
f.setPosXY(a, g);
var d = this.getPoint(0).getPosXY().y;
var e = this.getPoint(0).getPosXY().x;
var b = this.getPoint(1).getPosXY().x;
if (g > d + 4 || g < d - 4) {
return false
}
if (b > e && a < e - 4) {
return false
}
if (b < e && a > e + 4) {
return false
}
this.select();
return true
};
var CHoriSegLineObject = create_class(CBiToolObject);
CHoriSegLineObject.prototype.__construct = function(a) {
CHoriSegLineObject.__super.__construct.call(this, a);
this.drawer = new DrawHoriSegLinesPlotter(a, this)
};
CHoriSegLineObject.prototype.setDrawPos = function(a, b) {
if (this.points[0].getState() == CPoint.state.Highlight) {
this.points[0].setPosXY(a, b);
this.points[1].setPosXYNoSnap(this.points[1].getPosXY().x, this.points[0].getPosXY().y);
return
}
if (this.points[1].getState() == CPoint.state.Highlight) {
this.points[1].setPosXY(a, b);
this.points[0].setPosXYNoSnap(this.points[0].getPosXY().x, this.points[1].getPosXY().y)
}
};
CHoriSegLineObject.prototype.isSelected = function(a, g) {
if (CHoriSegLineObject.__super.isSelected.call(this, a, g) == true) {
return true
}
var f = new CPoint("frame0.k0");
f.setPosXY(a, g);
var d = this.getPoint(0).getPosXY().y;
var e = this.getPoint(0).getPosXY().x;
var b = this.getPoint(1).getPosXY().x;
if (g > d + 4 || g < d - 4) {
return false
}
if (e > b && (a > e + 4 || a < b - 4)) {
return false
}
if (e < b && (a < e - 4 || a > b + 4)) {
return false
}
this.select();
return true
};
var CHoriStraightLineObject = create_class(CBiToolObject);
CHoriStraightLineObject.prototype.__construct = function(a) {
CHoriStraightLineObject.__super.__construct.call(this, a);
this.drawer = new DrawHoriStraightLinesPlotter(a, this)
};
CHoriStraightLineObject.prototype.setDrawPos = function(a, c) {
for (var b in this.points) {
this.points[b].setPosXY(a, c)
}
};
CHoriStraightLineObject.prototype.isSelected = function(a, e) {
if (CHoriStraightLineObject.__super.isSelected.call(this, a, e) == true) {
return true
}
var d = new CPoint("frame0.k0");
d.setPosXY(a, e);
var b = this.getPoint(0).getPosXY().y;
if (e > b + 4 || e < b - 4) {
return false
}
this.select();
return true
};
var CRayLineObject = create_class(CBiToolObject);
CRayLineObject.prototype.__construct = function(a) {
CRayLineObject.__super.__construct.call(this, a);
this.drawer = new DrawRayLinesPlotter(a, this)
};
CRayLineObject.prototype.isSelected = function(a, f) {
if (CRayLineObject.__super.isSelected.call(this, a, f) == true) {
return true
}
var e = new CPoint("frame0.k0");
e.setPosXY(a, f);
var d = this.getPoint(0).getPosXY().x;
var b = this.getPoint(1).getPosXY().x;
if (b > d && a < d - 4) {
return false
}
if (b < d && a > d + 4) {
return false
}
if (this.calcDistance(this.getPoint(0), this.getPoint(1), e) < 4) {
this.select();
return true
}
return false
};
var CSegLineObject = create_class(CBiToolObject);
CSegLineObject.prototype.__construct = function(a) {
CSegLineObject.__super.__construct.call(this, a);
this.drawer = new DrawSegLinesPlotter(a, this)
};
CSegLineObject.prototype.isSelected = function(a, d) {
if (CSegLineObject.__super.isSelected.call(this, a, d) == true) {
return true
}
var b = new CPoint("frame0.k0");
b.setPosXY(a, d);
if (this.isWithRect(this.getPoint(0), this.getPoint(1), b) == false) {
return false
}
if (this.calcDistance(this.getPoint(0), this.getPoint(1), b) < 4) {
this.select();
return true
}
return false
};
var CStraightLineObject = create_class(CBiToolObject);
CStraightLineObject.prototype.__construct = function(a) {
CStraightLineObject.__super.__construct.call(this, a);
this.drawer = new DrawStraightLinesPlotter(a, this)
};
CStraightLineObject.prototype.isSelected = function(a, d) {
if (CStraightLineObject.__super.isSelected.call(this, a, d) == true) {
return true
}
var b = new CPoint("frame0.k0");
b.setPosXY(a, d);
if (this.calcDistance(this.getPoint(0), this.getPoint(1), b) < 4) {
this.select();
return true
}
return false
};
var CTriParallelLineObject = create_class(CTriToolObject);
CTriParallelLineObject.prototype.__construct = function(a) {
CTriParallelLineObject.__super.__construct.call(this, a);
this.drawer = new DrawTriParallelLinesPlotter(a, this)
};
CTriParallelLineObject.prototype.isSelected = function(p, o) {
if (CTriParallelLineObject.__super.isSelected.call(this, p, o) == true) {
return true
}
var q = this.getChartObjects();
var l = this.getPoint(0).getPosXY().x;
var k = this.getPoint(0).getPosXY().y;
var t = this.getPoint(1).getPosXY().x;
var r = this.getPoint(1).getPosXY().y;
var b = this.getPoint(2).getPosXY().x;
var A = this.getPoint(2).getPosXY().y;
var j = {
x: l - t,
y: k - r
};
var i = {
x: l - b,
y: k - A
};
var h = {
x: j.x + i.x,
y: j.y + i.y
};
var n = l - h.x;
var m = k - h.y;
var z = {
sx: l,
sy: k,
ex: b,
ey: A
};
var w = {
sx: t,
sy: r,
ex: n,
ey: m
};
var f = {
x: l - t,
y: k - r
};
var d = {
x: b - n,
y: A - m
};
var g = {
x: t - l,
y: r - k
};
var e = {
x: n - b,
y: m - A
};
var u = Math.abs(g.x - l);
var s = Math.abs(g.y - k);
var c = Math.abs(e.x - b);
var a = Math.abs(e.y - A);
var v = {
sx: u,
sy: s,
ex: c,
ey: a
};
if (this.calcGap(z, p, o) > 4 && this.calcGap(w, p, o) > 4 && this.calcGap(v, p, o) > 4) {
return false
}
this.select();
return true
};
var CVertiStraightLineObject = create_class(CBiToolObject);
CVertiStraightLineObject.prototype.__construct = function(a) {
CVertiStraightLineObject.__super.__construct.call(this, a);
this.drawer = new DrawVertiStraightLinesPlotter(a, this)
};
CVertiStraightLineObject.prototype.setDrawPos = function(a, c) {
for (var b in this.points) {
this.points[b].setPosXY(a, c)
}
};
CVertiStraightLineObject.prototype.isSelected = function(a, e) {
if (CVertiStraightLineObject.__super.isSelected.call(this, a, e) == true) {
return true
}
var d = new CPoint("frame0.k0");
d.setPosXY(a, e);
var b = this.getPoint(0).getPosXY().x;
if (a > b + 4 || a < b - 4) {
return false
}
this.select();
return true
};
var CPriceLineObject = create_class(CSegLineObject);
CPriceLineObject.prototype.__construct = function(a) {
CPriceLineObject.__super.__construct.call(this, a);
this.drawer = new DrawPriceLinesPlotter(a, this)
};
CPriceLineObject.prototype.setDrawPos = function(a, c) {
for (var b in this.points) {
this.points[b].setPosXY(a, c)
}
};
CPriceLineObject.prototype.isSelected = function(a, h) {
if (CFibRetraceObject.__super.isSelected.call(this, a, h) == true) {
return true
}
var g = new CPoint("frame0.k0");
g.setPosXY(a, h);
var f = this.getPoint(0).getPosXY().x;
var e = this.getPoint(0).getPosXY().y;
var d = this.getPoint(1).getPosXY().x;
var b = this.getPoint(1).getPosXY().y;
if (a < f - 4) {
return false
}
if (h >= e + 4 || h <= e - 4) {
return false
}
this.select();
return true
};
var CArrowLineObject = create_class(CSegLineObject);
CArrowLineObject.prototype.__construct = function(a) {
CArrowLineObject.__super.__construct.call(this, a);
this.drawer = new DrawArrowLinesPlotter(a, this)
};
var CToolManager = create_class(NamedObject);
CToolManager.prototype.__construct = function(a) {
CToolManager.__super.__construct.call(this, a);
this.selectedObject = -1;
this.toolObjects = []
};
CToolManager.prototype.getToolObjectCount = function() {
return this.toolObjects.length
};
CToolManager.prototype.addToolObject = function(a) {
this.toolObjects.push(a)
};
CToolManager.prototype.getToolObject = function(a) {
if (a < this.toolObjects.length && a >= 0) {
return this.toolObjects[a]
}
return null
};
CToolManager.prototype.getCurrentObject = function() {
return this.getToolObject(this.getToolObjectCount() - 1)
};
CToolManager.prototype.getSelectedObject = function() {
return this.getToolObject(this.selectedObject)
};
CToolManager.prototype.delCurrentObject = function() {
this.toolObjects.splice(this.getToolObjectCount() - 1, 1)
};
CToolManager.prototype.delSelectedObject = function() {
this.toolObjects.splice(this.selectedObject, 1);
this.selectedObject = -1
};
CToolManager.prototype.acceptMouseMoveEvent = function(a, e) {
if (this.selectedObject == -1) {
var d = this.toolObjects[this.getToolObjectCount() - 1];
if (d != null && d.getState() != CToolObject.state.AfterDraw) {
return d.acceptMouseMoveEvent(a, e)
}
} else {
var c = this.toolObjects[this.selectedObject];
if (c.getState() == CToolObject.state.Draw) {
return c.acceptMouseMoveEvent(a, e)
}
c.unselect();
this.selectedObject = -1
}
for (var b in this.toolObjects) {
if (this.toolObjects[b].isSelected(a, e)) {
this.selectedObject = b;
return false
}
}
return false
};
CToolManager.prototype.acceptMouseDownEvent = function(a, d) {
this.mouseDownMove = false;
if (this.selectedObject == -1) {
var c = this.toolObjects[this.getToolObjectCount() - 1];
if (c != null && c.getState() != CToolObject.state.AfterDraw) {
return c.acceptMouseDownEvent(a, d)
}
} else {
var b = this.toolObjects[this.selectedObject];
if (b.getState() != CToolObject.state.BeforeDraw) {
return b.acceptMouseDownEvent(a, d)
}
}
return false
};
CToolManager.prototype.acceptMouseDownMoveEvent = function(b, f) {
this.mouseDownMove = true;
if (this.selectedObject == -1) {
var e = this.toolObjects[this.getToolObjectCount() - 1];
if (e != null && e.getState() == CToolObject.state.Draw) {
return e.acceptMouseDownMoveEvent(b, f)
}
return false
} else {
var d = this.toolObjects[this.selectedObject];
if (d.getState() != CToolObject.state.BeforeDraw) {
if (d.acceptMouseDownMoveEvent(b, f) == true) {
var a = this.toolObjects[this.selectedObject].points;
for (var c = 0; c < a.length; c++) {
if (a[c].state == CPoint.state.Highlight || a[c].state == CPoint.state.Show) {
return true
}
}
}
return true
}
}
};
CToolManager.prototype.acceptMouseUpEvent = function(a, d) {
if (this.mouseDownMove == true) {
if (this.selectedObject == -1) {
var c = this.toolObjects[this.getToolObjectCount() - 1];
if (c != null && c.getState() == CToolObject.state.Draw) {
return c.acceptMouseUpEvent(a, d)
}
return true
} else {
var b = this.toolObjects[this.selectedObject];
if (b.getState() != CToolObject.state.BeforeDraw) {
return b.acceptMouseUpEvent(a, d)
}
}
}
if (this.selectedObject != -1) {
return true
}
var c = this.toolObjects[this.getToolObjectCount() - 1];
if (c != null) {
if (c.getState() == CToolObject.state.Draw) {
return true
}
if (!c.isValidMouseXY(a, d)) {
return false
}
if (c.isSelected(a, d)) {
return true
}
}
return false
};
var CToolPlotter = create_class(NamedObject);
CToolPlotter.prototype.__construct = function(a, d) {
CToolPlotter.__super.__construct.call(this, a);
this.toolObject = d;
var c = ChartManager.getInstance();
var b = c.getArea("frame0.k0.main");
if (b == null) {
this.areaPos = {
left: 0,
top: 0,
right: 0,
bottom: 0
};
return
}
this.areaPos = {
left: b.getLeft(),
top: b.getTop(),
right: b.getRight(),
bottom: b.getBottom()
};
this.crossPt = {};
this.normalSize = 4;
this.selectedSize = 6;
this.cursorLen = 4;
this.cursorGapLen = 3;
this.theme = ChartManager.getInstance().getTheme(this.getFrameName())
};
CToolPlotter.prototype.drawCursor = function(a) {
this.drawCrossCursor(a)
};
CToolPlotter.prototype.drawCrossCursor = function(e) {
e.strokeStyle = this.theme.getColor(Theme.Color.LineColorNormal);
e.fillStyle = this.theme.getColor(Theme.Color.LineColorNormal);
var d = this.toolObject.getPoint(0).getPosXY();
if (d == null) {
return
}
var c = d.x;
var f = d.y;
var b = this.cursorLen;
var a = this.cursorGapLen;
e.fillRect(c, f, 1, 1);
Plotter.drawLine(e, c - b - a, f, c - a, f);
Plotter.drawLine(e, c + b + a, f, c + a, f);
Plotter.drawLine(e, c, f - b - a, c, f - a);
Plotter.drawLine(e, c, f + b + a, c, f + a)
};
CToolPlotter.prototype.drawCircle = function(c, b, a) {
var e = b.x;
var d = b.y;
c.beginPath();
c.arc(e, d, a, 0, 2 * Math.PI, false);
c.fillStyle = this.theme.getColor(Theme.Color.CircleColorFill);
c.fill();
c.stroke()
};
CToolPlotter.prototype.drawCtrlPt = function(b) {
b.strokeStyle = this.theme.getColor(Theme.Color.CircleColorStroke);
for (var a = 0; a < this.ctrlPtsNum; a++) {
this.drawCircle(b, this.ctrlPts[1][a], this.normalSize)
}
};
CToolPlotter.prototype.highlightCtrlPt = function(b) {
b.strokeStyle = this.theme.getColor(Theme.Color.CircleColorStroke);
for (var a = 0; a < this.ctrlPtsNum; a++) {
if (this.toolObject.getPoint(a).getState() == CPoint.state.Highlight) {
this.drawCircle(b, this.ctrlPts[1][a], this.selectedSize)
}
}
};
CToolPlotter.prototype.drawFibRayLines = function(d, g, c) {
for (var b = 0; b < this.fiboFansSequence.length; b++) {
var a = g.y + (100 - this.fiboFansSequence[b]) / 100 * (c.y - g.y);
var f = {
x: g.x,
y: g.y
};
var e = {
x: c.x,
y: a
};
this.drawRayLines(d, f, e)
}
};
CToolPlotter.prototype.drawRayLines = function(c, g, b) {
this.getAreaPos();
var e = {
x: g.x,
y: g.y
};
var d = {
x: b.x,
y: b.y
};
var f = getRectCrossPt(this.areaPos, e, d);
var a;
if (b.x == g.x) {
if (b.y == g.y) {
a = b
} else {
a = b.y > g.y ? {
x: f[1].x,
y: f[1].y
}: {
x: f[0].x,
y: f[0].y
}
}
} else {
a = b.x > g.x ? {
x: f[1].x,
y: f[1].y
}: {
x: f[0].x,
y: f[0].y
}
}
Plotter.drawLine(c, g.x, g.y, a.x, a.y)
};
CToolPlotter.prototype.lenBetweenPts = function(b, a) {
return Math.sqrt(Math.pow((a.x - b.x), 2) + Math.pow((a.y - b.y), 2))
};
CToolPlotter.prototype.getCtrlPts = function() {
for (var a = 0; a < this.ctrlPtsNum; a++) {
this.ctrlPts[0][a] = this.toolObject.getPoint(a)
}
};
CToolPlotter.prototype.updateCtrlPtPos = function() {
for (var a = 0; a < this.ctrlPtsNum; a++) {
this.ctrlPts[1][a] = this.ctrlPts[0][a].getPosXY()
}
};
CToolPlotter.prototype.getAreaPos = function() {
var b = ChartManager.getInstance();
var a = b.getArea("frame0.k0.main");
if (a == null) {
this.areaPos = {
left: 0,
top: 0,
right: 0,
bottom: 0
};
return
}
this.areaPos = {
left: Math.floor(a.getLeft()),
top: Math.floor(a.getTop()),
right: Math.floor(a.getRight()),
bottom: Math.floor(a.getBottom())
}
};
CToolPlotter.prototype.updateDraw = function(a) {
a.strokeStyle = this.theme.getColor(Theme.Color.LineColorNormal);
this.draw(a);
this.drawCtrlPt(a)
};
CToolPlotter.prototype.finishDraw = function(a) {
a.strokeStyle = this.theme.getColor(Theme.Color.LineColorNormal);
this.draw(a)
};
CToolPlotter.prototype.highlight = function(a) {
a.strokeStyle = this.theme.getColor(Theme.Color.LineColorSelected);
this.draw(a);
this.drawCtrlPt(a);
this.highlightCtrlPt(a)
};
var DrawStraightLinesPlotter = create_class(CToolPlotter);
DrawStraightLinesPlotter.prototype.__construct = function(a, b) {
DrawStraightLinesPlotter.__super.__construct.call(this, a, b);
this.toolObject = b;
this.ctrlPtsNum = 2;
this.ctrlPts = new Array(new Array(this.ctrlPtsNum), new Array(2));
this.getCtrlPts()
};
DrawStraightLinesPlotter.prototype.draw = function(a) {
this.updateCtrlPtPos();
this.getAreaPos();
this.startPoint = this.ctrlPts[1][0];
this.endPoint = this.ctrlPts[1][1];
if (this.startPoint.x == this.endPoint.x && this.startPoint.y == this.endPoint.y) {
Plotter.drawLine(a, this.areaPos.left, this.startPoint.y, this.areaPos.right, this.startPoint.y)
} else {
this.crossPt = getRectCrossPt(this.areaPos, this.startPoint, this.endPoint);
Plotter.drawLine(a, this.crossPt[0].x, this.crossPt[0].y, this.crossPt[1].x, this.crossPt[1].y)
}
};
var DrawSegLinesPlotter = create_class(CToolPlotter);
DrawSegLinesPlotter.prototype.__construct = function(a, b) {
DrawSegLinesPlotter.__super.__construct.call(this, a, b);
this.toolObject = b;
this.ctrlPtsNum = 2;
this.ctrlPts = new Array(new Array(this.ctrlPtsNum), new Array(2));
this.getCtrlPts()
};
DrawSegLinesPlotter.prototype.draw = function(a) {
this.updateCtrlPtPos();
this.startPoint = this.ctrlPts[1][0];
this.endPoint = this.ctrlPts[1][1];
if (this.startPoint.x == this.endPoint.x && this.startPoint.y == this.endPoint.y) {
this.endPoint.x += 1
}
Plotter.drawLine(a, this.startPoint.x, this.startPoint.y, this.endPoint.x, this.endPoint.y)
};
var DrawRayLinesPlotter = create_class(CToolPlotter);
DrawRayLinesPlotter.prototype.__construct = function(a, b) {
DrawRayLinesPlotter.__super.__construct.call(this, a);
this.toolObject = b;
this.ctrlPtsNum = 2;
this.ctrlPts = new Array(new Array(this.ctrlPtsNum), new Array(2));
this.getCtrlPts()
};
DrawRayLinesPlotter.prototype.draw = function(a) {
this.updateCtrlPtPos();
this.getAreaPos();
this.startPoint = this.ctrlPts[1][0];
this.endPoint = this.ctrlPts[1][1];
if (this.startPoint.x == this.endPoint.x && this.startPoint.y == this.endPoint.y) {
this.endPoint.x += 1
}
this.drawRayLines(a, this.startPoint, this.endPoint)
};
var DrawArrowLinesPlotter = create_class(CToolPlotter);
DrawArrowLinesPlotter.prototype.__construct = function(a, b) {
DrawArrowLinesPlotter.__super.__construct.call(this, a, b);
this.toolObject = b;
this.arrowSizeRatio = 0.03;
this.arrowSize = 4;
this.crossPt = {
x: -1,
y: -1
};
this.ctrlPtsNum = 2;
this.ctrlPts = new Array(new Array(this.ctrlPtsNum), new Array(2));
this.getCtrlPts()
};
DrawArrowLinesPlotter.prototype.drawArrow = function(c, b, f) {
var d = this.lenBetweenPts(b, f);
var i = [f.x - b.x, f.y - b.y];
this.crossPt.x = b.x + (1 - this.arrowSize / d) * i[0];
this.crossPt.y = b.y + (1 - this.arrowSize / d) * i[1];
var h = [ - i[1], i[0]];
var a = {
x: h[0],
y: h[1]
};
var g = {
x: 0,
y: 0
};
h[0] = this.arrowSize * a.x / this.lenBetweenPts(a, g);
h[1] = this.arrowSize * a.y / this.lenBetweenPts(a, g);
var e = [this.crossPt.x + h[0], this.crossPt.y + h[1]];
Plotter.drawLine(c, f.x, f.y, e[0], e[1]);
e = [this.crossPt.x - h[0], this.crossPt.y - h[1]];
Plotter.drawLine(c, f.x, f.y, e[0], e[1])
};
DrawArrowLinesPlotter.prototype.draw = function(a) {
this.updateCtrlPtPos();
this.startPoint = this.ctrlPts[1][0];
this.endPoint = this.ctrlPts[1][1];
if (this.startPoint.x == this.endPoint.x && this.startPoint.y == this.endPoint.y) {
this.endPoint.x += 1
}
Plotter.drawLine(a, this.startPoint.x, this.startPoint.y, this.endPoint.x, this.endPoint.y);
this.drawArrow(a, this.startPoint, this.endPoint)
};
var DrawHoriStraightLinesPlotter = create_class(CToolPlotter);
DrawHoriStraightLinesPlotter.prototype.__construct = function(a, b) {
DrawHoriStraightLinesPlotter.__super.__construct.call(this, a);
this.toolObject = b;
this.ctrlPtsNum = 1;
this.ctrlPts = new Array(new Array(this.ctrlPtsNum), new Array(2));
this.getCtrlPts()
};
DrawHoriStraightLinesPlotter.prototype.draw = function(a) {
this.updateCtrlPtPos();
this.getAreaPos();
this.startPoint = this.ctrlPts[1][0];
Plotter.drawLine(a, this.areaPos.left, this.startPoint.y, this.areaPos.right, this.startPoint.y)
};
var DrawHoriRayLinesPlotter = create_class(CToolPlotter);
DrawHoriRayLinesPlotter.prototype.__construct = function(a, b) {
DrawHoriRayLinesPlotter.__super.__construct.call(this, a);
this.toolObject = b;
this.ctrlPtsNum = 2;
this.ctrlPts = new Array(new Array(this.ctrlPtsNum), new Array(2));
this.getCtrlPts()
};
DrawHoriRayLinesPlotter.prototype.draw = function(a) {
this.updateCtrlPtPos();
this.getAreaPos();
this.startPoint = this.ctrlPts[1][0];
this.endPoint = this.ctrlPts[1][1];
if (this.startPoint.x == this.endPoint.x) {
Plotter.drawLine(a, this.startPoint.x, this.startPoint.y, this.areaPos.right, this.startPoint.y)
} else {
var b = {
x: this.endPoint.x,
y: this.startPoint.y
};
this.drawRayLines(a, this.startPoint, b)
}
};
var DrawHoriSegLinesPlotter = create_class(CToolPlotter);
DrawHoriSegLinesPlotter.prototype.__construct = function(a, b) {
DrawHoriSegLinesPlotter.__super.__construct.call(this, a, b);
this.toolObject = b;
this.ctrlPtsNum = 2;
this.ctrlPts = new Array(new Array(this.ctrlPtsNum), new Array(2));
this.getCtrlPts()
};
DrawHoriSegLinesPlotter.prototype.draw = function(a) {
this.updateCtrlPtPos();
this.startPoint = this.ctrlPts[1][0];
this.endPoint = this.ctrlPts[1][1];
this.endPoint.y = this.startPoint.y;
if (this.startPoint.x == this.endPoint.x && this.startPoint.y == this.endPoint.y) {
Plotter.drawLine(a, this.startPoint.x, this.startPoint.y, this.endPoint.x + 1, this.startPoint.y)
} else {
Plotter.drawLine(a, this.startPoint.x, this.startPoint.y, this.endPoint.x, this.startPoint.y)
}
};
var DrawVertiStraightLinesPlotter = create_class(CToolPlotter);
DrawVertiStraightLinesPlotter.prototype.__construct = function(a, b) {
DrawVertiStraightLinesPlotter.__super.__construct.call(this, a);
this.toolObject = b;
this.ctrlPtsNum = 1;
this.ctrlPts = new Array(new Array(this.ctrlPtsNum), new Array(2));
this.getCtrlPts()
};
DrawVertiStraightLinesPlotter.prototype.draw = function(a) {
this.updateCtrlPtPos();
this.getAreaPos();
this.startPoint = this.ctrlPts[1][0];
Plotter.drawLine(a, this.startPoint.x, this.areaPos.top, this.startPoint.x, this.areaPos.bottom)
};
var DrawPriceLinesPlotter = create_class(CToolPlotter);
DrawPriceLinesPlotter.prototype.__construct = function(a, b) {
DrawPriceLinesPlotter.__super.__construct.call(this, a);
this.toolObject = b;
this.ctrlPtsNum = 1;
this.ctrlPts = new Array(new Array(this.ctrlPtsNum), new Array(2));
this.getCtrlPts()
};
DrawPriceLinesPlotter.prototype.draw = function(a) {
a.font = "12px Tahoma";
a.textAlign = "left";
a.fillStyle = this.theme.getColor(Theme.Color.LineColorNormal);
this.updateCtrlPtPos();
this.getAreaPos();
this.startPoint = this.ctrlPts[1][0];
var b = this.ctrlPts[0][0].getPosIV().v;
Plotter.drawLine(a, this.startPoint.x, this.startPoint.y, this.areaPos.right, this.startPoint.y);
a.fillText(b.toFixed(2), this.startPoint.x + 2, this.startPoint.y - 15)
};
var ParallelLinesPlotter = create_class(CToolPlotter);
ParallelLinesPlotter.prototype.__construct = function(a, b) {
ParallelLinesPlotter.__super.__construct.call(this, a);
this.toolObject = b
};
ParallelLinesPlotter.prototype.getParaPt = function() {
var b = [];
b[0] = this.endPoint.x - this.startPoint.x;
b[1] = this.endPoint.y - this.startPoint.y;
var a = [];
a[0] = this.paraStartPoint.x - this.startPoint.x;
a[1] = this.paraStartPoint.y - this.startPoint.y;
this.paraEndPoint = {
x: -1,
y: -1
};
this.paraEndPoint.x = b[0] + a[0] + this.startPoint.x;
this.paraEndPoint.y = b[1] + a[1] + this.startPoint.y
};
var DrawBiParallelLinesPlotter = create_class(ParallelLinesPlotter);
DrawBiParallelLinesPlotter.prototype.__construct = function(a, b) {
DrawBiParallelLinesPlotter.__super.__construct.call(this, a, b);
this.toolObject = b;
this.ctrlPtsNum = 3;
this.ctrlPts = new Array(new Array(this.ctrlPtsNum), new Array(2));
this.getCtrlPts()
};
DrawBiParallelLinesPlotter.prototype.draw = function(a) {
this.updateCtrlPtPos();
this.getAreaPos();
this.startPoint = this.ctrlPts[1][0];
this.paraStartPoint = this.ctrlPts[1][1];
this.endPoint = this.ctrlPts[1][2];
this.getParaPt();
this.getAreaPos();
this.crossPt0 = getRectCrossPt(this.areaPos, this.startPoint, this.endPoint);
Plotter.drawLine(a, this.crossPt0[0].x, this.crossPt0[0].y, this.crossPt0[1].x, this.crossPt0[1].y);
this.crossPt1 = getRectCrossPt(this.areaPos, this.paraStartPoint, this.paraEndPoint);
Plotter.drawLine(a, this.crossPt1[0].x, this.crossPt1[0].y, this.crossPt1[1].x, this.crossPt1[1].y)
};
var DrawBiParallelRayLinesPlotter = create_class(ParallelLinesPlotter);
DrawBiParallelRayLinesPlotter.prototype.__construct = function(a, b) {
DrawBiParallelRayLinesPlotter.__super.__construct.call(this, a, b);
this.toolObject = b;
this.ctrlPtsNum = 3;
this.ctrlPts = new Array(new Array(this.ctrlPtsNum), new Array(2));
this.getCtrlPts()
};
DrawBiParallelRayLinesPlotter.prototype.draw = function(a) {
this.updateCtrlPtPos();
this.getAreaPos();
this.startPoint = this.ctrlPts[1][0];
this.paraStartPoint = this.ctrlPts[1][1];
this.endPoint = this.ctrlPts[1][2];
if (this.startPoint.x == this.endPoint.x && this.startPoint.y == this.endPoint.y) {
this.endPoint.x += 1
}
this.getParaPt();
this.drawRayLines(a, this.startPoint, this.endPoint);
this.drawRayLines(a, this.paraStartPoint, this.paraEndPoint)
};
var DrawTriParallelLinesPlotter = create_class(ParallelLinesPlotter);
DrawTriParallelLinesPlotter.prototype.__construct = function(a, b) {
DrawTriParallelLinesPlotter.__super.__construct.call(this, a, b);
this.toolObject = b;
this.ctrlPtsNum = 3;
this.ctrlPts = new Array(new Array(this.ctrlPtsNum), new Array(2));
this.getCtrlPts()
};
DrawTriParallelLinesPlotter.prototype.draw = function(c) {
this.updateCtrlPtPos();
this.getAreaPos();
this.startPoint = this.ctrlPts[1][0];
this.paraStartPoint = this.ctrlPts[1][1];
this.endPoint = this.ctrlPts[1][2];
var b = [];
b[0] = this.endPoint.x - this.startPoint.x;
b[1] = this.endPoint.y - this.startPoint.y;
var a = [];
a[0] = this.paraStartPoint.x - this.startPoint.x;
a[1] = this.paraStartPoint.y - this.startPoint.y;
this.para1EndPoint = {
x: -1,
y: -1
};
this.para2EndPoint = {
x: -1,
y: -1
};
this.para2StartPoint = {
x: -1,
y: -1
};
this.para1EndPoint.x = b[0] + a[0] + this.startPoint.x;
this.para1EndPoint.y = b[1] + a[1] + this.startPoint.y;
this.para2StartPoint.x = this.startPoint.x - a[0];
this.para2StartPoint.y = this.startPoint.y - a[1];
this.para2EndPoint.x = this.endPoint.x - a[0];
this.para2EndPoint.y = this.endPoint.y - a[1];
this.getAreaPos();
this.crossPt0 = getRectCrossPt(this.areaPos, this.startPoint, this.endPoint);
Plotter.drawLine(c, this.crossPt0[0].x, this.crossPt0[0].y, this.crossPt0[1].x, this.crossPt0[1].y);
this.crossPt1 = getRectCrossPt(this.areaPos, this.paraStartPoint, this.para1EndPoint);
Plotter.drawLine(c, this.crossPt1[0].x, this.crossPt1[0].y, this.crossPt1[1].x, this.crossPt1[1].y);
this.crossPt2 = getRectCrossPt(this.areaPos, this.para2StartPoint, this.para2EndPoint);
Plotter.drawLine(c, this.crossPt2[0].x, this.crossPt2[0].y, this.crossPt2[1].x, this.crossPt2[1].y)
};
var BandLinesPlotter = create_class(CToolPlotter);
BandLinesPlotter.prototype.__construct = function(a, b) {
BandLinesPlotter.__super.__construct.call(this, a);
this.toolObject = b;
this.ctrlPtsNum = 2;
this.ctrlPts = new Array(new Array(this.ctrlPtsNum), new Array(2));
this.getCtrlPts()
};
BandLinesPlotter.prototype.drawLinesAndInfo = function(d, f, c) {
d.font = "12px Tahoma";
d.textAlign = "left";
d.fillStyle = this.theme.getColor(Theme.Color.LineColorNormal);
var g;
if (this.toolObject.state == CToolObject.state.Draw) {
this.startPtValue = this.toolObject.getPoint(0).getPosIV().v;
this.endPtValue = this.toolObject.getPoint(1).getPosIV().v
}
this.getAreaPos();
for (var b = 0; b < this.fiboSequence.length; b++) {
var a = f.y + (100 - this.fiboSequence[b]) / 100 * (c.y - f.y);
if (a > this.areaPos.bottom) {
continue
}
var e = this.startPtValue + (100 - this.fiboSequence[b]) / 100 * (this.endPtValue - this.startPtValue);
Plotter.drawLine(d, this.areaPos.left, a, this.areaPos.right, a);
g = this.fiboSequence[b].toFixed(1) + "% " + e.toFixed(1);
d.fillText(g, this.areaPos.left + 2, a - 15)
}
};
BandLinesPlotter.prototype.draw = function(a) {
this.updateCtrlPtPos();
this.getAreaPos();
this.startPoint = this.ctrlPts[1][0];
this.endPoint = this.ctrlPts[1][1];
this.drawLinesAndInfo(a, this.startPoint, this.endPoint)
};
var DrawFibRetracePlotter = create_class(BandLinesPlotter);
DrawFibRetracePlotter.prototype.__construct = function(a, b) {
DrawFibRetracePlotter.__super.__construct.call(this, a, b);
this.toolObject = b;
this.fiboSequence = [100, 78.6, 61.8, 50, 38.2, 23.6, 0]
};
var DrawBandLinesPlotter = create_class(BandLinesPlotter);
DrawBandLinesPlotter.prototype.__construct = function(a, b) {
DrawBandLinesPlotter.__super.__construct.call(this, a, b);
this.toolObject = b;
this.fiboSequence = [0, 12.5, 25, 37.5, 50, 62.5, 75, 87.5, 100]
};
var DrawFibFansPlotter = create_class(CToolPlotter);
DrawFibFansPlotter.prototype.__construct = function(a, b) {
DrawFibFansPlotter.__super.__construct.call(this, a);
this.toolObject = b;
this.fiboFansSequence = [0, 38.2, 50, 61.8];
this.ctrlPtsNum = 2;
this.ctrlPts = new Array(new Array(this.ctrlPtsNum), new Array(2));
this.getCtrlPts()
};
DrawFibFansPlotter.prototype.drawLinesAndInfo = function(b, c, a) {
this.drawFibRayLines(b, c, a)
};
DrawFibFansPlotter.prototype.draw = function(a) {
this.updateCtrlPtPos();
this.getAreaPos();
this.startPoint = this.ctrlPts[1][0];
this.endPoint = this.ctrlPts[1][1];
if (this.startPoint.x == this.endPoint.x && this.startPoint.y == this.endPoint.y) {
this.endPoint.x += 1
}
this.drawLinesAndInfo(a, this.startPoint, this.endPoint)
};
var CDynamicLinePlotter = create_class(NamedObject);
CDynamicLinePlotter.prototype.__construct = function(a) {
CDynamicLinePlotter.__super.__construct.call(this, a);
this.flag = true;
this.context = ChartManager.getInstance()._overlayContext
};
CDynamicLinePlotter.prototype.getAreaPos = function() {
var b = ChartManager.getInstance();
var a = b.getArea("frame0.k0.main");
if (a == null) {
this.areaPos = {
left: 0,
top: 0,
right: 0,
bottom: 0
};
return
}
this.areaPos = {
left: Math.floor(a.getLeft()),
top: Math.floor(a.getTop()),
right: Math.floor(a.getRight()),
bottom: Math.floor(a.getBottom())
}
};
CDynamicLinePlotter.prototype.Draw = function(b) {
this.getAreaPos();
var g = ChartManager.getInstance();
var h = g.getDataSource(this.getDataSourceName());
if (h == null || !is_instance(h, MainDataSource)) {
return
}
this.context.save();
this.context.rect(this.areaPos.left, this.areaPos.top, this.areaPos.right - this.areaPos.left, this.areaPos.bottom - this.areaPos.top);
this.context.clip();
var c = h.getToolObjectCount();
for (var a = 0; a < c; a++) {
var f = h.getToolObject(a);
var e = f.getState();
switch (e) {
case CToolObject.state.BeforeDraw:
f.getPlotter().theme = ChartManager.getInstance().getTheme(this.getFrameName());
f.getPlotter().drawCursor(this.context);
break;
case CToolObject.state.Draw:
f.getPlotter().theme = ChartManager.getInstance().getTheme(this.getFrameName());
f.getPlotter().updateDraw(this.context);
break;
case CToolObject.state.AfterDraw:
f.getPlotter().theme = ChartManager.getInstance().getTheme(this.getFrameName());
f.getPlotter().finishDraw(this.context);
break;
default:
break
}
}
var d = h.getSelectToolObjcet();
if (d != null && d != CToolObject.state.Draw) {
d.getPlotter().highlight(this.context)
}
this.context.restore();
return
};
function KLineMouseEvent() {
$(document).ready(function() {
function a() {
if (navigator.userAgent.indexOf("Firefox") >= 0) {
setTimeout(on_size, 200)
} else {
on_size()
}
}
a();
$(window).resize(a);
$("#chart_overlayCanvas").bind("contextmenu",
function(b) {
b.cancelBubble = true;
b.returnValue = false;
b.preventDefault();
b.stopPropagation();
return false
});
$("#chart_input_interface").submit(function(c) {
c.preventDefault();
var g = $("#chart_input_interface_text").val();
var f = JSON.parse(g);
var d = f.command;
var b = f.content;
switch (d) {
case "set current depth":
ChartManager.getInstance().getChart().updateDepth(b);
break;
case "set current future":
break;
case "set current language":
chart_switch_language(b);
break;
case "set current theme":
break;
default:
break
}
});
$("#chart_container .chart_dropdown .chart_dropdown_t").mouseover(function() {
var b = $("#chart_container");
var h = $(this);
var k = h.next();
var c = b.offset().left;
var e = h.offset().left;
var i = b.width();
var j = h.width();
var g = k.width();
var f = ((g - j) / 2) << 0;
if (e - f < c + 4) {
f = e - c - 4
} else {
if (e + j + f > c + i - 4) {
f += e + j + f - (c + i - 4) + 19
} else {
f += 4
}
}
k.css({
"margin-left": -f
});
h.addClass("chart_dropdown-hover");
k.addClass("chart_dropdown-hover")
}).mouseout(function() {
$(this).next().removeClass("chart_dropdown-hover");
$(this).removeClass("chart_dropdown-hover")
});
$(".chart_dropdown_data").mouseover(function() {
$(this).addClass("chart_dropdown-hover");
$(this).prev().addClass("chart_dropdown-hover")
}).mouseout(function() {
$(this).prev().removeClass("chart_dropdown-hover");
$(this).removeClass("chart_dropdown-hover")
});
$("#chart_btn_parameter_settings").click(function() {
$("#chart_parameter_settings").addClass("clicked");
$(".chart_dropdown_data").removeClass("chart_dropdown-hover");
$("#chart_parameter_settings").find("th").each(function() {
var c = $(this).html();
var b = 0;
var d = ChartSettings.get();
var e = d.indics[c];
$(this.nextElementSibling).find("input").each(function() {
if (e != null && b < e.length) {
$(this).val(e[b])
}
b++
})
})
});
$("#close_settings").click(function() {
$("#chart_parameter_settings").removeClass("clicked")
});
$("#chart_container .chart_toolbar_tabgroup a").click(function() {
switch_period($(this).parent().attr("name"))
});
$("#chart_toolbar_periods_vert ul a").click(function() {
switch_period($(this).parent().attr("name"))
});
$(".market_chooser ul a").click(function() {
switch_market($(this).attr("name"))
});
$("#chart_show_tools").click(function() {
if ($(this).hasClass("selected")) {
switch_tools("off")
} else {
switch_tools("on")
}
});
$("#chart_toolpanel .chart_toolpanel_button").click(function() {
$(".chart_dropdown_data").removeClass("chart_dropdown-hover");
$("#chart_toolpanel .chart_toolpanel_button").removeClass("selected");
$(this).addClass("selected");
var b = $(this).children().attr("name");
GLOBAL_VAR.chartMgr.setRunningMode(ChartManager.DrawingTool[b])
});
$("#chart_show_indicator").click(function() {
if ($(this).hasClass("selected")) {
switch_indic("off")
} else {
switch_indic("on")
}
});
$("#chart_tabbar li a").click(function() {
$("#chart_tabbar li a").removeClass("selected");
$(this).addClass("selected");
var b = $(this).attr("name");
var c = ChartSettings.get();
c.charts.indics[1] = b;
ChartSettings.save();
if (Template.displayVolume == false) {
ChartManager.getInstance().getChart().setIndicator(1, b)
} else {
ChartManager.getInstance().getChart().setIndicator(2, b)
}
});
$("#chart_select_chart_style a").click(function() {
$("#chart_select_chart_style a").removeClass("selected");
$(this).addClass("selected");
var b = ChartSettings.get();
b.charts.chartStyle = $(this)[0].innerHTML;
ChartSettings.save();
var c = ChartManager.getInstance();
c.setChartStyle("frame0.k0", $(this).html());
c.redraw()
});
$("#chart_dropdown_themes li").click(function() {
$("#chart_dropdown_themes li a").removeClass("selected");
var b = $(this).attr("name");
if (b == "chart_themes_dark") {
switch_theme("dark")
} else {
if (b == "chart_themes_light") {
switch_theme("light")
}
}
});
$("#chart_select_main_indicator a").click(function() {
$("#chart_select_main_indicator a").removeClass("selected");
$(this).addClass("selected");
var b = $(this).attr("name");
var c = ChartSettings.get();
c.charts.mIndic = b;
ChartSettings.save();
var d = ChartManager.getInstance();
if (!d.setMainIndicator("frame0.k0", b)) {
d.removeMainIndicator("frame0.k0")
}
d.redraw()
});
$("#chart_toolbar_theme a").click(function() {
$("#chart_toolbar_theme a").removeClass("selected");
if ($(this).attr("name") == "dark") {
switch_theme("dark")
} else {
if ($(this).attr("name") == "light") {
switch_theme("light")
}
}
});
$("#chart_select_theme li a").click(function() {
$("#chart_select_theme a").removeClass("selected");
if ($(this).attr("name") == "dark") {
switch_theme("dark")
} else {
if ($(this).attr("name") == "light") {
switch_theme("light")
}
}
});
$("#chart_enable_tools li a").click(function() {
$("#chart_enable_tools a").removeClass("selected");
if ($(this).attr("name") == "on") {
switch_tools("on")
} else {
if ($(this).attr("name") == "off") {
switch_tools("off")
}
}
});
$("#chart_enable_indicator li a").click(function() {
$("#chart_enable_indicator a").removeClass("selected");
if ($(this).attr("name") == "on") {
switch_indic("on")
} else {
if ($(this).attr("name") == "off") {
switch_indic("off")
}
}
});
$("#chart_language_setting_div li a").click(function() {
$("#chart_language_setting_div a").removeClass("selected");
if ($(this).attr("name") == "zh-cn") {
chart_switch_language("zh-cn")
} else {
if ($(this).attr("name") == "en-us") {
chart_switch_language("en-us")
} else {
if ($(this).attr("name") == "zh-tw") {
chart_switch_language("zh-tw")
}
}
}
});
$(document).keyup(function(b) {
if (b.keyCode == 46) {
ChartManager.getInstance().deleteToolObject();
ChartManager.getInstance().redraw("OverlayCanvas", false)
}
});
$("#clearCanvas").click(function() {
var d = ChartManager.getInstance().getDataSource("frame0.k0");
var b = d.getToolObjectCount();
for (var c = 0; c < b; c++) {
d.delToolObject()
}
ChartManager.getInstance().redraw("OverlayCanvas", false)
});
$("#chart_overlayCanvas").mousemove(function(f) {
var c = f.target.getBoundingClientRect();
var b = f.clientX - c.left;
var g = f.clientY - c.top;
var d = ChartManager.getInstance();
if (GLOBAL_VAR.button_down == true) {
d.onMouseMove("frame0", b, g, true);
d.redraw("All", false)
} else {
d.onMouseMove("frame0", b, g, false);
d.redraw("OverlayCanvas")
}
}).mouseleave(function(f) {
var c = f.target.getBoundingClientRect();
var b = f.clientX - c.left;
var g = f.clientY - c.top;
var d = ChartManager.getInstance();
d.onMouseLeave("frame0", b, g, false);
d.redraw("OverlayCanvas")
}).mouseup(function(f) {
if (f.which != 1) {
return
}
GLOBAL_VAR.button_down = false;
var c = f.target.getBoundingClientRect();
var b = f.clientX - c.left;
var g = f.clientY - c.top;
var d = ChartManager.getInstance();
d.onMouseUp("frame0", b, g);
d.redraw("All")
}).mousedown(function(d) {
if (d.which != 1) {
ChartManager.getInstance().deleteToolObject();
ChartManager.getInstance().redraw("OverlayCanvas", false);
return
}
GLOBAL_VAR.button_down = true;
var c = d.target.getBoundingClientRect();
var b = d.clientX - c.left;
var f = d.clientY - c.top;
ChartManager.getInstance().onMouseDown("frame0", b, f)
});
$("#chart_parameter_settings :input").change(function() {
var d = $(this).attr("name");
var c = 0;
var f = [];
var h = ChartManager.getInstance();
$("#chart_parameter_settings :input").each(function() {
if ($(this).attr("name") == d) {
if ($(this).val() != "" && $(this).val() != null && $(this).val() != undefined) {
var j = parseInt($(this).val());
f.push(j)
}
c++
}
});
if (f.length != 0) {
h.setIndicatorParameters(d, f);
var g = h.getIndicatorParameters(d);
var b = [];
c = 0;
$("#chart_parameter_settings :input").each(function() {
if ($(this).attr("name") == d) {
if ($(this).val() != "" && $(this).val() != null && $(this).val() != undefined) {
$(this).val(g[c].getValue());
b.push(g[c].getValue())
}
c++
}
});
var e = ChartSettings.get();
e.indics[d] = b;
ChartSettings.save();
h.redraw("All", false)
}
});
$("#chart_parameter_settings button").click(function() {
var c = $(this).parents("tr").children("th").html();
var b = 0;
var f = ChartManager.getInstance().getIndicatorParameters(c);
var e = [];
$(this).parent().prev().children("input").each(function() {
if (f != null && b < f.length) {
$(this).val(f[b].getDefaultValue());
e.push(f[b].getDefaultValue())
}
b++
});
ChartManager.getInstance().setIndicatorParameters(c, e);
var d = ChartSettings.get();
d.indics[c] = e;
ChartSettings.save();
ChartManager.getInstance().redraw("All", false)
})
})
}
var refresh_counter = 0;
var refresh_handler = setInterval(refresh_function, 1000);
function refresh_function() {
refresh_counter++;
var b = ChartManager.getInstance().getLanguage();
if (refresh_counter > 3600) {
var a = new Number(refresh_counter / 3600);
if (b == "en-us") {
$("#chart_updated_time_text").html(a.toFixed(0) + "h")
} else {
$("#chart_updated_time_text").html(a.toFixed(0) + "小时")
}
} else {
if (refresh_counter > 60 && refresh_counter <= 3600) {
var a = new Number(refresh_counter / 60);
if (b == "en-us") {
$("#chart_updated_time_text").html(a.toFixed(0) + "m")
} else {
$("#chart_updated_time_text").html(a.toFixed(0) + "分钟")
}
} else {
if (refresh_counter <= 60) {
if (b == "en-us") {
$("#chart_updated_time_text").html(refresh_counter + "s")
} else {
$("#chart_updated_time_text").html(refresh_counter + "秒")
}
}
}
}
}
function clear_refresh_counter() {
window.clearInterval(refresh_handler);
refresh_counter = 0;
var a = ChartManager.getInstance().getLanguage();
if (a == "en-us") {
$("#chart_updated_time_text").html(refresh_counter + "s")
} else {
$("#chart_updated_time_text").html(refresh_counter + "秒")
}
refresh_handler = setInterval(refresh_function, 1000)
}
var RequestData = function(showLoading) {
AbortRequest();
window.clearTimeout(GLOBAL_VAR.TimeOutId);
if (showLoading == true) {
$("#chart_loading").addClass("activated")
}
$(document).ready(GLOBAL_VAR.G_HTTP_REQUEST = $.ajax({
type: "post",
url: GLOBAL_VAR.url,
dataType: "json",
data: GLOBAL_VAR.requestParam,
timeout: 30000,
created: Date.now(),
beforeSend: function() {
this.time = GLOBAL_VAR.time_type;
this.market = GLOBAL_VAR.market_from
},
success: function(json) {
if (GLOBAL_VAR.G_HTTP_REQUEST) {
if (this.time != GLOBAL_VAR.time_type || this.market != GLOBAL_VAR.market_from) {
GLOBAL_VAR.TimeOutId = setTimeout(RequestData, 1000);
return
}
if (!json) {
return
}
if (!json.isSuc) {
//alert(json.des);
//kline.refreshPage(json.datas.ecode == 101 ? null: GLOBAL_VAR.market_from);
return
}
GLOBAL_VAR.market_from_name = json.datas.marketName;
var chart = ChartManager.getInstance().getChart();
chart._contract_unit = json.datas.contractUnit;
chart._money_type = json.datas.moneyType;
chart._usd_cny_rate = json.datas.USDCNY;
chart.setTitle();
//kline.setMarketShow(GLOBAL_VAR.market_from_name, chart._contract_unit, chart._money_type, json.datas.url);
//kline.setTopTickers(json.datas.topTickers);
//GLOBAL_VAR.KLineData = eval(json.datas.data);
GLOBAL_VAR.KLineData = json.datas.data;
try {
if (!GLOBAL_VAR.chartMgr.updateData("frame0.k0", GLOBAL_VAR.KLineData)) {
//GLOBAL_VAR.requestParam = setHttpRequestParam(GLOBAL_VAR.market_from, GLOBAL_VAR.time_type, GLOBAL_VAR.limit, null);
//推送点下次请求
//GLOBAL_VAR.TimeOutId = setTimeout(RequestData, 2*1000);//可用
return
}
clear_refresh_counter()
} catch(err) {
if (err == "data error") {
GLOBAL_VAR.requestParam = setHttpRequestParam(GLOBAL_VAR.market_from, GLOBAL_VAR.time_type, GLOBAL_VAR.limit, null);
GLOBAL_VAR.TimeOutId = setTimeout(RequestData, 1000);
return
}
}
GLOBAL_VAR.TimeOutId = setTimeout(TwoSecondThread, 8 * 1000);
$("#chart_loading").removeClass("activated");
ChartManager.getInstance().redraw("All", false)
}
},
error: function(xhr, textStatus, errorThrown) {
if (xhr.status == 200 && xhr.readyState == 4) {
return
}
GLOBAL_VAR.TimeOutId = setTimeout(function() {
RequestData(true)
},
1000)
},
complete: function() {
GLOBAL_VAR.G_HTTP_REQUEST = null
}
}))
};
function AbortRequest() {
if (GLOBAL_VAR.G_HTTP_REQUEST && GLOBAL_VAR.G_HTTP_REQUEST.readyState != 4) {
GLOBAL_VAR.G_HTTP_REQUEST.abort()
}
}
function TwoSecondThread() {
var a = GLOBAL_VAR.chartMgr.getDataSource("frame0.k0").getLastDate();
if (a == -1) {
GLOBAL_VAR.requestParam = setHttpRequestParam(GLOBAL_VAR.market_from, GLOBAL_VAR.time_type, GLOBAL_VAR.limit, null)
} else {
GLOBAL_VAR.requestParam = setHttpRequestParam(GLOBAL_VAR.market_from, GLOBAL_VAR.time_type, null, a.toString())
}
RequestData()
}
function readCookie() {
ChartSettings.get();
ChartSettings.save();
var b = ChartSettings.get();
ChartManager.getInstance().setChartStyle("frame0.k0", b.charts.chartStyle);
var e = b.charts.market_from;
if (!GLOBAL_VAR.init) {
e = kline.symbol;
GLOBAL_VAR.init = true
}
GLOBAL_VAR.market_from = e;
switch_market_selected(e);
var d = b.charts.period;
switch_period(d);
$("#chart_period_" + d + "_v a").addClass("selected");
$("#chart_period_" + d + "_h a").addClass("selected");
if (b.charts.indicsStatus == "close") {
switch_indic("off")
} else {
if (b.charts.indicsStatus == "open") {
switch_indic("on")
}
}
var a = $("#chart_select_main_indicator");
a.find("a").each(function() {
if ($(this).attr("name") == b.charts.mIndic) {
$(this).addClass("selected")
}
});
var c = $("#chart_select_chart_style");
c.find("a").each(function() {
if ($(this)[0].innerHTML == b.charts.chartStyle) {
$(this).addClass("selected")
}
});
ChartManager.getInstance().getChart().setMainIndicator(b.charts.mIndic);
ChartManager.getInstance().setThemeName("frame0", b.theme);
switch_tools("off");
if (b.theme == "Dark") {
switch_theme("dark")
} else {
if (b.theme == "Light") {
switch_theme("light")
}
}
chart_switch_language(b.language || "zh-cn")
}
var main = function() {
window._setMarketFrom = function(a) {
Template.displayVolume = false;
refreshTemplate();
readCookie();
ChartManager.getInstance().getChart().setMarketFrom(a)
};
window._set_current_language = function(a) {
chart_switch_language(a)
};
window._set_current_depth = function(a) {
ChartManager.getInstance().getChart().updateDepth(a)
};
window._set_current_url = function(a) {
GLOBAL_VAR.url = a
};
window._set_current_contract_unit = function(a) {
ChartManager.getInstance().getChart().setCurrentContractUnit(a)
};
window._set_money_type = function(a) {
ChartManager.getInstance().getChart().setCurrentMoneyType(a)
};
window._set_usd_cny_rate = function(a) {
ChartManager.getInstance().getChart()._usd_cny_rate = a
};
window._setCaptureMouseWheelDirectly = function(a) {
ChartManager.getInstance().setCaptureMouseWheelDirectly(a)
};
window._current_future_change = new MEvent();
window._current_theme_change = new MEvent();
KLineMouseEvent();
ChartManager.getInstance().bindCanvas("main", document.getElementById("chart_mainCanvas"));
ChartManager.getInstance().bindCanvas("overlay", document.getElementById("chart_overlayCanvas"));
refreshTemplate();
on_size();
readCookie();
$("#chart_container").css({
visibility: "visible"
})
} ();
function setHttpRequestParam(b, c, a, e) {
var d = "needTickers=1&symbol=" + b + "&type=" + c;
if (a != null) {
d += "&size=" + a
} else {
d += "&since=" + e
}
return d
}
function refreshTemplate() {
GLOBAL_VAR.chartMgr = DefaultTemplate.loadTemplate("frame0.k0", "BTC123");
ChartManager.getInstance().redraw("All", true)
}
function getRectCrossPt(h, c, f) {
var b;
var i = {
x: -1,
y: -1
};
var a = {
x: -1,
y: -1
};
var g = f.x - c.x;
var d = f.y - c.y;
if (Math.abs(g) < 2) {
i = {
x: c.x,
y: h.top
};
a = {
x: f.x,
y: h.bottom
};
b = [i, a];
return b
}
var e = d / g;
a.x = h.right;
a.y = c.y + (h.right - c.x) * e;
i.x = h.left;
i.y = c.y + (h.left - c.x) * e;
b = [i, a];
return b
}
function chart_switch_language(b) {
var a = b.replace(/-/, "_");
$("#chart_language_switch_tmp").find("span").each(function() {
var d = $(this).attr("name");
var c = $(this).attr(a);
d = "." + d;
var e = $(d)[0];
if (!e) {
return
}
$(d).each(function() {
$(this)[0].innerHTML = c
})
});
$("#chart_language_setting_div li a[name='" + b + "']").addClass("selected");
ChartManager.getInstance().setLanguage(b);
ChartManager.getInstance().getChart().setTitle();
var a = ChartSettings.get();
a.language = b;
ChartSettings.save()
}
function on_size() {
var u = window.innerWidth;
var t = window.innerHeight;
//var u = window.innerWidth - 250;
//var t = window.innerHeight - 41;
var o = $("#chart_container");
o.css({
width: u + "px",
height: t + "px"
});
var z = $("#chart_toolbar");
var p = $("#chart_toolpanel");
var s = $("#chart_canvasGroup");
var B = $("#chart_tabbar");
var G = p[0].style.display != "inline" ? false: true;
var n = B[0].style.display != "block" ? false: true;
var v = {};
v.x = 0;
v.y = 0;
v.w = u;
v.h = 29;
var f = {};
f.x = 0;
f.y = v.h + 1;
f.w = G ? 32 : 0;
f.h = t - f.y;
var A = {};
A.w = G ? u - (f.w + 1) : u;
A.h = n ? 22 : -1;
A.x = u - A.w;
A.y = t - (A.h + 1);
var w = {};
w.x = A.x;
w.y = f.y;
w.w = A.w;
w.h = A.y - f.y;
z.css({
left: v.x + "px",
top: v.y + "px",
width: v.w + "px",
height: v.h + "px"
});
if (G) {
p.css({
left: f.x + "px",
top: f.y + "px",
width: f.w + "px",
height: f.h + "px"
})
}
s.css({
left: w.x + "px",
top: w.y + "px",
width: w.w + "px",
height: w.h + "px"
});
var x = $("#chart_mainCanvas")[0];
var g = $("#chart_overlayCanvas")[0];
x.width = w.w;
x.height = w.h;
g.width = w.w;
g.height = w.h;
if (n) {
B.css({
left: A.x + "px",
top: A.y + "px",
width: A.w + "px",
height: A.h + "px"
})
}
var j = $("#chart_parameter_settings");
j.css({
left: (u - j.width()) >> 1,
top: (t - j.height()) >> 1
});
var c = $("#chart_loading");
c.css({
left: (u - c.width()) >> 1,
top: (t - c.height()) >> 2
});
var l = $("#chart_dom_elem_cache");
var a = $("#chart_select_theme")[0];
var E = $("#chart_enable_tools")[0];
var h = $("#chart_enable_indicator")[0];
var r = $("#chart_toolbar_periods_vert");
var D = $("#chart_toolbar_periods_horz")[0];
var q = $("#chart_show_indicator")[0];
var i = $("#chart_show_tools")[0];
var e = $("#chart_toolbar_theme")[0];
var k = $("#chart_dropdown_settings");
var b = r[0].offsetWidth;
var y = b + D.offsetWidth;
var m = y + q.offsetWidth + 4;
var F = m + i.offsetWidth + 4;
var C = F + e.offsetWidth;
var d = k.find(".chart_dropdown_t")[0].offsetWidth + 150;
b += d;
y += d;
m += d;
F += d;
C += d;
if (u < y) {
l.append(D)
} else {
r.after(D)
}
if (u < m) {
l.append(q);
h.style.display = ""
} else {
k.before(q);
h.style.display = "none"
}
if (u < F) {
l.append(i);
E.style.display = ""
} else {
k.before(i);
E.style.display = "none"
}
if (u < C) {
l.append(e);
a.style.display = ""
} else {
k.before(e);
a.style.display = "none"
}
if (u < 1050) {
$("#chart_updated_time").css("display", "none")
} else {
$("#chart_updated_time").css("display", "")
}
if (u < 900) {
$("#chart_language_setting_div").css("display", "none")
} else {
$("#chart_language_setting_div").css("display", "")
}
if (u < 280) {
$("#chart_exchanges_setting_div").css("display", "none")
} else {
$("#chart_exchanges_setting_div").css("display", "")
}
ChartManager.getInstance().redraw("All", true)
}
function mouseWheel(a, b) {
ChartManager.getInstance().scale(b > 0 ? 1 : -1);
ChartManager.getInstance().redraw("All", true);
return false
}
function switch_theme(c) {
$("#chart_toolbar_theme a").removeClass("selected");
$("#chart_select_theme a").removeClass("selected");
$("#chart_toolbar_theme").find("a").each(function() {
if ($(this).attr("name") == c) {
$(this).addClass("selected")
}
});
$("#chart_select_theme a").each(function() {
if ($(this).attr("name") == c) {
$(this).addClass("selected")
}
});
$("#chart_container").attr("class", c);
$(".marketName_ a").attr("class", c);
if (c == "dark") {
$("#trade_container").addClass("dark").removeClass("light");
//$("#markettop").addClass("dark").removeClass("light");
ChartManager.getInstance().setThemeName("frame0", "Dark");
var d = ChartSettings.get();
d.theme = "Dark";
ChartSettings.save();
} else {
if (c == "light") {
$("#trade_container").addClass("light").removeClass("dark");
//$("#markettop").addClass("light").removeClass("dark");
ChartManager.getInstance().setThemeName("frame0", "Light");
var d = ChartSettings.get();
d.theme = "Light";
ChartSettings.save();
}
}
var b = {};
b.command = "set current theme";
b.content = c;
$("#chart_output_interface_text").val(JSON.stringify(b));
$("#chart_output_interface_submit").submit();
window._current_theme_change.raise(c);
ChartManager.getInstance().redraw();
}
function switch_tools(a) {
$(".chart_dropdown_data").removeClass("chart_dropdown-hover");
$("#chart_toolpanel .chart_toolpanel_button").removeClass("selected");
$("#chart_enable_tools a").removeClass("selected");
if (a == "on") {
$("#chart_show_tools").addClass("selected");
$("#chart_enable_tools a").each(function() {
if ($(this).attr("name") == "on") {
$(this).addClass("selected")
}
});
$("#chart_toolpanel")[0].style.display = "inline";
if (ChartManager.getInstance()._drawingTool == ChartManager.DrawingTool.Cursor) {
$("#chart_Cursor").parent().addClass("selected")
} else {
if (ChartManager.getInstance()._drawingTool == ChartManager.DrawingTool.CrossCursor) {
$("#chart_CrossCursor").parent().addClass("selected")
}
}
} else {
if (a == "off") {
$("#chart_show_tools").removeClass("selected");
$("#chart_enable_tools a").each(function() {
if ($(this).attr("name") == "off") {
$(this).addClass("selected")
}
});
$("#chart_toolpanel")[0].style.display = "none";
ChartManager.getInstance().setRunningMode(ChartManager.getInstance()._beforeDrawingTool);
ChartManager.getInstance().redraw("All", true)
}
}
on_size()
}
function switch_indic(a) {
$("#chart_enable_indicator a").removeClass("selected");
$("#chart_enable_indicator a[name='" + a + "']").addClass("selected");
if (a == "on") {
$("#chart_show_indicator").addClass("selected");
var b = ChartSettings.get();
b.charts.indicsStatus = "open";
ChartSettings.save();
var c = b.charts.indics[1];
if (Template.displayVolume == false) {
ChartManager.getInstance().getChart().setIndicator(2, c)
} else {
ChartManager.getInstance().getChart().setIndicator(2, c)
}
$("#chart_tabbar").find("a").each(function() {
if ($(this).attr("name") == c) {
$(this).addClass("selected")
}
});
$("#chart_tabbar")[0].style.display = "block"
} else {
if (a == "off") {
$("#chart_show_indicator").removeClass("selected");
ChartManager.getInstance().getChart().setIndicator(2, "NONE");
var b = ChartSettings.get();
b.charts.indicsStatus = "close";
ChartSettings.save();
$("#chart_tabbar")[0].style.display = "none";
$("#chart_tabbar a").removeClass("selected")
}
}
on_size()
}
function switch_period(a) {
$("#chart_container .chart_toolbar_tabgroup a").removeClass("selected");
$("#chart_toolbar_periods_vert ul a").removeClass("selected");
$("#chart_container .chart_toolbar_tabgroup a").each(function() {
if ($(this).parent().attr("name") == a) {
$(this).addClass("selected")
}
});
$("#chart_toolbar_periods_vert ul a").each(function() {
if ($(this).parent().attr("name") == a) {
$(this).addClass("selected")
}
});
ChartManager.getInstance().showCursor();
calcPeriodWeight(a);
if (a == "line") {
ChartManager.getInstance().getChart().strIsLine = true;
ChartManager.getInstance().setChartStyle("frame0.k0", "Line");
ChartManager.getInstance().getChart().setCurrentPeriod("01m");
var b = ChartSettings.get();
b.charts.period = a;
ChartSettings.save();
return
}
ChartManager.getInstance().getChart().strIsLine = false;
var c = GLOBAL_VAR.tagMapPeriod[a];
ChartManager.getInstance().setChartStyle("frame0.k0", ChartSettings.get().charts.chartStyle);
ChartManager.getInstance().getChart().setCurrentPeriod(c);
var b = ChartSettings.get();
b.charts.period = a;
ChartSettings.save()
}
function switch_market_selected(b) {
kline.reset(b);
$(".market_chooser ul a").removeClass("selected");
$(".market_chooser ul a[name='" + b + "']").addClass("selected");
ChartManager.getInstance().getChart()._market_from = b;
var a = ChartSettings.get();
a.charts.market_from = b;
ChartSettings.save()
}
function switch_market(b) {
switch_market_selected(b);
var a = ChartSettings.get();
if (a.charts.period == "line") {
ChartManager.getInstance().getChart().strIsLine = true;
ChartManager.getInstance().setChartStyle("frame0.k0", "Line")
} else {
ChartManager.getInstance().getChart().strIsLine = false;
ChartManager.getInstance().setChartStyle("frame0.k0", ChartSettings.get().charts.chartStyle)
}
ChartManager.getInstance().getChart().setMarketFrom(b)
}
function IsSupportedBrowers() {
function a() {
var b = document.createElement("canvas");
return !! (b.getContext && b.getContext("2d"))
}
if (!a()) {
return false
}
return true
}
function calcPeriodWeight(d) {
var a = d;
if (d != "line") {
a = GLOBAL_VAR.periodMap[GLOBAL_VAR.tagMapPeriod[d]]
}
var c = ChartSettings.get().charts.period_weight;
for (var b in c) {
if (c[b] > c[a]) {
c[b] -= 1
}
}
c[a] = 8;
ChartSettings.save();
$("#chart_toolbar_periods_horz").find("li").each(function() {
var e = $(this).attr("name");
var f = e;
if (e != "line") {
f = GLOBAL_VAR.periodMap[GLOBAL_VAR.tagMapPeriod[e]]
}
if (c[f] == 0) {
$(this).css("display", "none")
} else {
$(this).css("display", "inline-block")
}
})
};
kline.assistant.js
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) {
}
};
jquery.mousewheel.js：
(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}}));
kline.css
html,body{height:100%;margin:0;overflow:hidden;width:100%}#chart_container{cursor:default;font-family:arial,sans;font-size:12px;height:100%;position:relative;visibility:hidden;width:100%}#chart_container div,#chart_container ul,#chart_container form{margin:0;padding:0}#chart_container a:hover{text-decoration:none}#chart_container ul{list-style:none;border:0;margin:0;padding:0}#chart_container button{cursor:pointer}#chart_dom_elem_cache{*font-weight:bold;position:absolute;visibility:hidden;z-index:-1}#chart_toolbar{border-bottom-width:1px;border-bottom-style:solid;*font-weight:bold;height:29px;position:absolute;z-index:3}#chart_container.dark #chart_toolbar{background-color:#0a0a0a;border-bottom-color:#404040}#chart_container.light #chart_toolbar{background-color:#fff;border-bottom-color:#afb1b3}#chart_container .chart_toolbar_sep{float:left;height:100%;width:16px}#chart_container .chart_toolbar_minisep{float:left;height:100%;width:4px}#chart_container .chart_dropdown{display:inline-block;float:left;position:relative;z-index:100}#chart_container .chart_dropdown_t{background-origin:content-box;background-repeat:no-repeat;border-width:1px;border-style:solid;border-bottom:0;margin-top:3px;padding-right:10px;z-index:101;position:relative}#chart_container .chart_dropdown_t a{display:inline-block;padding:3px 12px 5px 10px}#chart_container .chart_dropdown_data{border-width:1px;border-style:solid;display:none;position:absolute;padding:6px 8px 6px 8px;margin-top:-1px;z-index:100}#chart_container .chart_dropdown_data table{border-collapse:collapse;font-weight:normal;white-space:nowrap}#chart_container .chart_dropdown_data td{border-bottom-width:1px;border-bottom-style:solid;padding:8px 6px;vertical-align:top}.market_chooser .chart_dropdown_data{width:370px}.market_chooser .chart_dropdown_data td{border-bottom-width:1px;border-bottom-style:solid;padding:.5px 6px!important;vertical-align:top;line-height:24px}.market_chooser li{float:left;width:80px;height:24px;line-height:24px}#chart_container .chart_dropdown_data td.marketName_ a.dark{color:#fff}#chart_container .chart_dropdown_data td.marketName_ a.light{color:#000}#chart_container .chart_dropdown_data table tr:last-child td{border-bottom:0}#chart_container .chart_dropdown_data li{white-space:nowrap;display:inline-block}#chart_container .chart_dropdown_data a{text-decoration:none;cursor:pointer;padding:5px 6px 5px 6px}#chart_container .chart_dropdown-hover.chart_dropdown_data{display:block}#chart_dropdown_symbols .chart_dropdown_data td{padding:8px 6px 0 6px}#chart_dropdown_symbols .chart_dropdown_data li{display:block;height:26px}#chart_dropdown_symbols .chart_dropdown_data a{cursor:pointer}#chart_dropdown_themes .chart_dropdown_data td:first-child{padding:6px 1px 7px 6px}#chart_container.dark .chart_dropdown_t{background-image:url("dropdown_w.png");background-position:right 9px;border-color:#0a0a0a;color:#e5e5e5}#chart_container.dark .chart_dropdown-hover.chart_dropdown_t{background-color:#0a0a0a;background-image:url("img/dropup_w.png");background-position:right 8px;border-color:#606060;color:#fff}#chart_container.dark .chart_dropdown_data{background-color:rgba(10,10,10,0.8);border-color:#606060}#chart_container.dark .chart_dropdown_data td{border-bottom-color:#404040;color:#e5e5e5}#chart_container.dark .chart_dropdown_data li a{color:#1987da}#chart_container.dark .chart_dropdown_data li a:hover{background-color:#383838}#chart_container.dark .chart_dropdown_data li a.selected{color:#ffac00}#chart_container.light .chart_dropdown_t{background-image:url("img/dropdown_b.png");background-position:right 10px;border-color:#fff;color:#393c40}#chart_container.light .chart_dropdown-hover.chart_dropdown_t{background-color:#fff;background-image:url("img/dropup_b.png");background-position:right 9px;border-color:#4c4f53;color:#393c40}#chart_container.light .chart_dropdown_data{background-color:#fff;border-color:#4c4f53}#chart_container.light .chart_dropdown_data td{border-bottom-color:#e4e5e6;color:#393c40}#chart_container.light .chart_dropdown_data li a{color:#1478c8}#chart_container.light .chart_dropdown_data a:hover{background-color:#f4f4f4}#chart_container.light .chart_dropdown_data a.selected{color:#f27935}#chart_container .chart_toolbar_label{cursor:default;display:inline-block;float:left;padding:7px 4px}#chart_container.dark .chart_toolbar_label{border-color:#232323;color:#e5e5e5}#chart_container.light .chart_toolbar_label{border-color:#fff;color:#393c40}#chart_container .chart_toolbar_button{border-width:1px;border-style:solid;cursor:pointer;float:left;margin:3px 2px;padding:3px 10px;position:relative;z-index:100}#chart_container.dark .chart_toolbar_button{border-color:#404040;color:#e5e5e5}#chart_container.dark .chart_toolbar_button:hover{background-color:#383838;border-color:#606060;color:#fff}#chart_container.dark .chart_toolbar_button.selected{background-color:#383838;border-color:#606060;color:#ffac00}#chart_container.dark .chart_toolbar_button.selected:hover{background-color:#474747;border-color:#808080;color:#ffac00}#chart_container.light .chart_toolbar_button{border-color:#ccc;color:#393c40}#chart_container.light .chart_toolbar_button:hover{background-color:#f4f4f4;color:#393c40}#chart_container.light .chart_toolbar_button.selected{background-color:#f4f4f4;border-color:#f27935;color:#f27935}#chart_container .chart_toolbar_tabgroup{float:left}#chart_container .chart_toolbar_tabgroup li{display:inline-block;padding:4px 0;margin:3px 0}#chart_container .chart_toolbar_tabgroup li a{cursor:pointer;padding:4px 4px}#chart_container .chart_toolbar_tabgroup li a:hover{text-decoration:none}#chart_container.dark .chart_toolbar_tabgroup li a{color:#1987da}#chart_container.dark .chart_toolbar_tabgroup li a:hover{background-color:#383838}#chart_container.dark .chart_toolbar_tabgroup li a.selected{color:#ffac00}#chart_container.light .chart_toolbar_tabgroup li a{color:#1478c8}#chart_container.light .chart_toolbar_tabgroup li a:hover{background-color:#f4f4f4}#chart_container.light .chart_toolbar_tabgroup li a.selected{color:#f27935}#chart_toolbar_periods_horz{display:inline-block;float:left;position:relative;z-index:100}#chart_toolbar_periods_vert{float:left}#chart_container a.chart_icon{border-width:1px;border-style:solid;height:16px;padding:0;width:16px}#chart_container a.chart_icon:hover{border-width:2px;height:14px;width:14px}#chart_container .chart_dropdown_data a.chart_icon{display:inline-block;magin:0 6px 0 6px}#chart_container a.chart_icon_theme_dark,#chart_container .chart_dropdown_data li a.chart_icon_theme_dark:hover{background-color:#000}#chart_container a.chart_icon_theme_light,#chart_container .chart_dropdown_data li a.chart_icon_theme_light:hover{background-color:#fff}#chart_container #chart_toolbar_theme{float:left;padding:0 8px}#chart_container #chart_toolbar_theme a.chart_icon{cursor:pointer;float:left;margin:6px 4px}#chart_container #chart_select_theme td:last-child{padding:6px 6px 0 8px}#chart_container #chart_select_theme li{padding:0 4px 0 4px}#chart_container.dark a.chart_icon{border-color:#aaa}#chart_container.dark a.chart_icon:hover{border-color:#1987da}#chart_container.dark a.chart_icon.selected{border-color:#ffac00}#chart_container.light a.chart_icon{border-color:#aaa}#chart_container.light a.chart_icon.selected{border-color:#f27935}#chart_container #chart_updated_time{float:right;margin:4px 3px;padding:3px 10px}#chart_container.dark #chart_updated_time{color:#e5e5e5}#chart_container.light #chart_updated_time{color:#393c40}#chart_toolpanel{border-right-width:1px;border-right-style:solid;display:none;position:absolute;width:32px;z-index:2}#chart_toolpanel .chart_toolpanel_separator{position:relative;height:4px}#chart_toolpanel .chart_toolpanel_button{position:relative;z-index:100}#chart_toolpanel .chart_toolpanel_icon{background-origin:content-box;background-repeat:no-repeat;border-width:1px;border-style:solid;cursor:pointer;height:16px;margin:1px 4px 1px 4px;padding:3px;position:relative;width:16px;z-index:101}#chart_toolpanel .chart_toolpanel_tip{border-width:1px;border-radius:4px;border-style:solid;display:none;*font-weight:bold;position:absolute;padding:3px 6px 4px 6px;margin-left:36px;margin-top:-25px;white-space:nowrap;z-index:100}#chart_toolpanel .chart_toolpanel_button:hover .chart_toolpanel_tip{display:block}#chart_container.dark #chart_toolpanel{background-color:#0a0a0a;border-right-color:#404040}#chart_container.dark .chart_toolpanel_icon{background-color:#0a0a0a;border-color:#0a0a0a}#chart_container.dark .chart_toolpanel_button:hover .chart_toolpanel_icon{background-color:#404040;border-color:#666}#chart_container.dark .chart_toolpanel_button.selected .chart_toolpanel_icon{background-color:#080808;border-color:#666}#chart_container.dark .chart_toolpanel_tip{background-color:#ffac00;border-color:#ffac00;color:#0a0a0a}#chart_container.light #chart_toolpanel{background-color:#fff;border-right-color:#afb1b3}#chart_container.light .chart_toolpanel_icon{background-color:#fff;border-color:#fff}#chart_container.light .chart_toolpanel_button:hover .chart_toolpanel_icon{background-color:#eee;border-color:#afb1b3}#chart_container.light .chart_toolpanel_button.selected .chart_toolpanel_icon{background-color:#f4f4f4;border-color:#afb1b3}#chart_container.light .chart_toolpanel_tip{background-color:#f27938;border-color:#f27938;color:#eee}#chart_container.dark #chart_toolpanel .chart_toolpanel_button .chart_toolpanel_icon{background-image:url("img/tool_d_normal.png")}#chart_container.dark #chart_toolpanel .chart_toolpanel_button.selected .chart_toolpanel_icon{background-image:url("img/tool_d_push.png")}#chart_container.light #chart_toolpanel .chart_toolpanel_button .chart_toolpanel_icon{background-image:url("img/tool_l_normal.png")}#chart_container.light #chart_toolpanel .chart_toolpanel_button.selected .chart_toolpanel_icon{background-image:url("img/tool_l_push.png")}#chart_container #chart_toolpanel #chart_Cursor{background-position:0 0}#chart_container #chart_toolpanel #chart_CrossCursor{background-position:0 -20px}#chart_container #chart_toolpanel #chart_SegLine{background-position:0 -40px}#chart_container #chart_toolpanel #chart_StraightLine{background-position:0 -60px}#chart_container #chart_toolpanel #chart_RayLine{background-position:0 -100px}#chart_container #chart_toolpanel #chart_ArrowLine{background-position:0 -80px}#chart_container #chart_toolpanel #chart_HoriSegLine{background-position:0 -160px}#chart_container #chart_toolpanel #chart_HoriStraightLine{background-position:0 -120px}#chart_container #chart_toolpanel #chart_HoriRayLine{background-position:0 -140px}#chart_container #chart_toolpanel #chart_VertiStraightLine{background-position:0 -180px}#chart_container #chart_toolpanel #chart_PriceLine{background-position:0 -200px}#chart_container #chart_toolpanel #chart_TriParallelLine{background-position:0 -220px}#chart_container #chart_toolpanel #chart_BiParallelLine{background-position:0 -240px}#chart_container #chart_toolpanel #chart_BiParallelRayLine{background-position:0 -260px}#chart_container .chart_toolpanel_button #chart_DrawFibRetrace{background-position:0 -280px}#chart_container #chart_toolpanel #chart_DrawFibFans{background-position:0 -300px}#chart_tabbar{border-top-width:1px;border-top-style:solid;cursor:default;display:none;*font-weight:bold;height:22px;overflow:hidden;position:absolute;z-index:1}#chart_tabbar ul{height:100%;list-style:none;padding:0 0 0 4px}#chart_tabbar li{display:inline-block;height:100%;margin:0}#chart_tabbar a{cursor:pointer;display:inline-block;height:100%;margin:0;padding:3px 4px 0 4px;overflow:hidden}#chart_tabbar a:hover{text-decoration:none}#chart_container.dark #chart_tabbar{background-color:#0a0a0a;border-top-color:#404040}#chart_container.dark #chart_tabbar a{color:#e5e5e5}#chart_container.dark #chart_tabbar a:hover{background-color:#383838;color:#fff}#chart_container.dark #chart_tabbar a.selected{color:#ffac00}#chart_container.light #chart_tabbar{background-color:#fff;border-top-color:#afb1b3}#chart_container.light #chart_tabbar a{color:#393c40}#chart_container.light #chart_tabbar a:hover{background-color:#f4f4f4;color:#393c40}#chart_container.light #chart_tabbar a.selected{color:#f27935}#chart_canvasGroup{position:absolute;z-index:0}#chart_mainCanvas{overflow:hidden;position:absolute;z-index:0}#chart_overlayCanvas{overflow:hidden;position:absolute;z-index:2}#chart_loading{border-width:1px;border-style:solid;border-radius:4px;font-size:18px;font-weight:bold;line-height:48px;overflow:hidden;position:absolute;text-align:center;visibility:hidden;width:200px;z-index:200}#chart_loading.activated{visibility:visible}#chart_container.dark #chart_loading{border-color:#aaa;background-color:rgba(0,0,0,0.6);color:#ccc}#chart_container.light #chart_loading{border-color:#afb1b3;background-color:rgba(244,244,244,0.8);color:#393c40}#chart_parameter_settings{border-radius:4px;border-width:1px;border-style:solid;width:640px;position:absolute;overflow:hidden;visibility:hidden;z-index:500}#chart_parameter_settings.clicked{visibility:visible}#chart_parameter_settings h2{padding:8px 12px;margin:0}#chart_parameter_settings table{border-collapse:collapse;width:100%}#chart_parameter_settings tr{line-height:32px}#chart_parameter_settings th{text-align:right;padding:0 4px 0 16px}#chart_parameter_settings input{width:2em;margin:0 2px 0 2px}#chart_parameter_settings #close_settings{border-radius:4px;cursor:pointer;font-weight:bold;text-align:center;margin:8px auto;padding:5px 24px 5px 24px;width:72px}#chart_parameter_settings .chart_str_default{margin-right:24px}#chart_container.dark #chart_parameter_settings{background-color:rgba(0,0,0,0.6);border-color:#aaa;color:#ccc}#chart_container.dark #chart_parameter_settings #close_settings{background:#1887da;color:#eee}#chart_container.light #chart_parameter_settings{background-color:rgba(244,244,244,0.8);border-color:#afb1b3;color:#393c40}#chart_container.light #chart_parameter_settings #close_settings{background:#1478c8;color:#eee}#chart_container input,#chart_container button{border-radius:4px;border-width:1px;border-style:solid;padding:4px}#chart_container input[type=text]{width:12em}#chart_container input[type=button],#chart_container input[type=submit],#chart_container button{font-family:arial,sans;padding:4px 8px;cursor:pointer}#chart_container.dark input,#chart_container.dark button{background-color:#333;border-color:#333;color:#ccc}#chart_container.light input,#chart_container.light button{background-color:#ddd;border-color:#ddd;color:#222}#trade_container{width:250px;height:100%;float:right;z-index:99999;font-size:12px;overflow:hidden}#trade_container.dark{background:#0a0a0a;color:#f1f1f1}.m_righttop{position:fixed;top:0;height:41px;line-height:41px;width:230px;text-align:right;padding-right:20px;font-size:16px;color:#f78d15;font-family:Gotham,"Helvetica Neue",Helvetica,Arial,sans-serif}.m_righttop em{width:123px;height:28px;background:url(../../../img/home/btc123_icon_s.png) no-repeat;background-position:0 0;display:block;float:right;margin-top:5px}.dark .m_righttop em{background-position:0 0}.m_rightbot{position:fixed;bottom:0;height:22px;line-height:22px;border-top:1px solid #404040;width:230px;text-align:right;padding-right:20px;background-color:#0a0a0a;border-bottom-color:#404040}.m_guadan{margin-top:29px;overflow:hidden;border-left:1px solid #404040;border-top:1px solid #404040}.m_guadan a{font-weight:bold;color:#FFF;text-decoration:none}.light .m_guadan{margin-top:29px;overflow:hidden;border-left:1px solid #afb1b3;border-top:1px solid #afb1b3}#orderbook #asks,#orderbook #gasks,#orderbook #bids,#orderbook #gbids{height:195px;position:relative;display:inline-block;overflow:hidden}#market{font-size:12px;font-weight:bold;text-align:center;height:16px;line-height:16px;font-family:Arial,sans;padding:5px}#market .dark{color:#6BF}#market .infoDepth{margin-left:8px;color:#f78d15}#market a:hover{text-decoration:underline}#asks,#bids{width:150px}#orderbook{padding-left:3px;border-bottom:1px solid #222;padding-bottom:2px;margin-left:5px;margin-bottom:2px}#orderbook .table{position:absolute;border-collapse:collapse;padding:0;margin:0}#gasks .table,#asks .table{bottom:0}#orderbook .table .row{padding:0;margin:0;height:13px;line-height:13px;font-family:Consolas,monospace}#orderbook .table .row{line-height:13px}#orderbook .table .g{color:#666}#gasks,#gbids{width:80px}#gasks .amount,#gbids .amount{float:right}#gasks .price,#gbids .price{float:left;text-align:right}.price{margin-right:10px}.price h{visibility:hidden}.price g,.amount g{color:#666}#price{text-align:center;font-size:16px;font-weight:bold;height:25px;line-height:25px}#trade_container .green{color:#0F0}#trade_container .red{color:#F00}#trade_container.dark #orderbook div.table div.remove g,#trade_container.dark #orderbook div.table div.remove span{color:#444}#trade_container.light #orderbook div.table div.remove g,#trade_container.light #orderbook div.table div.remove span{color:#ddd}#trade_container.dark #orderbook div.table div.add{display:none;background-color:rgba(238,238,238,0.2)}#trade_container.light #orderbook div.table div.add{display:none;background-color:rgba(100,100,100,0.2)}#trades{overflow-y:auto;text-align:left;color:#666;padding-top:5px}#trade_container.light{background:#fff;border-left:1px solid #afb1b3;color:#000}#trade_container.light .m_righttop em{background-position:0 -32px}#trade_container.light .m_righttop{position:fixed;top:0;height:40px;line-height:40px;background:#FFF;width:230px;border-bottom:1px solid #afb1b3;text-align:right;padding-right:20px}#trade_container.light #trades.trades table{color:#333}#trade_container.light #trades.trades .v{color:#333}#trade_container.light #trades.trades .v g{color:#333}#trade_container.light .m_rightbot{background:#fff;border-top:1px solid #afb1b3}#trade_container.light #orderbook{border-bottom:1px solid #afb1b3}.trades_list{padding-left:25px}.trades_list ul{width:200px;height:14px;line-height:14px;text-align:left;list-style:none;clear:both;zoom:1;margin:0;padding:0}.trades_list ul li{height:14px;line-height:14px;color:#999;font-size:12px;list-style:none;float:left;*display:inline;margin:0;padding:0;font-family:Consolas,monospace}.trades_list ul li.tm{width:62px;color:#999}.trades_list ul li.pr-green{width:65px;color:#6c6}.trades_list ul li.pr-red{width:65px;color:#c66}.trades_list ul li.vl{width:60px;color:#ccc}.trades_list ul li.vl g{color:#666}#trade_container.dark .trades_list ul.newul{display:none;background-color:rgba(238,238,238,0.2)}#trade_container.light .trades_list ul.newul{display:none;background-color:rgba(100,100,100,0.2)}.light .trades_list ul li.tm{color:#333}.light .trades_list ul li.pr-green{color:#6c6}.light .trades_list ul li.pr-red{color:#c66}.light .trades_list ul li.vl{color:#333}.light .trades_list ul li.vl g{color:#333}.container .nav{padding:0;margin:0;list-style:none;padding-left:3px;height:41px}.container .nav li{display:inline-block;margin-right:9px}.container a{text-decoration:none;color:#6BF;font-family:Arial,sans}.container a:hover{text-decoration:underline}.container a.active{color:#FC9}.container span{margin-left:3px;font-family:Consolas,monospace;color:#ccc}#markettop{height:40px;line-height:41px;font-size:12px}#markettop.dark{background:#0a0a0a;border-bottom:1px solid #333}#markettop.light{background:#fff;border-bottom:1px solid #afb1b3}#markettop.light a.selected{color:#f27935}#markettop.dark a.selected{color:#ffac00}.light .container span{color:#333}.light .container a{text-decoration:none;color:#1478c8;font-family:Arial,sans}
最后把左侧的工具栏的按钮图标上传上来
tool_d_normal.png
tool_d_push.png
tool_l_normal.png
tool_l_push.png
下面是C#后台代码主要是数据格式怎么封装
這裡的參數size如果大於0表示請求的是歷史數據，否則是即時數據，type參數表示請求的幾分鐘線，參數是插件自動發送，用的時候只需配置請求的後台地址，比如：http://localhost:12584/Home/GetKline
參數說明：
type參數：
type == "1min" //一分钟线历史数据
type == "3min" //3分钟线历史数据
type == "5min" //5分钟线历史数据
type == "15min" //15分钟线历史数据
type == "30min" //30分钟线历史数据
type == "1hour" //1小时线历史数据
type == "2hour" //2小时线历史数据
type == "4hour" //4小时线历史数据
type == "6hour" //6小时线历史数据
type == "12hour" //12小时线历史数据
type == "1day" //1天线历史数据
type == "3day" //3天线历史数据
type == "1week" //1周线历史数据
type == "1month" //1月线历史数据
後台方法參數列表：
public Task<JsonResult> GetKline(long? size, long? since, string type)
{
//type表示几分钟线
if (size > 0) //表示请求的历史数据
{
if (this.HttpContext.Cache["closePrice"] == null)
{
var openprice= new Random().Next(16000, 20000);
this.HttpContext.Cache["closePrice"] = openprice;
//Cache.Add("closePrice", openprice);
//Session["closePrice"] = new Random().Next(16000, 20000);
}
return Task.Factory.StartNew(() =>
{
List<object> list = GetList();
var data = new
{
des = "注释",
isSuc = true,//状态
datas = new
{
USDCNY = 6.83,//RMB汇率
contractUnit = "BTC",
data = list,
marketName = "币柜网",
moneyType = "CNY",
symbol = "btc38btccny",
url = "官网地址",//（选填）
topTickers = new List<object>()//（选填）
}
};
Response.AddHeader("Access-Control-Allow-Origin", "*");
return Json(data);
});
}
else
{
//1分钟线即时数据
if (type == "1min")
{
return Task.Factory.StartNew(() =>
{
//本地时间戳
TimeSpan cha = (DateTime.Now - TimeZone.CurrentTimeZone.ToLocalTime(new System.DateTime(1970, 1, 1)));
long unix = (long)cha.TotalSeconds;
List<object> list = new List<object>();
var rand = new Random();
if (this.HttpContext.Cache["closePrice"]!=null)
{
if (Convert.ToDecimal(this.HttpContext.Cache["closePrice"])<16000)
{
this.HttpContext.Cache["closePrice"]= rand.Next(16000, 20000);
}
}
//开盘价
decimal openPrice = Convert.ToDecimal(this.HttpContext.Cache["closePrice"]);//rand.Next(16000, 20000);
//最高价
decimal heightPrice = openPrice + rand.Next(0, 200);
//最低价
decimal lowPrice = openPrice - rand.Next(1, 200);
//收盘价
decimal closePrice = lowPrice + rand.Next(0, 200);
this.HttpContext.Cache["closePrice"] = closePrice;
//成交量
double amount = Math.Round(rand.NextDouble() * 100, 4, MidpointRounding.AwayFromZero);
var objArr = new object[] {
unix*1000,//时间
openPrice,//开盘价
heightPrice,//高
lowPrice,//低
closePrice,//收盘价
amount//量
};
list.Add(objArr);
var data = new
{
des = "注释",
isSuc = true,//状态
datas = new
{
USDCNY = 6.83,//RMB汇率
contractUnit = "BTC",
data = list,
marketName = "币柜网",
moneyType = "CNY",
symbol = "btc38btccny",
url = "官网地址",//（选填）
topTickers = new List<object>()//（选填）
}
};
Response.AddHeader("Access-Control-Allow-Origin", "*");
return Json(data);
});
}
Response.AddHeader("Access-Control-Allow-Origin", "*");
return null;
}
}
public List<object> GetList()
{
List<object> list = new List<object>();
list.Add(new object[] {
1499875200000,//时间
16580.0,//开盘价
16700.0,//高
16530.0,//低
16700.0,//收盘价
12.6415//量
});
list.Add(new object[] {
1499875200000,//时间
16680.0,//开盘价
16200.0,//高
16730.0,//低
16900.0,//收盘价
9.6415//量
});
list.Add(new object[] {
1499875200000,//时间
16552.0,//开盘价
16980.0,//高
16130.0,//低
16400.0,//收盘价
17.6415//量
});
list.Add(new object[] {
1499875200000,//时间
16580.0,//开盘价
16700.0,//高
16530.0,//低
16700.0,//收盘价
15.6415//量
});
list.Add(new object[] {
1499875200000,//时间
16580.0,//开盘价
16700.0,//高
16530.0,//低
16700.0,//收盘价
36.6415//量
});
list.Add(new object[] {
1499875200000,//时间
16580.0,//开盘价
16700.0,//高
16530.0,//低
16700.0,//收盘价
85.6415//量
});
list.Add(new object[] {
1499918040000,//时间
16630.0,//开盘价
16784.0,//高
16582.0,//低
16710.0,//收盘价
42.6415//量
});
list.Add(new object[] {
1499918280000,//时间
16580.0,//开盘价
16700.0,//高
16530.0,//低
16700.0,//收盘价
32.6415//量
});
list.Add(new object[] {
1499918400000,//时间
16580.0,//开盘价
16700.0,//高
16530.0,//低
16700.0,//收盘价
22.6415//量
});
list.Add(new object[] {
1499918760000,//时间
16580.0,//开盘价
16700.0,//高
16530.0,//低
16700.0,//收盘价
17.6415//量
});
list.Add(new object[] {
1499919000000,//时间
16548.0,//开盘价
16860.0,//高
16430.0,//低
16800.0,//收盘价
19.6415//量
});
return list;
}
插件js需要的json格式數據
即時請求點，就是推送一個點（一個柱子），比如一分鐘線，當一分鐘到了需要請求後台，生成一個點，擇數據json格式：
{"des":"1分钟线即时","isSuc":true,"datas":{"USDCNY":6.83,"contractUnit":"BTC","data":[[1515146460000,12.0000000000,15.0000000000,12.0000000000,15.0000000000,0.5000000000]],"marketName":"币柜网","moneyType":"CNY","symbol":"btc"}}
歷史數據點，一般首次進入圖表會請求歷史數據，比如請求n個點位，json格式：
{"des":"60分钟历史数据","isSuc":true,"datas":{"USDCNY":6.83,"contractUnit":"BTC","data":[[1510974000000,0.0100000000,0.0100000000,0.0100000000,0.0100000000,686935.7898000000],[1510999200000,0.0050000000,0.0100000000,0.0045000000,0.0045000000,181997.3261000000],[1511002800000,0.0040000000,0.0058000000,0.0040000000,0.0057000000,212021.2340000000],[1515052800000,0.0032400000,0.0032400000,0.0030000000,0.0030000000,609960.2584400000],[1515139200000,0.0036800000,0.0036800000,0.0036700000,0.0036700000,30975.9056000000],[1515142800000,0.0036700000,0.0036700000,0.0036700000,0.0036700000,1084.9982000000]],"marketName":"币柜网","moneyType":"CNY","symbol":""}}
想显示负数的情况，需要修改代码，就是成交价哪些有负值的情况，在何处修改，请参考此处：
在kline.draw.js代码行4013末尾加上日志console.log('判断价格');然后自己修改逻辑，即可显示负值的k线柱
此demo可以在vs2015中打開，直接運行查看效果
这里有我整理的demo示例，此示例是vs2015版本，ASP.NET MVC环境，更新时间2017-8-30 17:03:48
https://pan.baidu.com/s/1mhPj86G
这里有纯js的demo演示示例（方便前端的美工），下载地址，demo制作时间2018-2-8 17:46:16
百度网盘：https://pan.baidu.com/s/1i6ScTdb
csdn下载：http://download.csdn.net/download/u011511086/10246225
這裡分享個老外的trade交易圖表
https://cn.tradingview.com/chart/
這有免費的高級實時k線圖插件，配置頁面
https://cn.tradingview.com/widget/advanced-chart/
效果圖：
这个插件支持所有终端，支持pc，手机，插件地址：
https://cn.tradingview.com/HTML5-stock-forex-bitcoin-charting-library/
手机端效果：
这个地址可以在手机端用浏览器打开：
https://demo_chart.tradingview.com/mobile_black.html?lang=zh
