js股票K线图，比较专业的K线图插件

由於項目裏面要做個有關交易的平臺，其中要畫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">//币种idvar 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,//币种idlimit: "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

js股票K线图，比较专业的K线图插件相关推荐

知犀思维导图，在线免费创作思维导图
在我们工作中,很多时候需要去做一个思维导图,这个时候如果使用知犀思维导图这样专业的思维导图软件,那就能大大提高效率,知犀不仅可以使用客户端制作思维导图,还可以在线直接制作,而且最爽的是,还是免费的. ...
用python绘制股票图_一步一步教你用Python画出专业的K线图
漂亮的界面是量化程序的脸面,直观专业的界面能帮助我们了解股票的走势和形象地展示量化交易的结果.本文介绍如何使用matplotlib做出专业的K线图和展示各种技术指标: matplotlib是受MATL ...
python画k线图_一步一步教你用Python画出专业的K线图
漂亮的界面是量化程序的脸面,直观专业的界面能帮助我们了解股票的走势和形象地展示量化交易的结果.本文介绍如何使用matplotlib做出专业的K线图和展示各种技术指标: matplotlib是受MATL ...
用Python绘制专业的K线图【含源代码】
使用Python绘制一幅专业的K线图,是量化投资和金融数据分析的必备功课. 下面我将从K线图简介.数据获取.K线图绘制及成交量绘制等方面,结合源代码,一步步实现专业K线图的绘制. K线图简介 K线图又 ...
python绘制蜡烛图_一步一步教你用Python画出专业的K线图
漂亮的界面是量化程序的脸面,直观专业的界面能帮助我们了解股票的走势和形象地展示量化交易的结果.本文介绍如何使用matplotlib做出专业的K线图和展示各种技术指标: matplotlib是受MATL ...
如何使用Echarts设计专业的K线图
如何使用Echarts设计专业的K线图先上图: Echarts所需的K线的数据结构有:时间(date),开盘(open),收盘(close),最低(lowest),最高(highest),成交量(v ...
matlab的三条线如何区分,股票的三条线代表什么意思？股票k线图中的三条线如何判断...
股票的三条线代表什么意思? 它各自意味着KDJ三条线,在其中J线的挪动速率更快,次之是K线,比较慢的是D线.KDJ指标是股市上最常见的技术性分析工具,它在根据当日或近期几日最高成交价,最低价位及收盘价 ...
基于python的股票数据的读取及可视化（K线图）
文章目录 1.读取数据 2.绘制股票走势图 3.绘制K线图 1.读取数据 TuShare是一个免费.开源的python财经数据接口包.主要实现对股票等金融数据从数据采集.清洗加工到数据存储的过程, ...
K线图|K线图分析法简介 |K线图怎么看
K线图分析法简介 K线图这种图表源处于日本,被当时日本米市的商人用来记录米市的行情与价格波动,后因其细腻独到的标画方式而被引入到股市及期货市场.目前,这种图表分析法在我国以至整个东南亚地区均尤为流行. ...

js股票K线图，比较专业的K线图插件

js股票K线图，比较专业的K线图插件相关推荐

最新文章

热门文章