js股票K线图，比较专业的K线图插件
来源：互联网 发布：mac魔兽世界设置 编辑：程序博客网 时间：2024/04/27 14:29
由于项目里面要做个有关交易的平台，其中要画k线图（蜡烛图），在网上找了很多插件感觉都没有专业的股票交易平台弄的k线图专业，因此为了赶进度，将就用了百度的echarts来做k线图，结果发现如果点比较少的时候k线图呈现的柱子很大，不好看，除非有几百个点看着才比较和专业的k线图很像，后来因为要把那个图表换成像比特时代里面的k线图一样的，所以为了把图做的更专业一些，就只有借鉴一下他们的插件，然后就把专业的k线图拔了下来，自己研究里面的js方法，花了2天差不多就基本能用了，用的ajax轮询，因为比较更新对频繁的1分钟线也是1分钟更新一次，所以没有用长连接，感觉没必要，不过用长连接推送点也是可行的。之前由于花了很多时间找插件来画k图，结果实践发现看百度的echarts和Hightcharts都没有专业的交易平台的k线图专业，比如火币网的，币创网的，感觉他们的就很专业。因此下定决心要弄一个插件和他们的一样，抽时间把他们的插件研究出来，研究里面js方法怎么用的，那个图表也就是用的canvas画的，终于不负期望实际花了一天就弄出来了，基本能根据ajax查询后台的数据呈现出想要的效果。为了让广大的同学能少走弯路，惠及后来者，我决定分享自己的劳动成果，我想插件的作者本身应该也希望自己的劳动成果能的得到广大开发者的认可，因此冒大不韪来行此举，实则为了方便大家能省事，目前看网上还没有这个专业k线图插件的贡献。下面上图，图的效果：
画图的页面html：
@{ Layout = null;}<html><head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta name="baidu-sit指标参数设置e-verification" content="DwmS6mQC0u"> <link href="/Scripts/kline/kline.css" rel="stylesheet" /> <script src="/Scripts/jquery-1.11.1.min.js"></script> <script src="/Scripts/kline/jquery.mousewheel.js"></script> <style type="text/css"> a.kxiana { text-decoration: none; } a.kxiana:hover { text-decoration: underline !important; } #chart_canvasGroup:after { display: block; width: 100%; height: 100%; content: ""; background: url("/statics/img/common/bg_klie.png") 50% 25% no-repeat; background-size: auto 22%; position: absolute; z-index: 1; } </style> <title>行情图</title></head><body style="height:100%;background-color: #000"> <div id="chart_container" class="dark" style="width: 1670px; height: 361px; visibility: visible;"> <!-- Dom Element Cache --> <div id="chart_dom_elem_cache"></div> <!-- ToolBar --> <div id="chart_toolbar" style="left: 0px; top: 0px; width: 1670px; height: 29px;"> <div class="chart_toolbar_minisep"> </div> <!-- Periods --> <div class="chart_dropdown" id="chart_toolbar_periods_vert"> <div class="chart_dropdown_t"><a class="chart_str_period">周期</a></div> <div class="chart_dropdown_data" style="margin-left: -58px;"> <table> <tbody> <tr> <td> <ul> <li id="chart_period_1w_v" name="1w"> <a class="chart_str_period_1w">周线</a></li> <li id="chart_period_3d_v" name="3d"> <a class="chart_str_period_3d">3日</a></li> <li id="chart_period_1d_v" name="1d"> <a class="chart_str_period_1d">日线</a></li> </ul> </td> </tr> <tr> <td> <ul> <li id="chart_period_12h_v" name="12h"> <a class="chart_str_period_12h">12小时</a></li> <li id="chart_period_6h_v" name="6h"> <a class="chart_str_period_6h">6小时</a></li> <li id="chart_period_4h_v" name="4h"> <a class="chart_str_period_4h">4小时</a></li> <li id="chart_period_2h_v" name="2h"> <a class="chart_str_period_2h">2小时</a></li> <li id="chart_period_1h_v" name="1h"> <a class="chart_str_period_1h">1小时</a></li> </ul> </td> </tr> <tr> <td> <ul> <li id="chart_period_30m_v" name="30m"> <a class="chart_str_period_30m">30分钟</a></li> <li id="chart_period_15m_v" name="15m"> <a class="chart_str_period_15m">15分钟</a></li> <li id="chart_period_5m_v" name="5m"> <a class="chart_str_period_5m">5分钟</a></li> <li id="chart_period_3m_v" name="3m"> <a class="chart_str_period_3m">3分钟</a></li> <li id="chart_period_1m_v" name="1m"> <a class="chart_str_period_1m selected">1分钟</a></li> <li id="chart_period_line_v" name="line"><a class="chart_str_period_line">分时</a></li> </ul> </td> </tr> </tbody> </table> </div> </div><div id="chart_toolbar_periods_horz"> <ul class="chart_toolbar_tabgroup" style="padding-left:5px; padding-right:11px;"> <li id="chart_period_1w_h" name="1w" style="display: inline-block;"> <a class="chart_str_period_1w">周线</a></li> <li id="chart_period_3d_h" name="3d" style="display: none;"> <a class="chart_str_period_3d">3日</a></li> <li id="chart_period_1d_h" name="1d" style="display: inline-block;"> <a class="chart_str_period_1d">日线</a></li> <li id="chart_period_12h_h" name="12h" style="display: none;"> <a class="chart_str_period_12h">12小时</a></li> <li id="chart_period_6h_h" name="6h" style="display: none;"> <a class="chart_str_period_6h">6小时</a></li> <li id="chart_period_4h_h" name="4h" style="display: none;"> <a class="chart_str_period_4h">4小时</a></li> <li id="chart_period_2h_h" name="2h" style="display: none;"> <a class="chart_str_period_2h">2小时</a></li> <li id="chart_period_1h_h" name="1h" style="display: inline-block;"> <a class="chart_str_period_1h">1小时</a></li> <li id="chart_period_30m_h" name="30m" style="display: inline-block;"> <a class="chart_str_period_30m">30分钟</a></li> <li id="chart_period_15m_h" name="15m" style="display: inline-block;"> <a class="chart_str_period_15m">15分钟</a></li> <li id="chart_period_5m_h" name="5m" style="display: inline-block;"> <a class="chart_str_period_5m">5分钟</a></li> <li id="chart_period_3m_h" name="3m" style="display: none;"> <a class="chart_str_period_3m">3分钟</a></li> <li id="chart_period_1m_h" name="1m" style="display: inline-block;"> <a class="chart_str_period_1m selected">1分钟</a></li> <li id="chart_period_line_h" name="line" style="display: inline-block;"><a class="chart_str_period_line">分时</a></li> </ul> </div> <div id="chart_show_indicator" class="chart_toolbar_button chart_str_indicator_cap selected">技术指标</div><div id="chart_show_tools" class="chart_toolbar_button chart_str_tools_cap">画线工具</div><div id="chart_toolbar_theme"> <div class="chart_toolbar_label chart_str_theme_cap">主题选择</div> <a name="dark" class="chart_icon chart_icon_theme_dark selected"></a> <a name="light" class="chart_icon chart_icon_theme_light"></a> </div><div class="chart_dropdown" id="chart_dropdown_settings"> <div class="chart_dropdown_t"><a class="chart_str_settings">更多</a></div> <div class="chart_dropdown_data" style="margin-left: -142px;"> <table> <tbody> <tr id="chart_select_main_indicator"> <td class="chart_str_main_indicator">主指标</td> <td> <ul> <li><a name="MA" class="selected">MA</a></li> <li><a name="EMA" class="">EMA</a></li> <li><a name="BOLL" class="">BOLL</a></li> <li><a name="SAR" class="">SAR</a></li> <li><a name="NONE" class="">None</a></li> </ul> </td> </tr> <tr id="chart_select_chart_style"> <td class="chart_str_chart_style">主图样式</td> <td> <ul> <li><a class="selected">CandleStick</a></li> <li><a>CandleStickHLC</a></li> <li><a class="">OHLC</a></li> </ul> </td> </tr> <tr id="chart_select_theme" style="display: none;"> <td class="chart_str_theme">主题选择</td> <td> <ul> <li><a name="dark" class="chart_icon chart_icon_theme_dark selected"></a></li> <li><a name="light" class="chart_icon chart_icon_theme_light"></a></li> </ul> </td> </tr> <tr id="chart_enable_tools" style="display: none;"> <td class="chart_str_tools">画线工具</td> <td> <ul> <li><a name="on" class="chart_str_on">开启</a></li> <li><a name="off" class="chart_str_off selected">关闭</a></li> </ul> </td> </tr> <tr id="chart_enable_indicator" style="display: none;"> <td class="chart_str_indicator">技术指标</td> <td> <ul> <li><a name="on" class="chart_str_on selected">开启</a></li> <li><a name="off" class="chart_str_off">关闭</a></li> </ul> </td> </tr> <tr> <td></td> <td> <ul><li><a id="chart_btn_parameter_settings" class="chart_str_indicator_parameters">指标参数设置</a></li></ul> </td> </tr> </tbody> </table> </div> </div> <div class="chart_dropdown" id="chart_language_setting_div" style="padding-left: 5px;"> <div class="chart_dropdown_t"> <a class="chart_language_setting">语言(LANG)</a> </div> <div class="chart_dropdown_data" style="padding-top: 15px; margin-left: -12px;"> <ul> <li style="height: 25px;"><a name="zh-cn" class="selected">简体中文(zh-CN)</a></li> <li style="height: 25px;"><a name="en-us">English(en-US)</a></li> <li style="height: 25px;"><a name="zh-tw">繁體中文(zh-HK)</a></li> </ul> </div> </div> <div id="chart_updated_time"> <span class="chart_str_updated">更新于</span> <span id="chart_updated_time_text">4秒</span> <span class="chart_str_ago">前</span> </div> </div> <!-- ToolPanel --> <div id="chart_toolpanel" style="display: none; left: 0px; top: 30px; width: 32px; height: 331px;"> <div class="chart_toolpanel_separator"></div> <div class="chart_toolpanel_button"> <div class="chart_toolpanel_icon" id="chart_Cursor" name="Cursor"></div> <div class="chart_toolpanel_tip chart_str_cursor">光标</div> </div> <div class="chart_toolpanel_button"> <div class="chart_toolpanel_icon" id="chart_CrossCursor" name="CrossCursor"></div> <div class="chart_toolpanel_tip chart_str_cross_cursor">十字光标</div> </div> <div class="chart_toolpanel_button"> <div class="chart_toolpanel_icon" id="chart_SegLine" name="SegLine"></div> <div class="chart_toolpanel_tip chart_str_seg_line">线段</div> </div> <div class="chart_toolpanel_button"> <div class="chart_toolpanel_icon" id="chart_StraightLine" name="StraightLine"></div> <div class="chart_toolpanel_tip chart_str_straight_line">直线</div> </div> <div class="chart_toolpanel_button"> <div class="chart_toolpanel_icon" id="chart_RayLine" name="RayLine"></div> <div class="chart_toolpanel_tip chart_str_ray_line">射线</div> </div> <div class="chart_toolpanel_button"> <div class="chart_toolpanel_icon" id="chart_ArrowLine" name="ArrowLine"></div> <div class="chart_toolpanel_tip chart_str_arrow_line">箭头</div> </div> <div class="chart_toolpanel_button"> <div class="chart_toolpanel_icon" id="chart_HoriSegLine" name="HoriSegLine"></div> <div class="chart_toolpanel_tip chart_str_horz_seg_line">水平线段</div> </div> <div class="chart_toolpanel_button"> <div class="chart_toolpanel_icon" id="chart_HoriStraightLine" name="HoriStraightLine"></div> <div class="chart_toolpanel_tip chart_str_horz_straight_line">水平直线</div> </div> <div class="chart_toolpanel_button"> <div class="chart_toolpanel_icon" id="chart_HoriRayLine" name="HoriRayLine"></div> <div class="chart_toolpanel_tip chart_str_horz_ray_line">水平射线</div> </div> <div class="chart_toolpanel_button"> <div class="chart_toolpanel_icon" id="chart_VertiStraightLine" name="VertiStraightLine"></div> <div class="chart_toolpanel_tip chart_str_vert_straight_line">垂直直线</div> </div> <div class="chart_toolpanel_button"> <div class="chart_toolpanel_icon" id="chart_PriceLine" name="PriceLine"></div> <div class="chart_toolpanel_tip chart_str_price_line">价格线</div> </div> <div class="chart_toolpanel_button"> <div class="chart_toolpanel_icon" id="chart_TriParallelLine" name="TriParallelLine"></div> <div class="chart_toolpanel_tip chart_str_tri_parallel_line">价格通道线</div> </div> <div class="chart_toolpanel_button"> <div class="chart_toolpanel_icon" id="chart_BiParallelLine" name="BiParallelLine"></div> <div class="chart_toolpanel_tip chart_str_bi_parallel_line">平行直线</div> </div> <div class="chart_toolpanel_button"> <div class="chart_toolpanel_icon" id="chart_BiParallelRayLine" name="BiParallelRayLine"></div> <div class="chart_toolpanel_tip chart_str_bi_parallel_ray">平行射线</div> </div> <div class="chart_toolpanel_button"> <div class="chart_toolpanel_icon" id="chart_DrawFibRetrace" name="DrawFibRetrace"></div> <div class="chart_toolpanel_tip chart_str_fib_retrace">斐波纳契回调</div> </div> <div class="chart_toolpanel_button"> <div class="chart_toolpanel_icon" id="chart_DrawFibFans" name="DrawFibFans"></div> <div class="chart_toolpanel_tip chart_str_fib_fans">斐波纳契扇形</div> </div> <div style="padding-left: 3px;padding-top: 10px;"> <button style="color: red;" id="clearCanvas" title="Clear All">X</button> </div> </div> <!-- Canvas Group --> <div id="chart_canvasGroup" style="left: 0px; top: 30px; width: 1670px; height: 308px;" class="temp"> <canvas class="chart_canvas" id="chart_mainCanvas" width="1670" height="308" style="cursor: default;"></canvas> <canvas class="chart_canvas" id="chart_overlayCanvas" width="1670" height="308" style="cursor: default;"></canvas> </div> <!-- TabBar --> <div id="chart_tabbar" style="display: block; position: relative; left: 0px; top: 338px; width: 1670px; height: 22px;"> <ul> <li><a name="MACD" class="selected">MACD</a></li> <li><a name="KDJ" class="">KDJ</a></li> <li><a name="StochRSI" class="">StochRSI</a></li> <li><a name="RSI" class="">RSI</a></li> <li><a name="DMI" class="">DMI</a></li> <li><a name="OBV" class="">OBV</a></li> <li><a name="BOLL" class="">BOLL</a></li> <li><a name="SAR" class="">SAR</a></li> <li><a name="DMA" class="">DMA</a></li> <li><a name="TRIX" class="">TRIX</a></li> <li><a name="BRAR" class="">BRAR</a></li> <li><a name="VR" class="">VR</a></li> <li><a name="EMV" class="">EMV</a></li> <li><a name="WR" class="">WR</a></li> <li><a name="ROC" class="">ROC</a></li> <li><a name="MTM" class="">MTM</a></li> <li><a name="PSY">PSY</a></li> </ul> </div> <!-- Parameter Settings --> <div id="chart_parameter_settings" style="left: 515px; top: -64px;"> <h2 class="chart_str_indicator_parameters">指标参数设置</h2> <table> <tbody> <tr> <th>MA</th> <td><input name="MA"><input name="MA"><input name="MA"><input name="MA"><br><input name="MA"><input name="MA"></td> <td><button class="chart_str_default">默认值</button></td> <th>DMA</th> <td><input name="DMA"><input name="DMA"><input name="DMA"></td> <td><button class="chart_str_default">默认值</button></td> </tr> <tr> <th>EMA</th> <td><input name="EMA"><input name="EMA"><input name="EMA"><input name="EMA"><br><input name="EMA"><input name="EMA"></td> <td><button class="chart_str_default">默认值</button></td> <th>TRIX</th> <td><input name="TRIX"><input name="TRIX"></td> <td><button class="chart_str_default">默认值</button></td> </tr> <tr> <th>VOLUME</th> <td><input name="VOLUME"><input name="VOLUME"></td> <td><button class="chart_str_default">默认值</button></td> <th>BRAR</th> <td><input name="BRAR"></td> <td><button class="chart_str_default">默认值</button></td> </tr> <tr> <th>MACD</th> <td><input name="MACD"><input name="MACD"><input name="MACD"></td> <td><button class="chart_str_default">默认值</button></td> <th>VR</th> <td><input name="VR"><input name="VR"></td> <td><button class="chart_str_default">默认值</button></td> </tr> <tr> <th>KDJ</th> <td><input name="KDJ"><input name="KDJ"><input name="KDJ"></td> <td><button class="chart_str_default">默认值</button></td> <th>EMV</th> <td><input name="EMV"><input name="EMV"></td> <td><button class="chart_str_default">默认值</button></td> </tr> <tr> <th>StochRSI</th> <td><input name="StochRSI"><input name="StochRSI"><input name="StochRSI"><input name="StochRSI"></td> <td><button class="chart_str_default">默认值</button></td> <th>WR</th> <td><input name="WR"><input name="WR"></td> <td><button class="chart_str_default">默认值</button></td> </tr> <tr> <th>RSI</th> <td><input name="RSI"><input name="RSI"><input name="RSI"></td> <td><button class="chart_str_default">默认值</button></td> <th>ROC</th> <td><input name="ROC"><input name="ROC"></td> <td><button class="chart_str_default">默认值</button></td> </tr> <tr> <th>DMI</th> <td><input name="DMI"><input name="DMI"></td> <td><button class="chart_str_default">默认值</button></td> <th>MTM</th> <td><input name="MTM"><input name="MTM"></td> <td><button class="chart_str_default">默认值</button></td> </tr> <tr> <th>OBV</th> <td><input name="OBV"></td> <td><button class="chart_str_default">默认值</button></td> <th>PSY</th> <td><input name="PSY"><input name="PSY"></td> <td><button class="chart_str_default">默认值</button></td> </tr> <tr> <th>BOLL</th> <td><input name="BOLL"></td> <td><button class="chart_str_default">默认值</button></td> </tr> </tbody> </table> <div id="close_settings"><a class="chart_str_close">关闭</a></div> </div> <!-- Loading --> <div id="chart_loading" class="chart_str_loading" style="left: 735px; top: 78px;">正在读取数据...</div> </div> <!-- End Of ChartContainer --> <div style="display: none" id="chart_language_switch_tmp"> <span name="chart_str_period" zh_tw="週期" zh_cn="周期" en_us="TIME"> <span name="chart_str_period_line" zh_tw="分時" zh_cn="分时" en_us="Line"> <span name="chart_str_period_1m" zh_tw="1分钟" zh_cn="1分钟" en_us="1m"> <span name="chart_str_period_3m" zh_tw="3分钟" zh_cn="3分钟" en_us="3m"> <span name="chart_str_period_5m" zh_tw="5分钟" zh_cn="5分钟" en_us="5m"> <span name="chart_str_period_15m" zh_tw="15分钟" zh_cn="15分钟" en_us="15m"> <span name="chart_str_period_30m" zh_tw="30分钟" zh_cn="30分钟" en_us="30m"> <span name="chart_str_period_1h" zh_tw="1小時" zh_cn="1小时" en_us="1h"> <span name="chart_str_period_2h" zh_tw="2小時" zh_cn="2小时" en_us="2h"> <span name="chart_str_period_4h" zh_tw="4小時" zh_cn="4小时" en_us="4h"> <span name="chart_str_period_6h" zh_tw="6小時" zh_cn="6小时" en_us="6h"> <span name="chart_str_period_12h" zh_tw="12小時" zh_cn="12小时" en_us="12h"> <span name="chart_str_period_1d" zh_tw="日線" zh_cn="日线" en_us="1d"> <span name="chart_str_period_3d" zh_tw="3日" zh_cn="3日" en_us="3d"> <span name="chart_str_period_1w" zh_tw="周線" zh_cn="周线" en_us="1w"> <span name="chart_str_settings" zh_tw="更多" zh_cn="更多" en_us="MORE"> <span name="chart_setting_main_indicator" zh_tw="均線設置" zh_cn="均线设置" en_us="Main Indicator"> <span name="chart_setting_main_indicator_none" zh_tw="關閉均線" zh_cn="关闭均线" en_us="None"> <span name="chart_setting_indicator_parameters" zh_tw="指標參數設置" zh_cn="指标参数设置" en_us="Indicator Parameters"> <span name="chart_str_chart_style" zh_tw="主圖樣式" zh_cn="主图样式" en_us="Chart Style"> <span name="chart_str_main_indicator" zh_tw="主指標" zh_cn="主指标" en_us="Main Indicator"> <span name="chart_str_indicator" zh_tw="技術指標" zh_cn="技术指标" en_us="Indicator"> <span name="chart_str_indicator_cap" zh_tw="技術指標" zh_cn="技术指标" en_us="INDICATOR"> <span name="chart_str_tools" zh_tw="畫線工具" zh_cn="画线工具" en_us="Tools"> <span name="chart_str_tools_cap" zh_tw="畫線工具" zh_cn="画线工具" en_us="TOOLS"> <span name="chart_str_theme" zh_tw="主題選擇" zh_cn="主题选择" en_us="Theme"> <span name="chart_str_theme_cap" zh_tw="主題選擇" zh_cn="主题选择" en_us="THEME"> <span name="chart_language_setting" zh_tw="語言(LANG)" zh_cn="语言(LANG)" en_us="LANGUAGE"> <span name="chart_exchanges_setting" zh_tw="更多市場" zh_cn="更多市场" en_us="MORE MARKETS"> <span name="chart_othercoin_setting" zh_tw="其它市場" zh_cn="其它市场" en_us="OTHER MARKETS"> <span name="chart_str_none" zh_tw="關閉" zh_cn="关闭" en_us="None"> <span name="chart_str_theme_dark" zh_tw="深色主題" zh_cn="深色主题" en_us="Dark"> <span name="chart_str_theme_light" zh_tw="淺色主題" zh_cn="浅色主题" en_us="Light"> <span name="chart_str_on" zh_tw="開啟" zh_cn="开启" en_us="On"> <span name="chart_str_off" zh_tw="關閉" zh_cn="关闭" en_us="Off"> <span name="chart_str_close" zh_tw="關閉" zh_cn="关闭" en_us="CLOSE"> <span name="chart_str_default" zh_tw="默認值" zh_cn="默认值" en_us="default"> <span name="chart_str_loading" zh_tw="正在讀取數據..." zh_cn="正在读取数据..." en_us="Loading..."> <span name="chart_str_indicator_parameters" zh_tw="指標參數設置" zh_cn="指标参数设置" en_us="Indicator Parameters"> <span name="chart_str_cursor" zh_tw="光標" zh_cn="光标" en_us="Cursor"> <span name="chart_str_cross_cursor" zh_tw="十字光標" zh_cn="十字光标" en_us="Cross Cursor"> <span name="chart_str_seg_line" zh_tw="線段" zh_cn="线段" en_us="Trend Line"> <span name="chart_str_straight_line" zh_tw="直線" zh_cn="直线" en_us="Extended"> <span name="chart_str_ray_line" zh_tw="射線" zh_cn="射线" en_us="Ray"> <span name="chart_str_arrow_line" zh_tw="箭頭" zh_cn="箭头" en_us="Arrow"> <span name="chart_str_horz_seg_line" zh_tw="水平線段" zh_cn="水平线段" en_us="Horizontal Line"> <span name="chart_str_horz_straight_line" zh_tw="水平直線" zh_cn="水平直线" en_us="Horizontal Extended"> <span name="chart_str_horz_ray_line" zh_tw="水平射線" zh_cn="水平射线" en_us="Horizontal Ray"> <span name="chart_str_vert_straight_line" zh_tw="垂直直線" zh_cn="垂直直线" en_us="Vertical Extended"> <span name="chart_str_price_line" zh_tw="價格線" zh_cn="价格线" en_us="Price Line"> <span name="chart_str_tri_parallel_line" zh_tw="價格通道線" zh_cn="价格通道线" en_us="Parallel Channel"> <span name="chart_str_bi_parallel_line" zh_tw="平行直線" zh_cn="平行直线" en_us="Parallel Lines"> <span name="chart_str_bi_parallel_ray" zh_tw="平行射線" zh_cn="平行射线" en_us="Parallel Rays"> <span name="chart_str_fib_retrace" zh_tw="斐波納契回調" zh_cn="斐波纳契回调" en_us="Fibonacci Retracements"> <span name="chart_str_fib_fans" zh_tw="斐波納契扇形" zh_cn="斐波纳契扇形" en_us="Fibonacci Fans"> <span name="chart_str_updated" zh_tw="更新於" zh_cn="更新于" en_us="Updated"> <span name="chart_str_ago" zh_tw="前" zh_cn="前" en_us="ago"> </span> </span> </span> </span> </span> </span> </span> </span> </span> </span> </span> </span> </span> </span> </span> </span> </span> </span> </span> </span> </span> </span> </span> </span> </span> </span> </span> </span> </span> </span> </span> </span> </span> </span> </span> </span> </span> </span> </span> </span> </span> </span> </span> </span> </span> </span> </span> </span> </span> </span> </span> </span> </span> </span> </span> </span> </span> </div> <input value="0" id="depArgs" type="hidden"> <script src="/Scripts/kline/kline.assistant.js"></script> <script type="text/javascript"> //币种id var biType = "@ViewBag.biType"; var theme = "@ViewBag.theme"; if (theme == "0") { setTimeout(function () { switch_theme("light"); //设置图表背景为白色 }, 10); } else { setTimeout(function () { switch_theme("dark"); //设置图表背景为黑色 }, 10); } var kline = new Kline(); //var klineUrl = "http://localhost:8083/KlineTest/GetKline"; var klineUrl = "/Kline/GetKline?biType=@ViewBag.biType"; //每分钟开始更新图 setInterval(function () { var d = new Date(); //console.log(GLOBAL_VAR.time_type); if (d.getSeconds() == 0 && GLOBAL_VAR.time_type == "1min") { //K线图每分钟更新1分钟线 GLOBAL_VAR.requestParam = setHttpRequestParam(biType, "1min", null, 100000000000); RequestData(); //console.log('1分钟线即时'); //var inst= ChartManager.getInstance(); //console.log(GLOBAL_VAR.time_type); } }, 1000); setInterval(function () { var d = new Date(); if (d.getMinutes() % 3 == 0 && GLOBAL_VAR.time_type=="3min") { //K线3分钟线即时数据 GLOBAL_VAR.requestParam = setHttpRequestParam(biType, "3min", null, 103000000000); RequestData(); //console.log('3分钟线即时'); } if (d.getMinutes() % 5 == 0 && GLOBAL_VAR.time_type == "5min") { //K线5分钟线每五分钟更新 GLOBAL_VAR.requestParam = setHttpRequestParam(biType, "5min", null, 105000000000); RequestData(); //console.log('5分钟线即时'); } if (d.getMinutes() % 15 == 0 && GLOBAL_VAR.time_type == "15min") { //K线15分钟线周期更新 GLOBAL_VAR.requestParam = setHttpRequestParam(biType, "15min", null, 150000000000); RequestData(); //console.log('15分钟线即时'); } if (d.getMinutes() % 30 == 0 && GLOBAL_VAR.time_type == "30min") { //三十分钟线即时点 GLOBAL_VAR.requestParam = setHttpRequestParam(biType, "30min", null, 300000000000); RequestData(); //console.log('30分钟线即时'); } if (d.getMinutes() == 0 && GLOBAL_VAR.time_type == "1hour") { //请求1小时线即时点 GLOBAL_VAR.requestParam = setHttpRequestParam(biType, "1hour", null, 600000000000); RequestData(); //console.log('1小时线即时'); } }, 1000 * 60); </script> <script src="/Scripts/kline/kline.draw.js"></script></body></html>图表依赖的js和css：
kline.draw.js
jquery.mousewheel.js
kline.assistant.js
kline.css
kline.draw.js：
var GLOBAL_VAR = { KLineAllData: new Object, KLineData: new Object, time_type: "15min", market_from: "1", market_from_name: biType,//币种id limit: "1000", requestParam: "", chartMgr: null, G_HTTP_REQUEST: null, TimeOutId: null, button_down: false, init: false, url: klineUrl //"http://localhost:8083/KlineTest/GetKline"//表示请求的数据地址};GLOBAL_VAR.periodMap = { "01w": "1week", "03d": "3day", "01d": "1day", "12h": "12hour", "06h": "6hour", "04h": "4hour", "02h": "2hour", "01h": "1hour", "30m": "30min", "15m": "15min", "05m": "5min", "03m": "3min", "01m": "1min"};GLOBAL_VAR.tagMapPeriod = { "1w": "01w", "3d": "03d", "1d": "01d", "12h": "12h", "6h": "06h", "4h": "04h", "2h": "02h", "1h": "01h", "30m": "30m", "15m": "15m", "5m": "05m", "3m": "03m", "1m": "01m"};var classId = 0;function create_class() { var j = arguments.length; var e = function() {}; var d; if (j) { d = arguments[0]; for (var a in d.prototype) { e.prototype[a] = d.prototype[a] } } for (var c = 1; c < j; c++) { var b = arguments[c]; var g = b.prototype.__construct; if (g) { if (!e.prototype.__featureConstructors) { e.prototype.__featureConstructors = [] } e.prototype.__featureConstructors.push(g); delete b.prototype.__construct } for (var a in b.prototype) { e.prototype[a] = b.prototype[a] } if (g) { b.prototype.__construct = g } } var h = function() { if (this.__construct) { this.__construct.apply(this, arguments) } if (this.__featureConstructors) { var f = this.__featureConstructors; var k, l = f.length; for (k = 0; k < l; k++) { f[k].apply(this, arguments) } } }; e.prototype.__classId = classId++; if (d != undefined) { h.__super = d.prototype; e.prototype.__super = d } h.prototype = new e(); return h}function is_instance(c, a) { var b = a.prototype.__classId; if (c.__classId == b) { return true } var d = c.__super; while (d != undefined) { if (d.prototype.__classId == b) { return true } d = d.prototype.__super } return false}var MEvent = create_class();MEvent.prototype.__construct = function() { this._handlers = []};MEvent.prototype.addHandler = function(b, a) { if (this._indexOf(b, a) < 0) { this._handlers.push({ obj: b, func: a }) }};MEvent.prototype.removeHandler = function(c, b) { var a = this._indexOf(c, b); if (a >= 0) { this._handlers.splice(a, 1) }};MEvent.prototype.raise = function(f, h) { var b = this._handlers; var j, d, k = b.length; for (d = 0; d < k; d++) { j = b[d]; j.func.call(j.obj, f, h) }};MEvent.prototype._indexOf = function(j, g) { var b = this._handlers; var h, d, k = b.length; for (d = 0; d < k; d++) { h = b[d]; if (j == h.obj && g == h.func) { return d } } return - 1};String.fromFloat = function(a, c) { var d = a.toFixed(c); for (var b = d.length - 1; b >= 0; b--) { if (d[b] == ".") { return d.substring(0, b) } if (d[b] != "0") { return d.substring(0, b + 1) } }};var ExprEnv = create_class();ExprEnv.get = function() { return ExprEnv.inst};ExprEnv.set = function(a) { ExprEnv.inst = a};ExprEnv.prototype.getDataSource = function() { return this._ds};ExprEnv.prototype.setDataSource = function(a) { return this._ds = a};ExprEnv.prototype.getFirstIndex = function() { return this._firstIndex};ExprEnv.prototype.setFirstIndex = function(a) { return this._firstIndex = a};var Expr = create_class();Expr.prototype.__construct = function() { this._rid = 0};Expr.prototype.execute = function(a) {};Expr.prototype.reserve = function(a, b) {};Expr.prototype.clear = function() {};var OpenExpr = create_class(Expr);var HighExpr = create_class(Expr);var LowExpr = create_class(Expr);var CloseExpr = create_class(Expr);var VolumeExpr = create_class(Expr);OpenExpr.prototype.execute = function(a) { return ExprEnv.get()._ds.getDataAt(a).open};HighExpr.prototype.execute = function(a) { return ExprEnv.get()._ds.getDataAt(a).high};LowExpr.prototype.execute = function(a) { return ExprEnv.get()._ds.getDataAt(a).low};CloseExpr.prototype.execute = function(a) { return ExprEnv.get()._ds.getDataAt(a).close};VolumeExpr.prototype.execute = function(a) { return ExprEnv.get()._ds.getDataAt(a).volume};var ConstExpr = create_class(Expr);ConstExpr.prototype.__construct = function(a) { ConstExpr.__super.__construct.call(this); this._value = a};ConstExpr.prototype.execute = function(a) { return this._value};var ParameterExpr = create_class(Expr);ParameterExpr.prototype.__construct = function(b, c, d, a) { ParameterExpr.__super.__construct.call(this); this._name = b; this._minValue = c; this._maxValue = d; this._value = this._defaultValue = a};ParameterExpr.prototype.execute = function(a) { return this._value};ParameterExpr.prototype.getMinValue = function() { return this._minValue};ParameterExpr.prototype.getMaxValue = function() { return this._maxValue};ParameterExpr.prototype.getDefaultValue = function() { return this._defaultValue};ParameterExpr.prototype.getValue = function() { return this._value};ParameterExpr.prototype.setValue = function(a) { if (a == 0) { this._value = 0 } else { if (a < this._minValue) { this._value = this._minValue } else { if (a > this._maxValue) { this._value = this._maxValue } else { this._value = a } } }};var OpAExpr = create_class(Expr);var OpABExpr = create_class(Expr);var OpABCExpr = create_class(Expr);var OpABCDExpr = create_class(Expr);OpAExpr.prototype.__construct = function(b) { OpAExpr.__super.__construct.call(this); this._exprA = b};OpAExpr.prototype.reserve = function(a, b) { if (this._rid < a) { this._rid = a; this._exprA.reserve(a, b) }};OpAExpr.prototype.clear = function() { this._exprA.clear()};OpABExpr.prototype.__construct = function(d, c) { OpABExpr.__super.__construct.call(this); this._exprA = d; this._exprB = c};OpABExpr.prototype.reserve = function(a, b) { if (this._rid < a) { this._rid = a; this._exprA.reserve(a, b); this._exprB.reserve(a, b) }};OpABExpr.prototype.clear = function() { this._exprA.clear(); this._exprB.clear()};OpABCExpr.prototype.__construct = function(e, d, f) { OpABCExpr.__super.__construct.call(this); this._exprA = e; this._exprB = d; this._exprC = f};OpABCExpr.prototype.reserve = function(a, b) { if (this._rid < a) { this._rid = a; this._exprA.reserve(a, b); this._exprB.reserve(a, b); this._exprC.reserve(a, b) }};OpABCExpr.prototype.clear = function() { this._exprA.clear(); this._exprB.clear(); this._exprC.clear()};OpABCDExpr.prototype.__construct = function(f, e, h, g) { OpABCDExpr.__super.__construct.call(this); this._exprA = f; this._exprB = e; this._exprC = h; this._exprD = g};OpABCDExpr.prototype.reserve = function(a, b) { if (this._rid < a) { this._rid = a; this._exprA.reserve(a, b); this._exprB.reserve(a, b); this._exprC.reserve(a, b); this._exprD.reserve(a, b) }};OpABCDExpr.prototype.clear = function() { this._exprA.clear(); this._exprB.clear(); this._exprC.clear(); this._exprD.clear()};var NegExpr = create_class(OpAExpr);NegExpr.prototype.__construct = function(b) { NegExpr.__super.__construct.call(this, b)};NegExpr.prototype.execute = function(a) { return - (this._exprA.execute(a))};var AddExpr = create_class(OpABExpr);var SubExpr = create_class(OpABExpr);var MulExpr = create_class(OpABExpr);var DivExpr = create_class(OpABExpr);AddExpr.prototype.__construct = function(d, c) { AddExpr.__super.__construct.call(this, d, c)};SubExpr.prototype.__construct = function(d, c) { SubExpr.__super.__construct.call(this, d, c)};MulExpr.prototype.__construct = function(d, c) { MulExpr.__super.__construct.call(this, d, c)};DivExpr.prototype.__construct = function(d, c) { DivExpr.__super.__construct.call(this, d, c)};AddExpr.prototype.execute = function(a) { return this._exprA.execute(a) + this._exprB.execute(a)};SubExpr.prototype.execute = function(a) { return this._exprA.execute(a) - this._exprB.execute(a)};MulExpr.prototype.execute = function(a) { return this._exprA.execute(a) * this._exprB.execute(a)};DivExpr.prototype.execute = function(e) { var d = this._exprA.execute(e); var c = this._exprB.execute(e); if (d == 0) { return d } if (c == 0) { return (d > 0) ? 1000000 : -1000000 } return d / c};var GtExpr = create_class(OpABExpr);var GeExpr = create_class(OpABExpr);var LtExpr = create_class(OpABExpr);var LeExpr = create_class(OpABExpr);var EqExpr = create_class(OpABExpr);GtExpr.prototype.__construct = function(d, c) { GtExpr.__super.__construct.call(this, d, c)};GeExpr.prototype.__construct = function(d, c) { GeExpr.__super.__construct.call(this, d, c)};LtExpr.prototype.__construct = function(d, c) { LtExpr.__super.__construct.call(this, d, c)};LeExpr.prototype.__construct = function(d, c) { LeExpr.__super.__construct.call(this, d, c)};EqExpr.prototype.__construct = function(d, c) { EqExpr.__super.__construct.call(this, d, c)};GtExpr.prototype.execute = function(a) { return this._exprA.execute(a) > this._exprB.execute(a) ? 1 : 0};GeExpr.prototype.execute = function(a) { return this._exprA.execute(a) >= this._exprB.execute(a) ? 1 : 0};LtExpr.prototype.execute = function(a) { return this._exprA.execute(a) < this._exprB.execute(a) ? 1 : 0};LeExpr.prototype.execute = function(a) { return this._exprA.execute(a) <= this._exprB.execute(a) ? 1 : 0};EqExpr.prototype.execute = function(a) { return this._exprA.execute(a) == this._exprB.execute(a) ? 1 : 0};var MaxExpr = create_class(OpABExpr);MaxExpr.prototype.__construct = function(d, c) { MaxExpr.__super.__construct.call(this, d, c)};MaxExpr.prototype.execute = function(a) { return Math.max(this._exprA.execute(a), this._exprB.execute(a))};var AbsExpr = create_class(OpAExpr);AbsExpr.prototype.__construct = function(b) { AbsExpr.__super.__construct.call(this, b)};AbsExpr.prototype.execute = function(a) { return Math.abs(this._exprA.execute(a))};var RefExpr = create_class(OpABExpr);RefExpr.prototype.__construct = function(d, c) { RefExpr.__super.__construct.call(this, d, c); this._offset = -1};RefExpr.prototype.execute = function(b) { if (this._offset < 0) { this._offset = this._exprB.execute(b); if (this._offset < 0) { throw "offset < 0" } } b -= this._offset; if (b < 0) { throw "index < 0" } var a = this._exprA.execute(b); if (isNaN(a)) { throw "NaN" } return a};var AndExpr = create_class(OpABExpr);var OrExpr = create_class(OpABExpr);AndExpr.prototype.__construct = function(d, c) { AndExpr.__super.__construct.call(this, d, c)};OrExpr.prototype.__construct = function(d, c) { OrExpr.__super.__construct.call(this, d, c)};AndExpr.prototype.execute = function(a) { return (this._exprA.execute(a) != 0) && (this._exprB.execute(a) != 0) ? 1 : 0};OrExpr.prototype.execute = function(a) { return (this._exprA.execute(a) != 0) || (this._exprB.execute(a) != 0) ? 1 : 0};var IfExpr = create_class(OpABCExpr);IfExpr.prototype.__construct = function(e, d, f) { IfExpr.__super.__construct.call(this, e, d, f)};IfExpr.prototype.execute = function(a) { return this._exprA.execute(a) != 0 ? this._exprB.execute(a) : this._exprC.execute(a)};var AssignExpr = create_class(OpAExpr);AssignExpr.prototype.__construct = function(c, b) { AssignExpr.__super.__construct.call(this, b); this._name = c; this._buf = []};AssignExpr.prototype.getName = function() { return this._name};AssignExpr.prototype.execute = function(a) { return this._buf[a]};AssignExpr.prototype.assign = function(a) { this._buf[a] = this._exprA.execute(a); if (ExprEnv.get()._firstIndex >= 0) { if (isNaN(this._buf[a]) && !isNaN(this._buf[a - 1])) { throw this._name + ".assign(" + a + "): NaN" } }};AssignExpr.prototype.reserve = function(a, b) { if (this._rid < a) { for (var d = b; d > 0; d--) { this._buf.push(NaN) } } AssignExpr.__super.reserve.call(this, a, b)};AssignExpr.prototype.clear = function() { AssignExpr.__super.clear.call(this); this._buf = []};var OutputStyle = { None: 0, Line: 1, VolumeStick: 2, MACDStick: 3, SARPoint: 4};var OutputExpr = create_class(AssignExpr);OutputExpr.prototype.__construct = function(d, b, e, c) { OutputExpr.__super.__construct.call(this, d, b); this._style = (e === undefined) ? OutputStyle.Line: e; this._color = c};OutputExpr.prototype.getStyle = function() { return this._style};OutputExpr.prototype.getColor = function() { return this._color};var RangeOutputExpr = create_class(OutputExpr);RangeOutputExpr.prototype.__construct = function(d, b, e, c) { RangeOutputExpr.__super.__construct.call(this, d, b, e, c)};RangeOutputExpr.prototype.getName = function() { return this._name + this._exprA.getRange()};var RangeExpr = create_class(OpABExpr);RangeExpr.prototype.__construct = function(d, c) { RangeExpr.__super.__construct.call(this, d, c); this._range = -1; this._buf = []};RangeExpr.prototype.getRange = function() { return this._range};RangeExpr.prototype.initRange = function() { this._range = this._exprB.execute(0)};RangeExpr.prototype.execute = function(a) { if (this._range < 0) { this.initRange() } var c = this._buf[a].resultA = this._exprA.execute(a); var b = this._buf[a].result = this.calcResult(a, c); return b};RangeExpr.prototype.reserve = function(a, b) { if (this._rid < a) { for (var d = b; d > 0; d--) { this._buf.push({ resultA: NaN, result: NaN }) } } RangeExpr.__super.reserve.call(this, a, b)};RangeExpr.prototype.clear = function() { RangeExpr.__super.clear.call(this); this._range = -1; this._buf = []};var HhvExpr = create_class(RangeExpr);var LlvExpr = create_class(RangeExpr);HhvExpr.prototype.__construct = function(d, c) { HhvExpr.__super.__construct.call(this, d, c)};LlvExpr.prototype.__construct = function(d, c) { LlvExpr.__super.__construct.call(this, d, c)};HhvExpr.prototype.calcResult = function(b, h) { if (this._range == 0) { return NaN } var e = ExprEnv.get()._firstIndex; if (e < 0) { return h } if (b > e) { var g = this._range; var a = h; var f = b - g + 1; var c = Math.max(e, f); for (; c < b; c++) { var d = this._buf[c]; if (a < d.resultA) { a = d.resultA } } return a } else { return h }};LlvExpr.prototype.calcResult = function(b, h) { if (this._range == 0) { return NaN } var e = ExprEnv.get()._firstIndex; if (e < 0) { return h } if (b > e) { var g = this._range; var a = h; var f = b - g + 1; var c = Math.max(e, f); for (; c < b; c++) { var d = this._buf[c]; if (a > d.resultA) { a = d.resultA } } return a } else { return h }};var CountExpr = create_class(RangeExpr);CountExpr.prototype.__construct = function(d, c) { CountExpr.__super.__construct.call(this, d, c)};CountExpr.prototype.calcResult = function(a, e) { if (this._range == 0) { return NaN } var c = ExprEnv.get()._firstIndex; if (c < 0) { return 0 } if (a >= c) { var d = this._range - 1; if (d > a - c) { d = a - c } var b = 0; for (; d >= 0; d--) { if (this._buf[a - d].resultA != 0) { b++ } } return b } else { return 0 }};var SumExpr = create_class(RangeExpr);SumExpr.prototype.__construct = function(d, c) { SumExpr.__super.__construct.call(this, d, c)};SumExpr.prototype.calcResult = function(a, d) { var b = ExprEnv.get()._firstIndex; if (b < 0) { return d } if (a > b) { var c = this._range; if (c == 0 || c >= a + 1 - b) { return this._buf[a - 1].result + d } return this._buf[a - 1].result + d - this._buf[a - c].resultA } else { return d }};var StdExpr = create_class(RangeExpr);StdExpr.prototype.__construct = function(d, c) { StdExpr.__super.__construct.call(this, d, c)};StdExpr.prototype.calcResult = function(b, g) { if (this._range == 0) { return NaN } var a = this._stdBuf[b]; var e = ExprEnv.get()._firstIndex; if (e < 0) { a.resultMA = g; return 0 } if (b > e) { var f = this._range; if (f >= b + 1 - e) { f = b + 1 - e; a.resultMA = this._stdBuf[b - 1].resultMA * (1 - 1 / f) + (g / f) } else { a.resultMA = this._stdBuf[b - 1].resultMA + (g - this._buf[b - f].resultA) / f } var d = 0; for (var c = b - f + 1; c <= b; c++) { d += Math.pow(this._buf[c].resultA - a.resultMA, 2) } return Math.sqrt(d / f) } a.resultMA = g; return 0};StdExpr.prototype.reserve = function(a, b) { if (this._rid < a) { for (var d = b; d > 0; d--) { this._stdBuf.push({ resultMA: NaN }) } } StdExpr.__super.reserve.call(this, a, b)};StdExpr.prototype.clear = function() { StdExpr.__super.clear.call(this); this._stdBuf = []};var MaExpr = create_class(RangeExpr);MaExpr.prototype.__construct = function(d, c) { MaExpr.__super.__construct.call(this, d, c)};MaExpr.prototype.calcResult = function(a, d) { if (this._range == 0) { return NaN } var b = ExprEnv.get()._firstIndex; if (b < 0) { return d } if (a > b) { var c = this._range; if (c >= a + 1 - b) { c = a + 1 - b; return this._buf[a - 1].result * (1 - 1 / c) + (d / c) } return this._buf[a - 1].result + (d - this._buf[a - c].resultA) / c } else { return d }};var EmaExpr = create_class(RangeExpr);EmaExpr.prototype.__construct = function(d, c) { EmaExpr.__super.__construct.call(this, d, c)};EmaExpr.prototype.initRange = function() { EmaExpr.__super.initRange.call(this); this._alpha = 2 / (this._range + 1)};EmaExpr.prototype.calcResult = function(a, d) { if (this._range == 0) { return NaN } var c = ExprEnv.get()._firstIndex; if (c < 0) { return d } if (a > c) { var b = this._buf[a - 1]; return this._alpha * (d - b.result) + b.result } return d};var ExpmemaExpr = create_class(EmaExpr);ExpmemaExpr.prototype.__construct = function(d, c) { ExpmemaExpr.__super.__construct.call(this, d, c)};ExpmemaExpr.prototype.calcResult = function(a, e) { var c = ExprEnv.get()._firstIndex; if (c < 0) { return e } if (a > c) { var d = this._range; var b = this._buf[a - 1]; if (d >= a + 1 - c) { d = a + 1 - c; return b.result * (1 - 1 / d) + (e / d) } return this._alpha * (e - b.result) + b.result } return e};var SmaExpr = create_class(RangeExpr);SmaExpr.prototype.__construct = function(e, d, f) { SmaExpr.__super.__construct.call(this, e, d); this._exprC = f; this._mul};SmaExpr.prototype.initRange = function() { SmaExpr.__super.initRange.call(this); this._mul = this._exprC.execute(0)};SmaExpr.prototype.calcResult = function(a, d) { if (this._range == 0) { return NaN } var b = ExprEnv.get()._firstIndex; if (b < 0) { return d } if (a > b) { var c = this._range; if (c > a + 1 - b) { c = a + 1 - b } return ((c - 1) * this._buf[a - 1].result + d * this._mul) / c } return d};var SarExpr = create_class(OpABCDExpr);SarExpr.prototype.__construct = function(f, e, h, g) { SarExpr.__super.__construct.call(this, f, e, h, g); this._buf = []; this._range = -1; this._min; this._step; this._max};SarExpr.prototype.execute = function(j) { if (this._range < 0) { this._range = this._exprA.execute(0); this._min = this._exprB.execute(0) / 100; this._step = this._exprC.execute(0) / 100; this._max = this._exprD.execute(0) / 100 } var d = this._buf[j]; var m = ExprEnv.get(); var g = m._firstIndex; if (g < 0) { d.longPos = true; d.sar = m._ds.getDataAt(j).low; d.ep = m._ds.getDataAt(j).high; d.af = 0.02 } else { var c = m._ds.getDataAt(j).high; var k = m._ds.getDataAt(j).low; var b = this._buf[j - 1]; d.sar = b.sar + b.af * (b.ep - b.sar); if (b.longPos) { d.longPos = true; if (c > b.ep) { d.ep = c; d.af = Math.min(b.af + this._step, this._max) } else { d.ep = b.ep; d.af = b.af } if (d.sar > k) { d.longPos = false; var e = j - this._range + 1; for (e = Math.max(e, g); e < j; e++) { var f = m._ds.getDataAt(e).high; if (c < f) { c = f } } d.sar = c; d.ep = k; d.af = 0.02 } } else { d.longPos = false; if (k < b.ep) { d.ep = k; d.af = Math.min(b.af + this._step, this._max) } else { d.ep = b.ep; d.af = b.af } if (d.sar < c) { d.longPos = true; var e = j - this._range + 1; for (e = Math.max(e, g); e < j; e++) { var a = m._ds.getDataAt(e).low; if (k > a) { k = a } } d.sar = k; d.ep = c; d.af = 0.02 } } } return d.sar};SarExpr.prototype.reserve = function(a, b) { if (this._rid < a) { for (var d = b; d > 0; d--) { this._buf.push({ longPos: true, sar: NaN, ep: NaN, af: NaN }) } } SarExpr.__super.reserve.call(this, a, b)};SarExpr.prototype.clear = function() { SarExpr.__super.clear.call(this); this._range = -1};var Indicator = create_class();Indicator.prototype.__construct = function() { this._exprEnv = new ExprEnv(); this._rid = 0; this._params = []; this._assigns = []; this._outputs = []};Indicator.prototype.addParameter = function(a) { this._params.push(a)};Indicator.prototype.addAssign = function(a) { this._assigns.push(a)};Indicator.prototype.addOutput = function(a) { this._outputs.push(a)};Indicator.prototype.getParameterCount = function() { return this._params.length};Indicator.prototype.getParameterAt = function(a) { return this._params[a]};Indicator.prototype.getOutputCount = function() { return this._outputs.length};Indicator.prototype.getOutputAt = function(a) { return this._outputs[a]};Indicator.prototype.clear = function() { this._exprEnv.setFirstIndex( - 1); var b, a; a = this._assigns.length; for (b = 0; b < a; b++) { this._assigns[b].clear() } a = this._outputs.length; for (b = 0; b < a; b++) { this._outputs[b].clear() }};Indicator.prototype.reserve = function(c) { this._rid++; var b, a; a = this._assigns.length; for (b = 0; b < a; b++) { this._assigns[b].reserve(this._rid, c) } a = this._outputs.length; for (b = 0; b < a; b++) { this._outputs[b].reserve(this._rid, c) }};Indicator.prototype.execute = function(d, a) { if (a < 0) { return } this._exprEnv.setDataSource(d); ExprEnv.set(this._exprEnv); try { var c, b; b = this._assigns.length; for (c = 0; c < b; c++) { this._assigns[c].assign(a) } b = this._outputs.length; for (c = 0; c < b; c++) { this._outputs[c].assign(a) } if (this._exprEnv.getFirstIndex() < 0) { this._exprEnv.setFirstIndex(a) } } catch(f) { if (this._exprEnv.getFirstIndex() >= 0) { alert(f); throw f } }};Indicator.prototype.getParameters = function() { var c = []; var b, a = this._params.length; for (b = 0; b < a; b++) { c.push(this._params[b].getValue()) } return c};Indicator.prototype.setParameters = function(b) { if ((b instanceof Array) && b.length == this._params.length) { for (var a in this._params) { this._params[a].setValue(b[a]) } }};var HLCIndicator = create_class(Indicator);HLCIndicator.prototype.__construct = function() { HLCIndicator.__super.__construct.call(this); var a = new ParameterExpr("M1", 2, 1000, 60); this.addParameter(a); this.addOutput(new OutputExpr("HIGH", new HighExpr(), OutputStyle.None)); this.addOutput(new OutputExpr("LOW", new LowExpr(), OutputStyle.None)); this.addOutput(new OutputExpr("CLOSE", new CloseExpr(), OutputStyle.Line, Theme.Color.Indicator0)); this.addOutput(new RangeOutputExpr("MA", new MaExpr(new CloseExpr(), a), OutputStyle.Line, Theme.Color.Indicator1))};HLCIndicator.prototype.getName = function() { return "CLOSE"};var MAIndicator = create_class(Indicator);MAIndicator.prototype.__construct = function() { MAIndicator.__super.__construct.call(this); var f = new ParameterExpr("M1", 2, 1000, 7); var e = new ParameterExpr("M2", 2, 1000, 30); var d = new ParameterExpr("M3", 2, 1000, 0); var c = new ParameterExpr("M4", 2, 1000, 0); var b = new ParameterExpr("M5", 2, 1000, 0); var a = new ParameterExpr("M6", 2, 1000, 0); this.addParameter(f); this.addParameter(e); this.addParameter(d); this.addParameter(c); this.addParameter(b); this.addParameter(a); this.addOutput(new RangeOutputExpr("MA", new MaExpr(new CloseExpr(), f))); this.addOutput(new RangeOutputExpr("MA", new MaExpr(new CloseExpr(), e))); this.addOutput(new RangeOutputExpr("MA", new MaExpr(new CloseExpr(), d))); this.addOutput(new RangeOutputExpr("MA", new MaExpr(new CloseExpr(), c))); this.addOutput(new RangeOutputExpr("MA", new MaExpr(new CloseExpr(), b))); this.addOutput(new RangeOutputExpr("MA", new MaExpr(new CloseExpr(), a)))};MAIndicator.prototype.getName = function() { return "MA"};var EMAIndicator = create_class(Indicator);EMAIndicator.prototype.__construct = function() { EMAIndicator.__super.__construct.call(this); var f = new ParameterExpr("M1", 2, 1000, 7); var e = new ParameterExpr("M2", 2, 1000, 30); var d = new ParameterExpr("M3", 2, 1000, 0); var c = new ParameterExpr("M4", 2, 1000, 0); var b = new ParameterExpr("M5", 2, 1000, 0); var a = new ParameterExpr("M6", 2, 1000, 0); this.addParameter(f); this.addParameter(e); this.addParameter(d); this.addParameter(c); this.addParameter(b); this.addParameter(a); this.addOutput(new RangeOutputExpr("EMA", new EmaExpr(new CloseExpr(), f))); this.addOutput(new RangeOutputExpr("EMA", new EmaExpr(new CloseExpr(), e))); this.addOutput(new RangeOutputExpr("EMA", new EmaExpr(new CloseExpr(), d))); this.addOutput(new RangeOutputExpr("EMA", new EmaExpr(new CloseExpr(), c))); this.addOutput(new RangeOutputExpr("EMA", new EmaExpr(new CloseExpr(), b))); this.addOutput(new RangeOutputExpr("EMA", new EmaExpr(new CloseExpr(), a)))};EMAIndicator.prototype.getName = function() { return "EMA"};var VOLUMEIndicator = create_class(Indicator);VOLUMEIndicator.prototype.__construct = function() { VOLUMEIndicator.__super.__construct.call(this); var c = new ParameterExpr("M1", 2, 500, 5); var a = new ParameterExpr("M2", 2, 500, 10); this.addParameter(c); this.addParameter(a); var b = new OutputExpr("VOLUME", new VolumeExpr(), OutputStyle.VolumeStick, Theme.Color.Text4); this.addOutput(b); this.addOutput(new RangeOutputExpr("MA", new MaExpr(b, c), OutputStyle.Line, Theme.Color.Indicator0)); this.addOutput(new RangeOutputExpr("MA", new MaExpr(b, a), OutputStyle.Line, Theme.Color.Indicator1))};VOLUMEIndicator.prototype.getName = function() { return "VOLUME"};var MACDIndicator = create_class(Indicator);MACDIndicator.prototype.__construct = function() { MACDIndicator.__super.__construct.call(this); var c = new ParameterExpr("SHORT", 2, 200, 12); var d = new ParameterExpr("LONG", 2, 200, 26); var a = new ParameterExpr("MID", 2, 200, 9); this.addParameter(c); this.addParameter(d); this.addParameter(a); var b = new OutputExpr("DIF", new SubExpr(new EmaExpr(new CloseExpr(), c), new EmaExpr(new CloseExpr(), d))); this.addOutput(b); var f = new OutputExpr("DEA", new EmaExpr(b, a)); this.addOutput(f); var e = new OutputExpr("MACD", new MulExpr(new SubExpr(b, f), new ConstExpr(2)), OutputStyle.MACDStick); this.addOutput(e)};MACDIndicator.prototype.getName = function() { return "MACD"};var DMIIndicator = create_class(Indicator);DMIIndicator.prototype.__construct = function() { DMIIndicator.__super.__construct.call(this); var c = new ParameterExpr("N", 2, 90, 14); var h = new ParameterExpr("MM", 2, 60, 6); this.addParameter(c); this.addParameter(h); var j = new AssignExpr("MTR", new ExpmemaExpr(new MaxExpr(new MaxExpr(new SubExpr(new HighExpr(), new LowExpr()), new AbsExpr(new SubExpr(new HighExpr(), new RefExpr(new CloseExpr(), new ConstExpr(1))))), new AbsExpr(new SubExpr(new RefExpr(new CloseExpr(), new ConstExpr(1)), new LowExpr()))), c)); this.addAssign(j); var k = new AssignExpr("HD", new SubExpr(new HighExpr(), new RefExpr(new HighExpr(), new ConstExpr(1)))); this.addAssign(k); var d = new AssignExpr("LD", new SubExpr(new RefExpr(new LowExpr(), new ConstExpr(1)), new LowExpr())); this.addAssign(d); var a = new AssignExpr("DMP", new ExpmemaExpr(new IfExpr(new AndExpr(new GtExpr(k, new ConstExpr(0)), new GtExpr(k, d)), k, new ConstExpr(0)), c)); this.addAssign(a); var g = new AssignExpr("DMM", new ExpmemaExpr(new IfExpr(new AndExpr(new GtExpr(d, new ConstExpr(0)), new GtExpr(d, k)), d, new ConstExpr(0)), c)); this.addAssign(g); var b = new OutputExpr("PDI", new MulExpr(new DivExpr(a, j), new ConstExpr(100))); this.addOutput(b); var i = new OutputExpr("MDI", new MulExpr(new DivExpr(g, j), new ConstExpr(100))); this.addOutput(i); var f = new OutputExpr("ADX", new ExpmemaExpr(new MulExpr(new DivExpr(new AbsExpr(new SubExpr(i, b)), new AddExpr(i, b)), new ConstExpr(100)), h)); this.addOutput(f); var e = new OutputExpr("ADXR", new ExpmemaExpr(f, h)); this.addOutput(e)};DMIIndicator.prototype.getName = function() { return "DMI"};var DMAIndicator = create_class(Indicator);DMAIndicator.prototype.__construct = function() { DMAIndicator.__super.__construct.call(this); var c = new ParameterExpr("N1", 2, 60, 10); var b = new ParameterExpr("N2", 2, 250, 50); var e = new ParameterExpr("M", 2, 100, 10); this.addParameter(c); this.addParameter(b); this.addParameter(e); var a = new OutputExpr("DIF", new SubExpr(new MaExpr(new CloseExpr(), c), new MaExpr(new CloseExpr(), b))); this.addOutput(a); var d = new OutputExpr("DIFMA", new MaExpr(a, e)); this.addOutput(d)};DMAIndicator.prototype.getName = function() { return "DMA"};var TRIXIndicator = create_class(Indicator);TRIXIndicator.prototype.__construct = function() { TRIXIndicator.__super.__construct.call(this); var d = new ParameterExpr("N", 2, 100, 12); var e = new ParameterExpr("M", 2, 100, 9); this.addParameter(d); this.addParameter(e); var c = new AssignExpr("MTR", new EmaExpr(new EmaExpr(new EmaExpr(new CloseExpr(), d), d), d)); this.addAssign(c); var b = new OutputExpr("TRIX", new MulExpr(new DivExpr(new SubExpr(c, new RefExpr(c, new ConstExpr(1))), new RefExpr(c, new ConstExpr(1))), new ConstExpr(100))); this.addOutput(b); var a = new OutputExpr("MATRIX", new MaExpr(b, e)); this.addOutput(a)};TRIXIndicator.prototype.getName = function() { return "TRIX"};var BRARIndicator = create_class(Indicator);BRARIndicator.prototype.__construct = function() { BRARIndicator.__super.__construct.call(this); var d = new ParameterExpr("N", 2, 120, 26); this.addParameter(d); var c = new AssignExpr("REF_CLOSE_1", new RefExpr(new CloseExpr(), new ConstExpr(1))); this.addAssign(c); var b = new OutputExpr("BR", new MulExpr(new DivExpr(new SumExpr(new MaxExpr(new ConstExpr(0), new SubExpr(new HighExpr(), c)), d), new SumExpr(new MaxExpr(new ConstExpr(0), new SubExpr(c, new LowExpr())), d)), new ConstExpr(100))); this.addOutput(b); var a = new OutputExpr("AR", new MulExpr(new DivExpr(new SumExpr(new SubExpr(new HighExpr(), new OpenExpr()), d), new SumExpr(new SubExpr(new OpenExpr(), new LowExpr()), d)), new ConstExpr(100))); this.addOutput(a)};BRARIndicator.prototype.getName = function() { return "BRAR"};var VRIndicator = create_class(Indicator);VRIndicator.prototype.__construct = function() { VRIndicator.__super.__construct.call(this); var g = new ParameterExpr("N", 2, 100, 26); var h = new ParameterExpr("M", 2, 100, 6); this.addParameter(g); this.addParameter(h); var e = new AssignExpr("REF_CLOSE_1", new RefExpr(new CloseExpr(), new ConstExpr(1))); this.addAssign(e); var d = new AssignExpr("TH", new SumExpr(new IfExpr(new GtExpr(new CloseExpr(), e), new VolumeExpr(), new ConstExpr(0)), g)); this.addAssign(d); var b = new AssignExpr("TL", new SumExpr(new IfExpr(new LtExpr(new CloseExpr(), e), new VolumeExpr(), new ConstExpr(0)), g)); this.addAssign(b); var f = new AssignExpr("TQ", new SumExpr(new IfExpr(new EqExpr(new CloseExpr(), e), new VolumeExpr(), new ConstExpr(0)), g)); this.addAssign(f); var a = new OutputExpr("VR", new MulExpr(new DivExpr(new AddExpr(new MulExpr(d, new ConstExpr(2)), f), new AddExpr(new MulExpr(b, new ConstExpr(2)), f)), new ConstExpr(100))); this.addOutput(a); var c = new OutputExpr("MAVR", new MaExpr(a, h)); this.addOutput(c)};VRIndicator.prototype.getName = function() { return "VR"};var OBVIndicator = create_class(Indicator);OBVIndicator.prototype.__construct = function() { OBVIndicator.__super.__construct.call(this); var e = new ParameterExpr("M", 2, 100, 30); this.addParameter(e); var d = new AssignExpr("REF_CLOSE_1", new RefExpr(new CloseExpr(), new ConstExpr(1))); this.addAssign(d); var c = new AssignExpr("VA", new IfExpr(new GtExpr(new CloseExpr(), d), new VolumeExpr(), new NegExpr(new VolumeExpr()))); this.addAssign(c); var a = new OutputExpr("OBV", new SumExpr(new IfExpr(new EqExpr(new CloseExpr(), d), new ConstExpr(0), c), new ConstExpr(0))); this.addOutput(a); var b = new OutputExpr("MAOBV", new MaExpr(a, e)); this.addOutput(b)};OBVIndicator.prototype.getName = function() { return "OBV"};var EMVIndicator = create_class(Indicator);EMVIndicator.prototype.__construct = function() { EMVIndicator.__super.__construct.call(this); var e = new ParameterExpr("N", 2, 90, 14); var f = new ParameterExpr("M", 2, 60, 9); this.addParameter(e); this.addParameter(f); var d = new AssignExpr("VOLUME", new DivExpr(new MaExpr(new VolumeExpr(), e), new VolumeExpr())); this.addAssign(d); var b = new AssignExpr("MID", new MulExpr(new DivExpr(new SubExpr(new AddExpr(new HighExpr(), new LowExpr()), new RefExpr(new AddExpr(new HighExpr(), new LowExpr()), new ConstExpr(1))), new AddExpr(new HighExpr(), new LowExpr())), new ConstExpr(100))); this.addAssign(b); var a = new OutputExpr("EMV", new MaExpr(new DivExpr(new MulExpr(b, new MulExpr(d, new SubExpr(new HighExpr(), new LowExpr()))), new MaExpr(new SubExpr(new HighExpr(), new LowExpr()), e)), e)); this.addOutput(a); var c = new OutputExpr("MAEMV", new MaExpr(a, f)); this.addOutput(c)};EMVIndicator.prototype.getName = function() { return "EMV"};var RSIIndicator = create_class(Indicator);RSIIndicator.prototype.__construct = function() { RSIIndicator.__super.__construct.call(this); var e = new ParameterExpr("N1", 2, 120, 6); var b = new ParameterExpr("N2", 2, 250, 12); var a = new ParameterExpr("N3", 2, 500, 24); this.addParameter(e); this.addParameter(b); this.addParameter(a); var d = new AssignExpr("LC", new RefExpr(new CloseExpr(), new ConstExpr(1))); this.addAssign(d); var c = new AssignExpr("CLOSE_LC", new SubExpr(new CloseExpr(), d)); this.addAssign(c); this.addOutput(new OutputExpr("RSI1", new MulExpr(new DivExpr(new SmaExpr(new MaxExpr(c, new ConstExpr(0)), e, new ConstExpr(1)), new SmaExpr(new AbsExpr(c), e, new ConstExpr(1))), new ConstExpr(100)))); this.addOutput(new OutputExpr("RSI2", new MulExpr(new DivExpr(new SmaExpr(new MaxExpr(c, new ConstExpr(0)), b, new ConstExpr(1)), new SmaExpr(new AbsExpr(c), b, new ConstExpr(1))), new ConstExpr(100)))); this.addOutput(new OutputExpr("RSI3", new MulExpr(new DivExpr(new SmaExpr(new MaxExpr(c, new ConstExpr(0)), a, new ConstExpr(1)), new SmaExpr(new AbsExpr(c), a, new ConstExpr(1))), new ConstExpr(100))))};RSIIndicator.prototype.getName = function() { return "RSI"};var WRIndicator = create_class(Indicator);WRIndicator.prototype.__construct = function() { WRIndicator.__super.__construct.call(this); var h = new ParameterExpr("N", 2, 100, 10); var e = new ParameterExpr("N1", 2, 100, 6); this.addParameter(h); this.addParameter(e); var a = new AssignExpr("HHV", new HhvExpr(new HighExpr(), h)); this.addAssign(a); var c = new AssignExpr("HHV1", new HhvExpr(new HighExpr(), e)); this.addAssign(c); var b = new AssignExpr("LLV", new LlvExpr(new LowExpr(), h)); this.addAssign(b); var g = new AssignExpr("LLV1", new LlvExpr(new LowExpr(), e)); this.addAssign(g); var f = new OutputExpr("WR1", new MulExpr(new DivExpr(new SubExpr(a, new CloseExpr()), new SubExpr(a, b)), new ConstExpr(100))); this.addOutput(f); var d = new OutputExpr("WR2", new MulExpr(new DivExpr(new SubExpr(c, new CloseExpr()), new SubExpr(c, g)), new ConstExpr(100))); this.addOutput(d)};WRIndicator.prototype.getName = function() { return "WR"};var SARIndicator = create_class(Indicator);SARIndicator.prototype.__construct = function() { SARIndicator.__super.__construct.call(this); var d = new ConstExpr(4); var b = new ConstExpr(2); var a = new ConstExpr(2); var c = new ConstExpr(20); this.addOutput(new OutputExpr("SAR", new SarExpr(d, b, a, c), OutputStyle.SARPoint))};SARIndicator.prototype.getName = function() { return "SAR"};var KDJIndicator = create_class(Indicator);KDJIndicator.prototype.__construct = function() { KDJIndicator.__super.__construct.call(this); var f = new ParameterExpr("N", 2, 90, 9); var c = new ParameterExpr("M1", 2, 30, 3); var b = new ParameterExpr("M2", 2, 30, 3); this.addParameter(f); this.addParameter(c); this.addParameter(b); var i = new AssignExpr("HHV", new HhvExpr(new HighExpr(), f)); this.addAssign(i); var e = new AssignExpr("LLV", new LlvExpr(new LowExpr(), f)); this.addAssign(e); var d = new AssignExpr("RSV", new MulExpr(new DivExpr(new SubExpr(new CloseExpr(), e), new SubExpr(i, e)), new ConstExpr(100))); this.addAssign(d); var g = new OutputExpr("K", new SmaExpr(d, c, new ConstExpr(1))); this.addOutput(g); var a = new OutputExpr("D", new SmaExpr(g, b, new ConstExpr(1))); this.addOutput(a); var h = new OutputExpr("J", new SubExpr(new MulExpr(g, new ConstExpr(3)), new MulExpr(a, new ConstExpr(2)))); this.addOutput(h)};KDJIndicator.prototype.getName = function() { return "KDJ"};var ROCIndicator = create_class(Indicator);ROCIndicator.prototype.__construct = function() { ROCIndicator.__super.__construct.call(this); var d = new ParameterExpr("N", 2, 120, 12); var e = new ParameterExpr("M", 2, 60, 6); this.addParameter(d); this.addParameter(e); var a = new AssignExpr("REF_CLOSE_N", new RefExpr(new CloseExpr(), d)); this.addAssign(a); var b = new OutputExpr("ROC", new MulExpr(new DivExpr(new SubExpr(new CloseExpr(), a), a), new ConstExpr(100))); this.addOutput(b); var c = new OutputExpr("MAROC", new MaExpr(b, e)); this.addOutput(c)};ROCIndicator.prototype.getName = function() { return "ROC"};var MTMIndicator = create_class(Indicator);MTMIndicator.prototype.__construct = function() { MTMIndicator.__super.__construct.call(this); var c = new ParameterExpr("N", 2, 120, 12); var d = new ParameterExpr("M", 2, 60, 6); this.addParameter(c); this.addParameter(d); var b = new OutputExpr("MTM", new SubExpr(new CloseExpr(), new RefExpr(new CloseExpr(), c))); this.addOutput(b); var a = new OutputExpr("MTMMA", new MaExpr(b, d)); this.addOutput(a)};MTMIndicator.prototype.getName = function() { return "MTM"};var BOLLIndicator = create_class(Indicator);BOLLIndicator.prototype.__construct = function() { BOLLIndicator.__super.__construct.call(this); var e = new ParameterExpr("N", 2, 120, 20); this.addParameter(e); var d = new AssignExpr("STD_CLOSE_N", new StdExpr(new CloseExpr(), e)); this.addAssign(d); var a = new OutputExpr("BOLL", new MaExpr(new CloseExpr(), e)); this.addOutput(a); var b = new OutputExpr("UB", new AddExpr(a, new MulExpr(new ConstExpr(2), d))); this.addOutput(b); var c = new OutputExpr("LB", new SubExpr(a, new MulExpr(new ConstExpr(2), d))); this.addOutput(c)};BOLLIndicator.prototype.getName = function() { return "BOLL"};var PSYIndicator = create_class(Indicator);PSYIndicator.prototype.__construct = function() { PSYIndicator.__super.__construct.call(this); var c = new ParameterExpr("N", 2, 100, 12); var d = new ParameterExpr("M", 2, 100, 6); this.addParameter(c); this.addParameter(d); var b = new OutputExpr("PSY", new MulExpr(new DivExpr(new CountExpr(new GtExpr(new CloseExpr(), new RefExpr(new CloseExpr(), new ConstExpr(1))), c), c), new ConstExpr(100))); this.addOutput(b); var a = new OutputExpr("PSYMA", new MaExpr(b, d)); this.addOutput(a)};PSYIndicator.prototype.getName = function() { return "PSY"};var STOCHRSIIndicator = create_class(Indicator);STOCHRSIIndicator.prototype.__construct = function() { STOCHRSIIndicator.__super.__construct.call(this); var f = new ParameterExpr("N", 3, 100, 14); var h = new ParameterExpr("M", 3, 100, 14); var a = new ParameterExpr("P1", 2, 50, 3); var g = new ParameterExpr("P2", 2, 50, 3); this.addParameter(f); this.addParameter(h); this.addParameter(a); this.addParameter(g); var e = new AssignExpr("LC", new RefExpr(new CloseExpr(), new ConstExpr(1))); this.addAssign(e); var d = new AssignExpr("CLOSE_LC", new SubExpr(new CloseExpr(), e)); this.addAssign(d); var c = new AssignExpr("RSI", new MulExpr(new DivExpr(new SmaExpr(new MaxExpr(d, new ConstExpr(0)), f, new ConstExpr(1)), new SmaExpr(new AbsExpr(d), f, new ConstExpr(1))), new ConstExpr(100))); this.addAssign(c); var b = new OutputExpr("STOCHRSI", new MulExpr(new DivExpr(new MaExpr(new SubExpr(c, new LlvExpr(c, h)), a), new MaExpr(new SubExpr(new HhvExpr(c, h), new LlvExpr(c, h)), a)), new ConstExpr(100))); this.addOutput(b); this.addOutput(new RangeOutputExpr("MA", new MaExpr(b, g)))};STOCHRSIIndicator.prototype.getName = function() { return "StochRSI"};var Chart = create_class();Chart.strPeriod = { "zh-cn": { line: "(分时)", "1min": "(1分钟)", "5min": "(5分钟)", "15min": "(15分钟)", "30min": "(30分钟)", "1hour": "(1小时)", "1day": "(日线)", "1week": "(周线)", "3min": "(3分钟)", "2hour": "(2小时)", "4hour": "(4小时)", "6hour": "(6小时)", "12hour": "(12小时)", "3day": "(3天)" }, "en-us": { line: "(Line)", "1min": "(1m)", "5min": "(5m)", "15min": "(15m)", "30min": "(30m)", "1hour": "(1h)", "1day": "(1d)", "1week": "(1w)", "3min": "(3m)", "2hour": "(2h)", "4hour": "(4h)", "6hour": "(6h)", "12hour": "(12h)", "3day": "(3d)" }, "zh-tw": { line: "(分時)", "1min": "(1分钟)", "5min": "(5分钟)", "15min": "(15分钟)", "30min": "(30分钟)", "1hour": "(1小時)", "1day": "(日线)", "1week": "(周线)", "3min": "(3分钟)", "2hour": "(2小時)", "4hour": "(4小時)", "6hour": "(6小時)", "12hour": "(12小時)", "3day": "(3天)" }};Chart.prototype.__construct = function() { this._data = null; this._charStyle = "CandleStick"; this._depthData = { array: null, asks_count: 0, bids_count: 0, asks_si: 0, asks_ei: 0, bids_si: 0, bids_ei: 0 }; this._time = GLOBAL_VAR.time_type; this._market_from = GLOBAL_VAR.market_from; this._usd_cny_rate = 6.1934; this._money_type = "USD"; this._contract_unit = "BTC"; this.strIsLine = false; this.strCurrentMarket = 20150403001; this.strCurrentMarketType = 1};Chart.prototype.setTitle = function() { var b = ChartManager.getInstance().getLanguage(); var a = GLOBAL_VAR.market_from_name; a += " "; a += this.strIsLine ? Chart.strPeriod[b]["line"] : Chart.strPeriod[b][this._time]; a += (this._contract_unit + "/" + this._money_type).toUpperCase(); ChartManager.getInstance().setTitle("frame0.k0", a); kline.title = a; kline.setTitle()};Chart.prototype.setCurrentList = function() {};Chart.prototype.setMarketFrom = function(a) { this._market_from = a; this.updateDataAndDisplay()};Chart.prototype.updateDataAndDisplay = function() { GLOBAL_VAR.market_from = this._market_from; GLOBAL_VAR.time_type = this._time; this.setTitle(); ChartManager.getInstance().setCurrentDataSource("frame0.k0", "BTC123." + this._market_from + "." + this._time); ChartManager.getInstance().setNormalMode(); var a = GLOBAL_VAR.chartMgr.getDataSource("frame0.k0").getLastDate(); if (a == -1) { GLOBAL_VAR.requestParam = setHttpRequestParam(GLOBAL_VAR.market_from, GLOBAL_VAR.time_type, GLOBAL_VAR.limit, null); RequestData(true) } else { GLOBAL_VAR.requestParam = setHttpRequestParam(GLOBAL_VAR.market_from, GLOBAL_VAR.time_type, null, a.toString()); RequestData() } ChartManager.getInstance().redraw("All", false)};Chart.prototype.setCurrentContractUnit = function(a) { this._contract_unit = a; this.updateDataAndDisplay()};Chart.prototype.setCurrentMoneyType = function(a) { this._money_type = a; this.updateDataAndDisplay()};Chart.prototype.setCurrentPeriod = function(a) { this._time = GLOBAL_VAR.periodMap[a]; this.updateDataAndDisplay()};Chart.prototype.updateDataSource = function(a) { this._data = a; ChartManager.getInstance().updateData("frame0.k0", this._data)};Chart.prototype.updateDepth = function(d) { if (d == null) { this._depthData.array = []; ChartManager.getInstance().redraw("All", false); return } if (!d.asks || !d.bids || d.asks == "" || d.bids == "") { return } var b = this._depthData; b.array = []; for (var a = 0; a < d.asks.length; a++) { var c = {}; c.rate = d.asks[a][0]; c.amount = d.asks[a][1]; b.array.push(c) } for (var a = 0; a < d.bids.length; a++) { var c = {}; c.rate = d.bids[a][0]; c.amount = d.bids[a][1]; b.array.push(c) } b.asks_count = d.asks.length; b.bids_count = d.bids.length; b.asks_si = b.asks_count - 1; b.asks_ei = 0; b.bids_si = b.asks_count; b.bids_ei = b.asks_count + b.bids_count - 1; for (var a = b.asks_si; a >= b.asks_ei; a--) { if (a == b.asks_si) { b.array[a].amounts = b.array[a].amount } else { b.array[a].amounts = b.array[a + 1].amounts + b.array[a].amount } } for (var a = b.bids_si; a <= b.bids_ei; a++) { if (a == b.bids_si) { b.array[a].amounts = b.array[a].amount } else { b.array[a].amounts = b.array[a - 1].amounts + b.array[a].amount } } ChartManager.getInstance().redraw("All", false)};Chart.prototype.setMainIndicator = function(a) { this._mainIndicator = a; if (a == "NONE") { ChartManager.getInstance().removeMainIndicator("frame0.k0") } else { ChartManager.getInstance().setMainIndicator("frame0.k0", a) } ChartManager.getInstance().redraw("All", true)};Chart.prototype.setIndicator = function(b, a) { if (a == "NONE") { var b = 2; if (Template.displayVolume == false) { b = 1 } var c = ChartManager.getInstance().getIndicatorAreaName("frame0.k0", b); if (c != "") { ChartManager.getInstance().removeIndicator(c) } } else { var b = 2; if (Template.displayVolume == false) { b = 1 } var c = ChartManager.getInstance().getIndicatorAreaName("frame0.k0", b); if (c == "") { Template.createIndicatorChartComps("frame0.k0", a) } else { ChartManager.getInstance().setIndicator(c, a) } } ChartManager.getInstance().redraw("All", true)};Chart.prototype.addIndicator = function(a) { ChartManager.getInstance().addIndicator(a); ChartManager.getInstance().redraw("All", true)};Chart.prototype.removeIndicator = function(a) { var b = ChartManager.getInstance().getIndicatorAreaName(2); ChartManager.getInstance().removeIndicator(b); ChartManager.getInstance().redraw("All", true)};var CName = create_class();CName.prototype.__construct = function(a) { this._names = []; this._comps = []; if (a instanceof CName) { this._names = a._names; this._comps = a._comps } else { var d = a.split("."); var c = d.length - 1; if (c > 0) { this._comps = d; this._names.push(d[0]); for (var b = 1; b <= c; b++) { this._names.push(this._names[b - 1] + "." + d[b]) } } else { this._comps.push(a); this._names.push(a) } }};CName.prototype.getCompAt = function(a) { if (a >= 0 && a < this._comps.length) { return this._comps[a] } return ""};CName.prototype.getName = function(a) { if (a < 0) { if (this._names.length > 0) { return this._names[this._names.length - 1] } } else { if (a < this._names.length) { return this._names[a] } } return ""};var NamedObject = create_class();NamedObject.prototype.__construct = function(a) { this._name = a; this._nameObj = new CName(a)};NamedObject.prototype.getFrameName = function() { return this._nameObj.getName(0)};NamedObject.prototype.getDataSourceName = function() { return this._nameObj.getName(1)};NamedObject.prototype.getAreaName = function() { return this._nameObj.getName(2)};NamedObject.prototype.getName = function() { return this._nameObj.getName( - 1)};NamedObject.prototype.getNameObject = function() { return this._nameObj};var ChartArea = create_class(NamedObject);ChartArea.prototype.__construct = function(a) { ChartArea.__super.__construct.call(this, a); this._left = 0; this._top = 0; this._right = 0; this._bottom = 0; this._changed = false; this._highlighted = false; this._pressed = false; this._selected = false; this.Measuring = new MEvent()};ChartArea.DockStyle = { Left: 0, Top: 1, Right: 2, Bottom: 3, Fill: 4};ChartArea.prototype.getDockStyle = function() { return this._dockStyle};ChartArea.prototype.setDockStyle = function(a) { this._dockStyle = a};ChartArea.prototype.getLeft = function() { return this._left};ChartArea.prototype.getTop = function() { return this._top};ChartArea.prototype.setTop = function(a) { if (this._top != a) { this._top = a; this._changed = true }};ChartArea.prototype.getRight = function() { return this._right};ChartArea.prototype.getBottom = function() { return this._bottom};ChartArea.prototype.setBottom = function(a) { if (this._bottom != a) { this._bottom = a; this._changed = true }};ChartArea.prototype.getCenter = function() { return (this._left + this._right) >> 1};ChartArea.prototype.getMiddle = function() { return (this._top + this._bottom) >> 1};ChartArea.prototype.getWidth = function() { return this._right - this._left};ChartArea.prototype.getHeight = function() { return this._bottom - this._top};ChartArea.prototype.getRect = function() { return { X: this._left, Y: this._top, Width: this._right - this._left, Height: this._bottom - this._top }};ChartArea.prototype.contains = function(a, b) { if (a >= this._left && a < this._right) { if (b >= this._top && b < this._bottom) { return [this] } } return null};ChartArea.prototype.getMeasuredWidth = function() { return this._measuredWidth};ChartArea.prototype.getMeasuredHeight = function() { return this._measuredHeight};ChartArea.prototype.setMeasuredDimension = function(b, a) { this._measuredWidth = b; this._measuredHeight = a};ChartArea.prototype.measure = function(b, c, a) { this._measuredWidth = 0; this._measuredHeight = 0; this.Measuring.raise(this, { Width: c, Height: a }); if (this._measuredWidth == 0 && this._measuredHeight == 0) { this.setMeasuredDimension(c, a) }};ChartArea.prototype.layout = function(e, d, c, a, b) { e <<= 0; if (this._left != e) { this._left = e; this._changed = true } d <<= 0; if (this._top != d) { this._top = d; this._changed = true } c <<= 0; if (this._right != c) { this._right = c; this._changed = true } a <<= 0; if (this._bottom != a) { this._bottom = a; this._changed = true } if (b) { this._changed = true }};ChartArea.prototype.isChanged = function() { return this._changed};ChartArea.prototype.setChanged = function(a) { this._changed = a};ChartArea.prototype.isHighlighted = function() { return this._highlighted};ChartArea.prototype.getHighlightedArea = function() { return this._highlighted ? this: null};ChartArea.prototype.highlight = function(a) { this._highlighted = (this == a); return this._highlighted ? this: null};ChartArea.prototype.isPressed = function() { return this._pressed};ChartArea.prototype.setPressed = function(a) { this._pressed = a};ChartArea.prototype.isSelected = function() { return this._selected};ChartArea.prototype.getSelectedArea = function() { return this._selected ? this: null};ChartArea.prototype.select = function(a) { this._selected = (this == a); return this._selected ? this: null};ChartArea.prototype.onMouseMove = function(a, b) { return null};ChartArea.prototype.onMouseLeave = function(a, b) {};ChartArea.prototype.onMouseDown = function(a, b) { return null};ChartArea.prototype.onMouseUp = function(a, b) { return null};var MainArea = create_class(ChartArea);MainArea.prototype.__construct = function(a) { MainArea.__super.__construct.call(this, a); this._dragStarted = false; this._oldX = 0; this._oldY = 0; this._passMoveEventToToolManager = true};MainArea.prototype.onMouseMove = function(a, c) { var b = ChartManager.getInstance(); if (b._capturingMouseArea == this) { if (this._dragStarted == false) { if (Math.abs(this._oldX - a) > 1 || Math.abs(this._oldY - c) > 1) { this._dragStarted = true } } } if (this._dragStarted) { b.hideCursor(); if (b.onToolMouseDrag(this.getFrameName(), a, c)) { return this } b.getTimeline(this.getDataSourceName()).move(a - this._oldX); return this } if (this._passMoveEventToToolManager && b.onToolMouseMove(this.getFrameName(), a, c)) { b.hideCursor(); return this } switch (b._drawingTool) { case ChartManager.DrawingTool.Cursor: b.showCursor(); break; case ChartManager.DrawingTool.CrossCursor: if (b.showCrossCursor(this, a, c)) { b.hideCursor() } else { b.showCursor() } break; default: b.hideCursor(); break } return this};MainArea.prototype.onMouseLeave = function(a, b) { this._dragStarted = false; this._passMoveEventToToolManager = true};MainArea.prototype.onMouseDown = function(a, c) { var b = ChartManager.getInstance(); b.getTimeline(this.getDataSourceName()).startMove(); this._oldX = a; this._oldY = c; this._dragStarted = false; if (b.onToolMouseDown(this.getFrameName(), a, c)) { this._passMoveEventToToolManager = false } return this};MainArea.prototype.onMouseUp = function(a, d) { var c = ChartManager.getInstance(); var b = null; if (this._dragStarted) { this._dragStarted = false; b = this } if (c.onToolMouseUp(this.getFrameName(), a, d)) { b = this } this._passMoveEventToToolManager = true; return b};var IndicatorArea = create_class(ChartArea);IndicatorArea.prototype.__construct = function(a) { IndicatorArea.__super.__construct.call(this, a); this._dragStarted = false; this._oldX = 0; this._oldY = 0};IndicatorArea.prototype.onMouseMove = function(a, c) { var b = ChartManager.getInstance(); if (b._capturingMouseArea == this) { if (this._dragStarted == false) { if (this._oldX != a || this._oldY != c) { this._dragStarted = true } } } if (this._dragStarted) { b.hideCursor(); b.getTimeline(this.getDataSourceName()).move(a - this._oldX); return this } switch (b._drawingTool) { case ChartManager.DrawingTool.CrossCursor: if (b.showCrossCursor(this, a, c)) { b.hideCursor() } else { b.showCursor() } break; default: b.showCursor(); break } return this};IndicatorArea.prototype.onMouseLeave = function(a, b) { this._dragStarted = false};IndicatorArea.prototype.onMouseDown = function(a, c) { var b = ChartManager.getInstance(); b.getTimeline(this.getDataSourceName()).startMove(); this._oldX = a; this._oldY = c; this._dragStarted = false; return this};IndicatorArea.prototype.onMouseUp = function(a, b) { if (this._dragStarted) { this._dragStarted = false; return this } return null};var MainRangeArea = create_class(ChartArea);MainRangeArea.prototype.__construct = function(a) { MainRangeArea.__super.__construct.call(this, a)};MainRangeArea.prototype.onMouseMove = function(a, b) { ChartManager.getInstance().showCursor(); return this};var IndicatorRangeArea = create_class(ChartArea);IndicatorRangeArea.prototype.__construct = function(a) { IndicatorRangeArea.__super.__construct.call(this, a)};IndicatorRangeArea.prototype.onMouseMove = function(a, b) { ChartManager.getInstance().showCursor(); return this};var TimelineArea = create_class(ChartArea);TimelineArea.prototype.__construct = function(a) { TimelineArea.__super.__construct.call(this, a)};TimelineArea.prototype.onMouseMove = function(a, b) { ChartManager.getInstance().showCursor(); return this};var ChartAreaGroup = create_class(ChartArea);ChartAreaGroup.prototype.__construct = function(a) { ChartAreaGroup.__super.__construct.call(this, a); this._areas = []; this._highlightedArea = null; this._selectedArea = null};ChartAreaGroup.prototype.contains = function(b, g) { var d; var c, f, e = this._areas.length; for (f = 0; f < e; f++) { c = this._areas[f]; d = c.contains(b, g); if (d != null) { d.push(this); return d } } return ChartAreaGroup.__super.contains(b, g)};ChartAreaGroup.prototype.getAreaCount = function() { return this._areas.length};ChartAreaGroup.prototype.getAreaAt = function(a) { if (a < 0 || a >= this._areas.length) { return null } return this._areas[a]};ChartAreaGroup.prototype.addArea = function(a) { this._areas.push(a)};ChartAreaGroup.prototype.removeArea = function(c) { var b, a = this._areas.length; for (b = 0; b < a; b++) { if (c == this._areas[b]) { this._areas.splice(b); this.setChanged(true); break } }};ChartAreaGroup.prototype.getGridColor = function() { return this._gridColor};ChartAreaGroup.prototype.setGridColor = function(a) { this._gridColor = a};ChartAreaGroup.prototype.getHighlightedArea = function() { if (this._highlightedArea != null) { return this._highlightedArea.getHighlightedArea() } return null};ChartAreaGroup.prototype.highlight = function(c) { this._highlightedArea = null; var d, b, a = this._areas.length; for (b = 0; b < a; b++) { d = this._areas[b].highlight(c); if (d != null) { this._highlightedArea = d; return this } } return null};ChartAreaGroup.prototype.getSelectedArea = function() { if (this._selectedArea != null) { return this._selectedArea.getSelectedArea() } return null};ChartAreaGroup.prototype.select = function(c) { this._selectedArea = null; var d, b, a = this._areas.length; for (b = 0; b < a; b++) { d = this._areas[b].select(c); if (d != null) { this._selectedArea = d; return this } } return null};ChartAreaGroup.prototype.onMouseLeave = function(a, d) { var c, b = this._areas.length; for (c = 0; c < b; c++) { this._areas[c].onMouseLeave(a, d) }};ChartAreaGroup.prototype.onMouseUp = function(b, f) { var c, e, d = this._areas.length; for (e = 0; e < d; e++) { c = this._areas[e].onMouseUp(b, f); if (c != null) { return c } } return null};var TableLayout = create_class(ChartAreaGroup);TableLayout.prototype.__construct = function(a) { TableLayout.__super.__construct.call(this, a); this._nextRowId = 0; this._focusedRowIndex = -1};TableLayout.prototype.getNextRowId = function() { return this._nextRowId++};TableLayout.prototype.measure = function(a, u, m) { this.setMeasuredDimension(u, m); var g, p = 0, H = 0; var x, k; var o = []; var w, v = this._areas.length; for (w = 0; w < v; w += 2) { g = this._areas[w].getHeight(); if (g == 0) { if (w == 0) { k = (v + 1) >> 1; var t = (k * 2) + 5; var d = ((m / t) * 2) << 0; x = m; for (w = k - 1; w > 0; w--) { o.unshift(d); x -= d } o.unshift(x); break } else { if (w == 2) { g = p / 3 } else { g = p } } } H += g; p = g; o.push(g) } if (H > 0) { var J = m / H; k = (v + 1) >> 1; x = m; for (w = k - 1; w > 0; w--) { o[w] *= J; x -= o[w] } o[0] = x } var G = 8; var z = 64; var b = Math.min(240, u >> 1); var f = z; var I = ChartManager.getInstance(); var e = I.getTimeline(this.getDataSourceName()); if (e.getFirstIndex() >= 0) { var l = []; for (f = z; f < b; f += G) { l.push(e.calcFirstIndex(e.calcColumnCount(u - f))) } var y = e.getLastIndex(); var q = [".main", ".secondary"]; var s = new Array(l.length); var C, j; for (C = 0, j = 0, f = z; C < this._areas.length && j < l.length; C += 2) { var A = this._areas[C]; var F = I.getPlotter(A.getName() + "Range.main"); for (var B in q) { var r = I.getDataProvider(A.getName() + q[B]); if (r == undefined) { continue } r.calcRange(l, y, s, null); while (j < l.length) { var E = F.getRequiredWidth(a, s[j].min); var D = F.getRequiredWidth(a, s[j].max); if (Math.max(E, D) < f) { break } j++; f += G } } } } for (w = 1; w < this._areas.length; w += 2) { this._areas[w].measure(a, f, o[w >> 1]) } var c = u - f; for (w = 0; w < this._areas.length; w += 2) { this._areas[w].measure(a, c, o[w >> 1]) }};TableLayout.prototype.layout = function(g, k, l, a, d) { TableLayout.__super.layout.call(this, g, k, l, a, d); if (this._areas.length < 1) { return } var e; var c = g + this._areas[0].getMeasuredWidth(); var m = k, j; if (!d) { d = this.isChanged() } var h, f = this._areas.length; for (h = 0; h < f; h++) { e = this._areas[h]; j = m + e.getMeasuredHeight(); e.layout(g, m, c, j, d); h++; e = this._areas[h]; e.layout(c, m, this.getRight(), j, d); m = j } this.setChanged(false)};TableLayout.prototype.drawGrid = function(c) { if (this._areas.length < 1) { return } var d = ChartManager.getInstance(); var e = d.getTheme(this.getFrameName()); c.fillStyle = e.getColor(Theme.Color.Grid1); c.fillRect(this._areas[0].getRight(), this.getTop(), 1, this.getHeight()); var b, a = this._areas.length - 2; for (b = 0; b < a; b += 2) { c.fillRect(this.getLeft(), this._areas[b].getBottom(), this.getWidth(), 1) } if (!d.getCaptureMouseWheelDirectly()) { for (b = 0, a += 2; b < a; b += 2) { if (this._areas[b].isSelected()) { c.strokeStyle = e.getColor(Theme.Color.Indicator1); c.strokeRect(this.getLeft() + 0.5, this.getTop() + 0.5, this.getWidth() - 1, this.getHeight() - 1); break } } }};TableLayout.prototype.highlight = function(c) { this._highlightedArea = null; var d, b, a = this._areas.length; for (b = 0; b < a; b++) { d = this._areas[b]; if (d == c) { b &= ~1; d = this._areas[b]; d.highlight(d); this._highlightedArea = d; b++; d = this._areas[b]; d.highlight(null); d.highlight(d) } else { d.highlight(null) } } return this._highlightedArea != null ? this: null};TableLayout.prototype.select = function(c) { this._selectedArea = null; var d, b, a = this._areas.length; for (b = 0; b < a; b++) { d = this._areas[b]; if (d == c) { b &= ~1; d = this._areas[b]; d.select(d); this._selectedArea = d; b++; d = this._areas[b]; d.select(d) } else { d.select(null) } } return this._selectedArea != null ? this: null};TableLayout.prototype.onMouseMove = function(l, k) { if (this._focusedRowIndex >= 0) { var m = this._areas[this._focusedRowIndex]; var e = this._areas[this._focusedRowIndex + 2]; var f = k - this._oldY; if (f == 0) { return this } var h = this._oldUpperBottom + f; var g = this._oldLowerTop + f; if (h - m.getTop() >= 60 && e.getBottom() - g >= 60) { m.setBottom(h); e.setTop(g) } return this } var c, a = this._areas.length - 2; for (c = 0; c < a; c += 2) { var j = this._areas[c].getBottom(); if (k >= j - 4 && k < j + 4) { ChartManager.getInstance().showCursor("n-resize"); return this } } return null};TableLayout.prototype.onMouseLeave = function(a, b) { this._focusedRowIndex = -1};TableLayout.prototype.onMouseDown = function(c, f) { var e, d = this._areas.length - 2; for (e = 0; e < d; e += 2) { var a = this._areas[e].getBottom(); if (f >= a - 4 && f < a + 4) { this._focusedRowIndex = e; this._oldY = f; this._oldUpperBottom = a; this._oldLowerTop = this._areas[e + 2].getTop(); return this } } return null};TableLayout.prototype.onMouseUp = function(b, e) { if (this._focusedRowIndex >= 0) { this._focusedRowIndex = -1; var d, c = this._areas.length; var a = []; for (d = 0; d < c; d += 2) { a.push(this._areas[d].getHeight()) } ChartSettings.get().charts.areaHeight = a; ChartSettings.save() } return this};var DockableLayout = create_class(ChartAreaGroup);DockableLayout.prototype.__construct = function(a) { DockableLayout.__super.__construct.call(this, a)};DockableLayout.prototype.measure = function(c, d, a) { DockableLayout.__super.measure.call(this, c, d, a); d = this.getMeasuredWidth(); a = this.getMeasuredHeight(); for (var b in this._areas) { var e = this._areas[b]; e.measure(c, d, a); switch (e.getDockStyle()) { case ChartArea.DockStyle.left: case ChartArea.DockStyle.Right: d -= e.getMeasuredWidth(); break; case ChartArea.DockStyle.Top: case ChartArea.DockStyle.Bottom: a -= e.getMeasuredHeight(); break; case ChartArea.DockStyle.Fill: d = 0; a = 0; break } }};DockableLayout.prototype.layout = function(d, g, k, a, b) { DockableLayout.__super.layout.call(this, d, g, k, a, b); d = this.getLeft(); g = this.getTop(); k = this.getRight(); a = this.getBottom(); var j, f; if (!b) { b = this.isChanged() } for (var e in this._areas) { var c = this._areas[e]; switch (c.getDockStyle()) { case ChartArea.DockStyle.left: j = c.getMeasuredWidth(); c.layout(d, g, d + j, a, b); d += j; break; case ChartArea.DockStyle.Top: f = c.getMeasuredHeight(); c.layout(d, g, k, g + f, b); g += f; break; case ChartArea.DockStyle.Right: j = c.getMeasuredWidth(); c.layout(k - j, g, k, a, b); k -= j; break; case ChartArea.DockStyle.Bottom: f = c.getMeasuredHeight(); c.layout(d, a - f, k, a, b); a -= f; break; case ChartArea.DockStyle.Fill: c.layout(d, g, k, a, b); d = k; g = a; break } } this.setChanged(false)};DockableLayout.prototype.drawGrid = function(c) { var j = ChartManager.getInstance(); var e = j.getTheme(this.getFrameName()); var d = this.getLeft(); var g = this.getTop(); var h = this.getRight(); var a = this.getBottom(); c.fillStyle = e.getColor(this._gridColor); for (var f in this._areas) { var b = this._areas[f]; switch (b.getDockStyle()) { case ChartArea.DockStyle.Left: c.fillRect(b.getRight(), g, 1, a - g); d += b.getWidth(); break; case ChartArea.DockStyle.Top: c.fillRect(d, b.getBottom(), h - d, 1); g += b.getHeight(); break; case ChartArea.DockStyle.Right: c.fillRect(b.getLeft(), g, 1, a - g); h -= b.getWidth(); break; case ChartArea.DockStyle.Bottom: c.fillRect(d, b.getTop(), h - d, 1); a -= b.getHeight(); break } }};var ChartManager = create_class();ChartManager.DrawingTool = { Cursor: 0, CrossCursor: 1, DrawLines: 2, DrawFibRetrace: 3, DrawFibFans: 4, SegLine: 5, StraightLine: 6, ArrowLine: 7, RayLine: 8, HoriStraightLine: 9, HoriRayLine: 10, HoriSegLine: 11, VertiStraightLine: 12, PriceLine: 13, BiParallelLine: 14, BiParallelRayLine: 15, TriParallelLine: 16, BandLine: 17};ChartManager._instance = null;ChartManager.getInstance = function() { if (ChartManager._instance == null) { ChartManager._instance = new ChartManager() } return ChartManager._instance};ChartManager.prototype.__construct = function() { this._dataSources = {}; this._dataSourceCache = {}; this._dataProviders = {}; this._frames = {}; this._areas = {}; this._timelines = {}; this._ranges = {}; this._plotters = {}; this._themes = {}; this._titles = {}; this._frameMousePos = {}; this._dsChartStyle = {}; this._dragStarted = false; this._oldX = 0; this._fakeIndicators = {}; this._captureMouseWheelDirectly = true; this._chart = {}; this._chart.defaultFrame = new Chart(); this._drawingTool = ChartManager.DrawingTool.CrossCursor; this._beforeDrawingTool = this._drawingTool; this._language = "zh-cn"; this._mainCanvas = null; this._overlayCanvas = null; this._mainContext = null; this._overlayContext = null};ChartManager.prototype.redraw = function(a, b) { if (a == undefined || b) { a = "All" } if (a == "All" || a == "MainCanvas") { if (b) { this.getFrame("frame0").setChanged(true) } this.layout(this._mainContext, "frame0", 0, 0, this._mainCanvas.width, this._mainCanvas.height); this.drawMain("frame0", this._mainContext) } if (a == "All" || a == "OverlayCanvas") { this._overlayContext.clearRect(0, 0, this._overlayCanvas.width, this._overlayCanvas.height); this.drawOverlay("frame0", this._overlayContext) }};ChartManager.prototype.bindCanvas = function(b, a) { if (b == "main") { this._mainCanvas = a; this._mainContext = a.getContext("2d") } else { if (b == "overlay") { this._overlayCanvas = a; this._overlayContext = a.getContext("2d"); if (this._captureMouseWheelDirectly) { $(this._overlayCanvas).bind("mousewheel", mouseWheel) } } }};ChartManager.prototype.getCaptureMouseWheelDirectly = function() { return this._captureMouseWheelDirectly};ChartManager.prototype.setCaptureMouseWheelDirectly = function(a) { this._captureMouseWheelDirectly = a; if (a) { $(this._overlayCanvas).bind("mousewheel", mouseWheel) } else { $(this._overlayCanvas).unbind("mousewheel") }};ChartManager.prototype.getChart = function(a) { return this._chart.defaultFrame};ChartManager.prototype.init = function() { delete this._ranges["frame0.k0.indic1"]; delete this._ranges["frame0.k0.indic1Range"]; delete this._areas["frame0.k0.indic1"]; delete this._areas["frame0.k0.indic1Range"]; DefaultTemplate.loadTemplate("frame0.k0", "BTC123"); this.redraw("All", true)};ChartManager.prototype.setCurrentDrawingTool = function(a) { this._drawingTool = ChartManager.DrawingTool[a]; this.setRunningMode(this._drawingTool)};ChartManager.prototype.getLanguage = function() { return this._language};ChartManager.prototype.setLanguage = function(a) { this._language = a};ChartManager.prototype.setThemeName = function(a, b) { if (b == undefined) { b = "Dark" } var c; switch (b) { case "Light": c = new LightTheme(); break; default: b = "Dark"; c = new DarkTheme(); break } this._themeName = b; this.setTheme(a, c); this.getFrame(a).setChanged(true)};ChartManager.prototype.getChartStyle = function(b) { var a = this._dsChartStyle[b]; if (a == undefined) { return "CandleStick" } return a};ChartManager.prototype.setChartStyle = function(e, c) { if (this._dsChartStyle[e] == c) { return } var g = e + ".main"; var b = g + ".main"; var a = g + ".main"; var f, d; switch (c) { case "CandleStick": case "CandleStickHLC": case "OHLC": f = this.getDataProvider(b); if (f == undefined || !is_instance(f, MainDataProvider)) { f = new MainDataProvider(b); this.setDataProvider(b, f); f.updateData() } this.setMainIndicator(e, ChartSettings.get().charts.mIndic); switch (c) { case "CandleStick": d = new CandlestickPlotter(a); break; case "CandleStickHLC": d = new CandlestickHLCPlotter(a); break; case "OHLC": d = new OHLCPlotter(a); break } this.setPlotter(a, d); d = new MinMaxPlotter(g + ".decoration"); this.setPlotter(d.getName(), d); break; case "Line": f = new IndicatorDataProvider(b); this.setDataProvider(f.getName(), f); f.setIndicator(new HLCIndicator()); this.removeMainIndicator(e); d = new IndicatorPlotter(a); this.setPlotter(a, d); this.removePlotter(g + ".decoration"); break } this.getArea(d.getAreaName()).setChanged(true); this._dsChartStyle[e] = c};ChartManager.prototype.setNormalMode = function() { this._drawingTool = this._beforeDrawingTool; $(".chart_dropdown_data").removeClass("chart_dropdown-hover"); $("#chart_toolpanel .chart_toolpanel_button").removeClass("selected"); $("#chart_CrossCursor").parent().addClass("selected"); if (this._drawingTool == ChartManager.DrawingTool.Cursor) { this.showCursor(); $("#mode a").removeClass("selected"); $("#chart_toolpanel .chart_toolpanel_button").removeClass("selected"); $("#chart_Cursor").parent().addClass("selected") } else { this.hideCursor() }};ChartManager.prototype.setRunningMode = function(b) { var c = this.getDataSource("frame0.k0"); var a = c.getCurrentToolObject(); if (a != null && a.state != CToolObject.state.AfterDraw) { c.delToolObject() } if (c.getToolObjectCount() > 10) { this.setNormalMode(); return } this._drawingTool = b; if (b == ChartManager.DrawingTool.Cursor) { this.showCursor() } else {} switch (b) { case ChartManager.DrawingTool.Cursor: this._beforeDrawingTool = b; break; case ChartManager.DrawingTool.ArrowLine: c.addToolObject(new CArrowLineObject("frame0.k0")); break; case ChartManager.DrawingTool.BandLine: c.addToolObject(new CBandLineObject("frame0.k0")); break; case ChartManager.DrawingTool.BiParallelLine: c.addToolObject(new CBiParallelLineObject("frame0.k0")); break; case ChartManager.DrawingTool.BiParallelRayLine: c.addToolObject(new CBiParallelRayLineObject("frame0.k0")); break; case ChartManager.DrawingTool.CrossCursor: this._beforeDrawingTool = b; break; case ChartManager.DrawingTool.DrawFibFans: c.addToolObject(new CFibFansObject("frame0.k0")); break; case ChartManager.DrawingTool.DrawFibRetrace: c.addToolObject(new CFibRetraceObject("frame0.k0")); break; case ChartManager.DrawingTool.DrawLines: c.addToolObject(new CStraightLineObject("frame0.k0")); break; case ChartManager.DrawingTool.HoriRayLine: c.addToolObject(new CHoriRayLineObject("frame0.k0")); break; case ChartManager.DrawingTool.HoriSegLine: c.addToolObject(new CHoriSegLineObject("frame0.k0")); break; case ChartManager.DrawingTool.HoriStraightLine: c.addToolObject(new CHoriStraightLineObject("frame0.k0")); break; case ChartManager.DrawingTool.PriceLine: c.addToolObject(new CPriceLineObject("frame0.k0")); break; case ChartManager.DrawingTool.RayLine: c.addToolObject(new CRayLineObject("frame0.k0")); break; case ChartManager.DrawingTool.SegLine: c.addToolObject(new CSegLineObject("frame0.k0")); break; case ChartManager.DrawingTool.StraightLine: c.addToolObject(new CStraightLineObject("frame0.k0")); break; case ChartManager.DrawingTool.TriParallelLine: c.addToolObject(new CTriParallelLineObject("frame0.k0")); break; case ChartManager.DrawingTool.VertiStraightLine: c.addToolObject(new CVertiStraightLineObject("frame0.k0")); break }};ChartManager.prototype.getTitle = function(a) { return this._titles[a]};ChartManager.prototype.setTitle = function(b, a) { this._titles[b] = a};ChartManager.prototype.setCurrentDataSource = function(d, a) { var b = this.getCachedDataSource(a); if (b != null) { this.setDataSource(d, b, true) } else { var c = this.getDataSource(d); if (c != null) { if (is_instance(c, MainDataSource)) { b = new MainDataSource(a) } else { if (is_instance(c, CLiveOrderDataSource)) { b = new CLiveOrderDataSource(a) } else { if (is_instance(c, CLiveTradeDataSource)) { b = new CLiveTradeDataSource(a) } } } this.setDataSource(d, b, true); this.setCachedDataSource(a, b) } }};ChartManager.prototype.getDataSource = function(a) { return this._dataSources[a]};ChartManager.prototype.setDataSource = function(a, b, c) { this._dataSources[a] = b; if (c) { this.updateData(a, null) }};ChartManager.prototype.getCachedDataSource = function(a) { return this._dataSourceCache[a]};ChartManager.prototype.setCachedDataSource = function(a, b) { this._dataSourceCache[a] = b};ChartManager.prototype.getDataProvider = function(a) { return this._dataProviders[a]};ChartManager.prototype.setDataProvider = function(a, b) { this._dataProviders[a] = b};ChartManager.prototype.removeDataProvider = function(a) { delete this._dataProviders[a]};ChartManager.prototype.getFrame = function(a) { return this._frames[a]};ChartManager.prototype.setFrame = function(a, b) { this._frames[a] = b};ChartManager.prototype.removeFrame = function(a) { delete this._frames[a]};ChartManager.prototype.getArea = function(a) { return this._areas[a]};ChartManager.prototype.setArea = function(a, b) { this._areas[a] = b};ChartManager.prototype.removeArea = function(a) { delete this._areas[a]};ChartManager.prototype.getTimeline = function(a) { return this._timelines[a]};ChartManager.prototype.setTimeline = function(a, b) { this._timelines[a] = b};ChartManager.prototype.removeTimeline = function(a) { delete this._timelines[a]};ChartManager.prototype.getRange = function(a) { return this._ranges[a]};ChartManager.prototype.setRange = function(b, a) { this._ranges[b] = a};ChartManager.prototype.removeRange = function(a) { delete this._ranges[a]};ChartManager.prototype.getPlotter = function(a) { return this._plotters[a]};ChartManager.prototype.setPlotter = function(a, b) { this._plotters[a] = b};ChartManager.prototype.removePlotter = function(a) { delete this._plotters[a]};ChartManager.prototype.getTheme = function(a) { return this._themes[a]};ChartManager.prototype.setTheme = function(a, b) { this._themes[a] = b};ChartManager.prototype.getFrameMousePos = function(b, a) { if (this._frameMousePos[b] != undefined) { a.x = this._frameMousePos[b].x; a.y = this._frameMousePos[b].y } else { a.x = -1; a.y = -1 }};ChartManager.prototype.setFrameMousePos = function(b, c, a) { this._frameMousePos[b] = { x: c, y: a }};ChartManager.prototype.drawArea = function(c, d, f) { var g = d.getNameObject().getCompAt(2); if (g == "timeline") { if (d.getHeight() < 20) { return } } else { if (d.getHeight() < 30) { return } } if (d.getWidth() < 30) { return } g = d.getName(); var e; var b, a = f.length; for (b = 0; b < a; b++) { e = this._plotters[g + f[b]]; if (e != undefined) { e.Draw(c) } }};ChartManager.prototype.drawAreaMain = function(a, b) { var c = this._dataSources[b.getDataSourceName()]; var d; if (c.getDataCount() < 1) { d = [".background"] } else { d = [".background", ".grid", ".main", ".secondary"] } this.drawArea(a, b, d); b.setChanged(false)};ChartManager.prototype.drawAreaOverlay = function(a, b) { var c = this._dataSources[b.getDataSourceName()]; var d; if (c.getDataCount() < 1) { d = [".selection"] } else { d = [".decoration", ".selection", ".info", ".tool"] } this.drawArea(a, b, d)};ChartManager.prototype.drawMain = function(a, c) { drawn = false; if (!drawn) { for (var d in this._areas) { if (this._areas[d].getFrameName() == a && !is_instance(this._areas[d], ChartAreaGroup)) { this.drawAreaMain(c, this._areas[d]) } } } var f; for (var b in this._timelines) { f = this._timelines[b]; if (f.getFrameName() == a) { f.setUpdated(false) } } for (var b in this._ranges) { f = this._ranges[b]; if (f.getFrameName() == a) { f.setUpdated(false) } } for (var b in this._areas) { f = this._areas[b]; if (f.getFrameName() == a) { f.setChanged(false) } }};ChartManager.prototype.drawOverlay = function(a, b) { for (var d in this._areas) { var c = this._areas[d]; if (is_instance(c, ChartAreaGroup)) { if (c.getFrameName() == a) { c.drawGrid(b) } } } for (var d in this._areas) { var c = this._areas[d]; if (is_instance(c, ChartAreaGroup) == false) { if (c.getFrameName() == a) { this.drawAreaOverlay(b, c) } } }};ChartManager.prototype.updateData = function(a, g) { var d = this.getDataSource(a); if (d == undefined) { return } if (g != null) { if (!d.update(g)) { return false } if (d.getUpdateMode() == DataSource.UpdateMode.DoNothing) { return true } } else { d.setUpdateMode(DataSource.UpdateMode.Refresh) } var j = this.getTimeline(a); if (j != undefined) { j.update() } if (d.getDataCount() < 1) { return true } var k = [".main", ".secondary"]; var b, h; for (var c in this._areas) { b = this._areas[c]; if (is_instance(b, ChartAreaGroup)) { continue } if (b.getDataSourceName() != a) { continue } h = b.getName(); for (var f = 0; f < k.length; f++) { var e = this.getDataProvider(h + k[f]); if (e != undefined) { e.updateData() } } } return true};ChartManager.prototype.updateRange = function(a) { var d = this.getDataSource(a); if (d.getDataCount() < 1) { return } var k = [".main", ".secondary"]; var b, h; for (var c in this._areas) { b = this._areas[c]; if (is_instance(b, ChartAreaGroup)) { continue } if (b.getDataSourceName() != a) { continue } h = b.getName(); for (var f = 0; f < k.length; f++) { var e = this.getDataProvider(h + k[f]); if (e != undefined) { e.updateRange() } } var j = this.getTimeline(a); if (j != undefined && j.getMaxItemCount() > 0) { var g = this.getRange(h); if (g != undefined) { g.update() } } }};ChartManager.prototype.layout = function(b, g, f, i, j, a) { var c = this.getFrame(g); c.measure(b, j - f, a - i); c.layout(f, i, j, a); for (var d in this._timelines) { var h = this._timelines[d]; if (h.getFrameName() == g) { h.onLayout() } } for (var d in this._dataSources) { if (d.substring(0, g.length) == g) { this.updateRange(d) } }};ChartManager.prototype.SelectRange = function(b, f) { var c; for (var a in this._ranges) { var e = this._ranges[a].getAreaName(); var d = b.getName(); if (e == d) { this._ranges[a].selectAt(f) } else { this._ranges[a].unselect() } }};ChartManager.prototype.scale = function(b) { if (this._highlightedFrame == null) { return } var a = this._highlightedFrame.getHighlightedArea(); if (this.getRange(a.getName()) != undefined) { var d = a.getDataSourceName(); var c = this.getTimeline(d); if (c != null) { c.scale(b); this.updateRange(d) } }};ChartManager.prototype.showCursor = function(a) { if (a === undefined) { a = "default" } this._mainCanvas.style.cursor = a; this._overlayCanvas.style.cursor = a};ChartManager.prototype.hideCursor = function() { this._mainCanvas.style.cursor = "none"; this._overlayCanvas.style.cursor = "none"};ChartManager.prototype.showCrossCursor = function(b, a, d) { var c = this.getRange(b.getName()); if (c != undefined) { c.selectAt(d); c = this.getTimeline(b.getDataSourceName()); if (c != undefined) { if (c.selectAt(a)) { return true } } } return false};ChartManager.prototype.hideCrossCursor = function(a) { if (a != null) { for (var c in this._timelines) { var b = this._timelines[c]; if (b != a) { b.unselect() } } } else { for (var c in this._timelines) { this._timelines[c].unselect() } } for (var c in this._ranges) { this._ranges[c].unselect() }};ChartManager.prototype.clearHighlight = function() { if (this._highlightedFrame != null) { this._highlightedFrame.highlight(null); this._highlightedFrame = null }};ChartManager.prototype.onToolMouseMove = function(b, a, f) { var c = false; b += "."; for (var e in this._dataSources) { if (e.indexOf(b) == 0) { var d = this._dataSources[e]; if (is_instance(d, MainDataSource)) { if (d.toolManager.acceptMouseMoveEvent(a, f)) { c = true } } } } return c};ChartManager.prototype.onToolMouseDown = function(b, a, f) { var c = false; b += "."; for (var e in this._dataSources) { if (e.indexOf(b) == 0) { var d = this._dataSources[e]; if (is_instance(d, MainDataSource)) { if (d.toolManager.acceptMouseDownEvent(a, f)) { c = true } } } } return c};ChartManager.prototype.onToolMouseUp = function(b, a, f) { var c = false; b += "."; for (var e in this._dataSources) { if (e.indexOf(b) == 0) { var d = this._dataSources[e]; if (is_instance(d, MainDataSource)) { if (d.toolManager.acceptMouseUpEvent(a, f)) { c = true } } } } return c};ChartManager.prototype.onToolMouseDrag = function(b, a, f) { var c = false; b += "."; for (var e in this._dataSources) { if (e.indexOf(b) == 0) { var d = this._dataSources[e]; if (is_instance(d, MainDataSource)) { if (d.toolManager.acceptMouseDownMoveEvent(a, f)) { c = true } } } } return c};ChartManager.prototype.onMouseMove = function(f, k, h, g) { var c = this.getFrame(f); if (c === undefined) { return } this.setFrameMousePos(f, k, h); this.hideCrossCursor(); if (this._highlightedFrame != c) { this.clearHighlight() } if (this._capturingMouseArea != null) { this._capturingMouseArea.onMouseMove(k, h); return } var b = c.contains(k, h); if (b == null) { return } var j, e, d = b.length; for (e = d - 1; e >= 0; e--) { j = b[e]; j = j.onMouseMove(k, h); if (j != null) { if (!is_instance(j, ChartAreaGroup)) { c.highlight(j); this._highlightedFrame = c } return } }};ChartManager.prototype.onMouseLeave = function(c, a, e, b) { var d = this.getFrame(c); if (d == undefined) { return } this.setFrameMousePos(c, a, e); this.hideCrossCursor(); this.clearHighlight(); if (this._capturingMouseArea != null) { this._capturingMouseArea.onMouseLeave(a, e); this._capturingMouseArea = null } this._dragStarted = false};ChartManager.prototype.onMouseDown = function(d, b, j) { var h = this.getFrame(d); if (h == undefined) { return } var e = h.contains(b, j); if (e == null) { return } var c, g, f = e.length; for (g = f - 1; g >= 0; g--) { c = e[g]; c = c.onMouseDown(b, j); if (c != null) { this._capturingMouseArea = c; return } }};ChartManager.prototype.onMouseUp = function(b, a, d) { var c = this.getFrame(b); if (c == undefined) { return } if (this._capturingMouseArea) { if (this._capturingMouseArea.onMouseUp(a, d) == null && this._dragStarted == false) { if (this._selectedFrame != null && this._selectedFrame != c) { this._selectedFrame.select(null) } if (this._capturingMouseArea.isSelected()) { if (!this._captureMouseWheelDirectly) { $(this._overlayCanvas).unbind("mousewheel") } c.select(null); this._selectedFrame = null } else { if (this._selectedFrame != c) { if (!this._captureMouseWheelDirectly) { $(this._overlayCanvas).bind("mousewheel", mouseWheel) } } c.select(this._capturingMouseArea); this._selectedFrame = c } } this._capturingMouseArea = null; this._dragStarted = false }};ChartManager.prototype.deleteToolObject = function() { var b = this.getDataSource("frame0.k0"); var c = b.getSelectToolObjcet(); if (c != null) { b.delSelectToolObject() } var a = b.getCurrentToolObject(); if (a != null && a.getState() != CToolObject.state.AfterDraw) { b.delToolObject() } this.setNormalMode()};ChartManager.prototype.unloadTemplate = function(a) { var b = this.getFrame(a); if (b == undefined) { return } for (var c in this._dataSources) { if (c.match(a + ".")) { delete this._dataSources[c] } } for (var c in this._dataProviders) { if (this._dataProviders[c].getFrameName() == a) { delete this._dataProviders[c] } } delete this._frames[a]; for (var c in this._areas) { if (this._areas[c].getFrameName() == a) { delete this._areas[c] } } for (var c in this._timelines) { if (this._timelines[c].getFrameName() == a) { delete this._timelines[c] } } for (var c in this._ranges) { if (this._ranges[c].getFrameName() == a) { delete this._ranges[c] } } for (var c in this._plotters) { if (this._plotters[c].getFrameName() == a) { delete this._plotters[c] } } delete this._themes[a]; delete this._frameMousePos[a]};ChartManager.prototype.createIndicatorAndRange = function(e, a, c) { var d, b; switch (a) { case "MA": d = new MAIndicator(); b = new PositiveRange(e); break; case "EMA": d = new EMAIndicator(); b = new PositiveRange(e); break; case "VOLUME": d = new VOLUMEIndicator(); b = new ZeroBasedPositiveRange(e); break; case "MACD": d = new MACDIndicator(); b = new ZeroCenteredRange(e); break; case "DMI": d = new DMIIndicator(); b = new PercentageRange(e); break; case "DMA": d = new DMAIndicator(); b = new Range(e); break; case "TRIX": d = new TRIXIndicator(); b = new Range(e); break; case "BRAR": d = new BRARIndicator(); b = new Range(e); break; case "VR": d = new VRIndicator(); b = new Range(e); break; case "OBV": d = new OBVIndicator(); b = new Range(e); break; case "EMV": d = new EMVIndicator(); b = new Range(e); break; case "RSI": d = new RSIIndicator(); b = new PercentageRange(e); break; case "WR": d = new WRIndicator(); b = new PercentageRange(e); break; case "SAR": d = new SARIndicator(); b = new PositiveRange(e); break; case "KDJ": d = new KDJIndicator(); b = new PercentageRange(e); break; case "ROC": d = new ROCIndicator(); b = new Range(e); break; case "MTM": d = new MTMIndicator(); b = new Range(e); break; case "BOLL": d = new BOLLIndicator(); b = new Range(e); break; case "PSY": d = new PSYIndicator(); b = new Range(e); break; case "StochRSI": d = new STOCHRSIIndicator(); b = new PercentageRange(e); break; default: return null } if (!c) { d.setParameters(ChartSettings.get().indics[a]) } return { indic: d, range: b }};ChartManager.prototype.setMainIndicator = function(e, a) { var h = e + ".main"; var g = this.getDataProvider(h + ".main"); if (g == undefined || !is_instance(g, MainDataProvider)) { return false } var f; switch (a) { case "MA": f = new MAIndicator(); break; case "EMA": f = new EMAIndicator(); break; case "BOLL": f = new BOLLIndicator(); break; case "SAR": f = new SARIndicator(); break; default: return false } f.setParameters(ChartSettings.get().indics[a]); var c = h + ".secondary"; var b = this.getDataProvider(c); if (b == undefined) { b = new IndicatorDataProvider(c); this.setDataProvider(b.getName(), b) } b.setIndicator(f); var d = this.getPlotter(c); if (d == undefined) { d = new IndicatorPlotter(c); this.setPlotter(d.getName(), d) } this.getArea(h).setChanged(true); return true};ChartManager.prototype.setIndicator = function(h, a) { var d = this.getArea(h); if (d == undefined || d.getNameObject().getCompAt(2) == "main") { return false } var g = this.getDataProvider(h + ".secondary"); if (g == undefined || !is_instance(g, IndicatorDataProvider)) { return false } var c = this.createIndicatorAndRange(h, a); if (c == null) { return false } var f = c.indic; var b = c.range; this.removeDataProvider(h + ".main"); this.removePlotter(h + ".main"); this.removeRange(h); this.removePlotter(h + "Range.decoration"); g.setIndicator(f); this.setRange(h, b); b.setPaddingTop(20); b.setPaddingBottom(4); b.setMinInterval(20); if (is_instance(f, VOLUMEIndicator)) { var e = new LastVolumePlotter(h + "Range.decoration"); this.setPlotter(e.getName(), e) } else { if (is_instance(f, BOLLIndicator) || is_instance(f, SARIndicator)) { var g = new MainDataProvider(h + ".main"); this.setDataProvider(g.getName(), g); g.updateData(); var e = new OHLCPlotter(h + ".main"); this.setPlotter(e.getName(), e) } } return true};ChartManager.prototype.removeMainIndicator = function(c) { var d = c + ".main"; var b = d + ".secondary"; var a = this.getDataProvider(b); if (a == undefined || !is_instance(a, IndicatorDataProvider)) { return } this.removeDataProvider(b); this.removePlotter(b); this.getArea(d).setChanged(true)};ChartManager.prototype.removeIndicator = function(g) { var b = this.getArea(g); if (b == undefined || b.getNameObject().getCompAt(2) == "main") { return } var f = this.getDataProvider(g + ".secondary"); if (f == undefined || !is_instance(f, IndicatorDataProvider)) { return } var c = g + "Range"; var a = this.getArea(c); if (a == undefined) { return } var e = this.getArea(b.getDataSourceName() + ".charts"); if (e == undefined) { return } e.removeArea(b); this.removeArea(g); e.removeArea(a); this.removeArea(c); for (var d in this._dataProviders) { if (this._dataProviders[d].getAreaName() == g) { this.removeDataProvider(d) } } for (var d in this._ranges) { if (this._ranges[d].getAreaName() == g) { this.removeRange(d) } } for (var d in this._plotters) { if (this._plotters[d].getAreaName() == g) { this.removePlotter(d) } } for (var d in this._plotters) { if (this._plotters[d].getAreaName() == c) { this.removePlotter(d) } }};ChartManager.prototype.getIndicatorParameters = function(a) { var f = this._fakeIndicators[a]; if (f == undefined) { var b = this.createIndicatorAndRange("", a); if (b == null) { return null } this._fakeIndicators[a] = f = b.indic } var e = []; var d, c = f.getParameterCount(); for (d = 0; d < c; d++) { e.push(f.getParameterAt(d)) } return e};ChartManager.prototype.setIndicatorParameters = function(a, c) { var f, e; for (f in this._dataProviders) { var d = this._dataProviders[f]; if (is_instance(d, IndicatorDataProvider) == false) { continue } e = d.getIndicator(); if (e.getName() == a) { e.setParameters(c); d.refresh(); this.getArea(d.getAreaName()).setChanged(true) } } e = this._fakeIndicators[a]; if (e == undefined) { var b = this.createIndicatorAndRange("", a, true); if (b == null) { return } this._fakeIndicators[a] = e = b.indic } e.setParameters(c)};ChartManager.prototype.getIndicatorAreaName = function(c, a) { var d = this.getArea(c + ".charts"); var b = d.getAreaCount() >> 1; if (a < 0 || a >= b) { return "" } return d.getAreaAt(a << 1).getName()};var Timeline = create_class(NamedObject);Timeline._ItemWidth = [1, 3, 3, 5, 5, 7, 9, 11, 13, 15, 17, 19, 21, 23, 25, 27, 29];Timeline._SpaceWidth = [1, 1, 2, 2, 3, 3, 3, 3, 3, 3, 5, 5, 5, 5, 7, 7, 7];Timeline.PADDING_LEFT = 4;Timeline.PADDING_RIGHT = 8;Timeline.prototype.__construct = function(a) { Timeline.__super.__construct.call(this, a); this._updated = false; this._innerLeft = 0; this._innerWidth = 0; this._firstColumnLeft = 0; this._scale = 3; this._lastScale = -1; this._maxItemCount = 0; this._maxIndex = 0; this._firstIndex = -1; this._selectedIndex = -1; this._savedFirstIndex = -1};Timeline.prototype.isLatestShown = function() { return this.getLastIndex() == this._maxIndex};Timeline.prototype.isUpdated = function() { return this._updated};Timeline.prototype.setUpdated = function(a) { this._updated = a};Timeline.prototype.getItemWidth = function() { return Timeline._ItemWidth[this._scale]};Timeline.prototype.getSpaceWidth = function() { return Timeline._SpaceWidth[this._scale]};Timeline.prototype.getColumnWidth = function() { return this.getSpaceWidth() + this.getItemWidth()};Timeline.prototype.getInnerWidth = function() { return this._innerWidth};Timeline.prototype.getItemLeftOffset = function() { return this.getSpaceWidth()};Timeline.prototype.getItemCenterOffset = function() { return this.getSpaceWidth() + (this.getItemWidth() >> 1)};Timeline.prototype.getFirstColumnLeft = function() { return this._firstColumnLeft};Timeline.prototype.getMaxItemCount = function() { return this._maxItemCount};Timeline.prototype.getFirstIndex = function() { return this._firstIndex};Timeline.prototype.getLastIndex = function() { return Math.min(this._firstIndex + this._maxItemCount, this._maxIndex)};Timeline.prototype.getSelectedIndex = function() { return this._selectedIndex};Timeline.prototype.getMaxIndex = function() { return this._maxIndex};Timeline.prototype.calcColumnCount = function(a) { return Math.floor(a / this.getColumnWidth()) << 0};Timeline.prototype.calcFirstColumnLeft = function(a) { return this._innerLeft + this._innerWidth - (this.getColumnWidth() * a)};Timeline.prototype.calcFirstIndexAlignRight = function(c, a, b) { return Math.max(0, c + Math.max(a, 1) - Math.max(b, 1))};Timeline.prototype.calcFirstIndex = function(a) { return this.validateFirstIndex(this.calcFirstIndexAlignRight(this._firstIndex, this._maxItemCount, a), a)};Timeline.prototype.updateMaxItemCount = function() { var a = this.calcColumnCount(this._innerWidth); var c; if (this._maxItemCount < 1) { c = this.calcFirstIndex(a) } else { if (this._lastScale == this._scale) { c = this.validateFirstIndex(this._firstIndex - (a - this._maxItemCount)) } else { var b = (this._selectedIndex >= 0) ? this._selectedIndex: this.getLastIndex() - 1; c = this.validateFirstIndex(b - Math.round((b - this._firstIndex) * a / this._maxItemCount)) } } this._lastScale = this._scale; if (this._firstIndex != c) { if (this._selectedIndex == this._firstIndex) { this._selectedIndex = c } this._firstIndex = c; this._updated = true } if (this._maxItemCount != a) { this._maxItemCount = a; this._updated = true } this._firstColumnLeft = this.calcFirstColumnLeft(a)};Timeline.prototype.validateFirstIndex = function(a, c) { if (this._maxIndex < 1) { return - 1 } if (a < 0) { return 0 } var b = Math.max(0, this._maxIndex - 1); if (a > b) { return b } return a};Timeline.prototype.validateSelectedIndex = function() { if (this._selectedIndex < this._firstIndex) { this._selectedIndex = -1 } else { if (this._selectedIndex >= this.getLastIndex()) { this._selectedIndex = -1 } }};Timeline.prototype.onLayout = function() { var c = ChartManager.getInstance(); var b = c.getArea(this.getDataSourceName() + ".main"); if (b != null) { this._innerLeft = b.getLeft() + Timeline.PADDING_LEFT; var a = Math.max(0, b.getWidth() - (Timeline.PADDING_LEFT + Timeline.PADDING_RIGHT)); if (this._innerWidth != a) { this._innerWidth = a; this.updateMaxItemCount() } }};Timeline.prototype.toIndex = function(a) { return this._firstIndex + this.calcColumnCount(a - this._firstColumnLeft)};Timeline.prototype.toColumnLeft = function(a) { return this._firstColumnLeft + (this.getColumnWidth() * (a - this._firstIndex))};Timeline.prototype.toItemLeft = function(a) { return this.toColumnLeft(a) + this.getItemLeftOffset()};Timeline.prototype.toItemCenter = function(a) { return this.toColumnLeft(a) + this.getItemCenterOffset()};Timeline.prototype.selectAt = function(a) { this._selectedIndex = this.toIndex(a); this.validateSelectedIndex(); return (this._selectedIndex >= 0)};Timeline.prototype.unselect = function() { this._selectedIndex = -1};Timeline.prototype.update = function() { var c = ChartManager.getInstance(); var b = c.getDataSource(this.getDataSourceName()); var d = this._maxIndex; this._maxIndex = b.getDataCount(); switch (b.getUpdateMode()) { case DataSource.UpdateMode.Refresh: if (this._maxIndex < 1) { this._firstIndex = -1 } else { this._firstIndex = Math.max(this._maxIndex - this._maxItemCount, 0) } this._selectedIndex = -1; this._updated = true; break; case DataSource.UpdateMode.Append: var e = this.getLastIndex(); var a = b.getErasedCount(); if (e < d) { if (a > 0) { this._firstIndex = Math.max(this._firstIndex - a, 0); if (this._selectedIndex >= 0) { this._selectedIndex -= a; this.validateSelectedIndex() } this._updated = true } } else { if (e == d) { this._firstIndex += (this._maxIndex - d); if (this._selectedIndex >= 0) { this._selectedIndex -= a; this.validateSelectedIndex() } this._updated = true } } break }};Timeline.prototype.move = function(a) { if (this.isLatestShown()) { ChartManager.getInstance().getArea(this.getDataSourceName() + ".mainRange").setChanged(true) } this._firstIndex = this.validateFirstIndex(this._savedFirstIndex - this.calcColumnCount(a), this._maxItemCount); this._updated = true; if (this._selectedIndex >= 0) { this.validateSelectedIndex() }};Timeline.prototype.startMove = function() { this._savedFirstIndex = this._firstIndex};Timeline.prototype.scale = function(a) { this._scale += a; if (this._scale < 0) { this._scale = 0 } else { if (this._scale >= Timeline._ItemWidth.length) { this._scale = Timeline._ItemWidth.length - 1 } } this.updateMaxItemCount(); if (this._selectedIndex >= 0) { this.validateSelectedIndex() }};var Range = create_class(NamedObject);Range.prototype.__construct = function(a) { Range.__super.__construct.call(this, a); this._updated = true; this._minValue = Number.MAX_VALUE; this._maxValue = -Number.MAX_VALUE; this._outerMinValue = Number.MAX_VALUE; this._outerMaxValue = -Number.MAX_VALUE; this._ratio = 0; this._top = 0; this._bottom = 0; this._paddingTop = 0; this._paddingBottom = 0; this._minInterval = 36; this._selectedPosition = -1; this._selectedValue = -Number.MAX_VALUE; this._gradations = []};Range.prototype.isUpdated = function() { return this._updated};Range.prototype.setUpdated = function(a) { this._updated = a};Range.prototype.getMinValue = function() { return this._minValue};Range.prototype.getMaxValue = function() { return this._maxValue};Range.prototype.getRange = function() { return this._maxValue - this._minValue};Range.prototype.getOuterMinValue = function() { return this._outerMinValue};Range.prototype.getOuterMaxValue = function() { return this._outerMaxValue};Range.prototype.getOuterRange = function() { return this._outerMaxValue - this._outerMinValue};Range.prototype.getHeight = function() { return Math.max(0, this._bottom - this._top)};Range.prototype.getGradations = function() { return this._gradations};Range.prototype.getMinInterval = function() { return this._minInterval};Range.prototype.setMinInterval = function(a) { this._minInterval = a};Range.prototype.getSelectedPosition = function() { if (this._selectedPosition >= 0) { return this._selectedPosition } if (this._selectedValue > -Number.MAX_VALUE) { return this.toY(this._selectedValue) } return - 1};Range.prototype.getSelectedValue = function() { if (this._selectedValue > -Number.MAX_VALUE) { return this._selectedValue } var b = ChartManager.getInstance(); var a = b.getArea(this.getAreaName()); if (a == null) { return - Number.MAX_VALUE } if (this._selectedPosition < a.getTop() + 12 || this._selectedPosition >= a.getBottom() - 4) { return - Number.MAX_VALUE } return this.toValue(this._selectedPosition)};Range.prototype.setPaddingTop = function(a) { this._paddingTop = a};Range.prototype.setPaddingBottom = function(a) { this._paddingBottom = a};Range.prototype.toValue = function(a) { return this._maxValue - (a - this._top) / this._ratio};Range.prototype.toY = function(a) { if (this._ratio > 0) { return this._top + Math.floor((this._maxValue - a) * this._ratio + 0.5) } return this._top};Range.prototype.toHeight = function(a) { return Math.floor(a * this._ratio + 1.5)};Range.prototype.update = function() { var c = Number.MAX_VALUE; var a = -Number.MAX_VALUE; var e = ChartManager.getInstance(); var g, f = [".main", ".secondary"]; for (var b = 0; b < f.length; b++) { g = e.getDataProvider(this.getName() + f[b]); if (g != null) { c = Math.min(c, g.getMinValue()); a = Math.max(a, g.getMaxValue()) } } var d = { min: c, max: a }; this.preSetRange(d); this.setRange(d.min, d.max)};Range.prototype.select = function(a) { this._selectedValue = a; this._selectedPosition = -1};Range.prototype.selectAt = function(a) { this._selectedPosition = a; this._selectedValue = -Number.MAX_VALUE};Range.prototype.unselect = function() { this._selectedPosition = -1; this._selectedValue = -Number.MAX_VALUE};Range.prototype.preSetRange = function(a) { if (a.min == a.max) { a.min = -1; a.max = 1 }};Range.prototype.setRange = function(d, f) { var c = ChartManager.getInstance(); var b = c.getArea(this.getAreaName()); if (this._minValue == d && this._maxValue == f && !b.isChanged()) { return } this._updated = true; this._minValue = d; this._maxValue = f; this._gradations = []; var e = b.getTop() + this._paddingTop; var a = b.getBottom() - (this._paddingBottom + 1); if (e >= a) { this._minValue = this._maxValue; return } this._top = e; this._bottom = a; if (this._maxValue > this._minValue) { this._ratio = (a - e) / (this._maxValue - this._minValue) } else { this._ratio = 1 } this._outerMinValue = this.toValue(b.getBottom()); this._outerMaxValue = this.toValue(b.getTop()); this.updateGradations()};Range.prototype.calcInterval = function() { var e = this.getHeight(); var f = this.getMinInterval(); if ((e / f) <= 1) { f = e >> 1 } var g = this.getRange(); var b = 0; while (b > -2 && Math.floor(g) < g) { g *= 10; b-- } var a, j; for (;; b++) { j = Math.pow(10, b); a = j; if (this.toHeight(a) > f) { break } a = 2 * j; if (this.toHeight(a) > f) { break } a = 5 * j; if (this.toHeight(a) > f) { break } } return a};Range.prototype.updateGradations = function() { this._gradations = []; var b = this.calcInterval(); if (b <= 0) { return } var a = Math.floor(this.getMaxValue() / b) * b; do { this._gradations.push(a); a -= b } while ( a > this . getMinValue ())};var PositiveRange = create_class(Range);PositiveRange.prototype.__construct = function(a) { PositiveRange.__super.__construct.call(this, a)};PositiveRange.prototype.preSetRange = function(a) { if (a.min < 0) { a.min = 0 } if (a.max < 0) { a.max = 0 }};var ZeroBasedPositiveRange = create_class(Range);ZeroBasedPositiveRange.prototype.__construct = function(a) { ZeroBasedPositiveRange.__super.__construct.call(this, a)};ZeroBasedPositiveRange.prototype.preSetRange = function(a) { a.min = 0; if (a.max < 0) { a.max = 0 }};var MainRange = create_class(Range);MainRange.prototype.__construct = function(a) { MainRange.__super.__construct.call(this, a)};MainRange.prototype.preSetRange = function(e) { var l = ChartManager.getInstance(); var n = l.getTimeline(this.getDataSourceName()); var b = n.getMaxIndex() - n.getLastIndex(); if (b < 25) { var f = l.getDataSource(this.getDataSourceName()); var h = f.getDataAt(f.getDataCount() - 1); var i = ((e.max - e.min) / 4) * (1 - (b / 25)); e.min = Math.min(e.min, Math.max(h.low - i, 0)); e.max = Math.max(e.max, h.high + i) } if (e.min > 0) { var k = e.max / e.min; if (k < 1.016) { var g = (e.max + e.min) / 2; var j = (k - 1) * 1.5; e.max = g * (1 + j); e.min = g * (1 - j) } else { if (k < 1.048) { var g = (e.max + e.min) / 2; e.max = g * 1.024; e.min = g * 0.976 } } } if (e.min < 0) { e.min = 0 } if (e.max < 0) { e.max = 0 }};var ZeroCenteredRange = create_class(Range);ZeroCenteredRange.prototype.__construct = function(a) { ZeroCenteredRange.__super.__construct.call(this, a)};ZeroCenteredRange.prototype.calcInterval = function(d) { var b = this.getMinInterval(); if (d.getHeight() / b < 2) { return 0 } var c = this.getRange(); var a; for (a = 3;; a += 2) { if (this.toHeight(c / a) <= b) { break } } a -= 2; return c / a};ZeroCenteredRange.prototype.updateGradations = function() { this._gradations = []; var d = ChartManager.getInstance(); var c = d.getArea(this.getAreaName()); var b = this.calcInterval(c); if (b <= 0) { return } var a = b / 2; do { this._gradations.push(a); this._gradations.push( - a); a += b } while ( a <= this . getMaxValue ())};ZeroCenteredRange.prototype.preSetRange = function(b) { var a = Math.max(Math.abs(b.min), Math.abs(b.max)); b.min = -a; b.max = a};var PercentageRange = create_class(Range);PercentageRange.prototype.__construct = function(a) { PercentageRange.__super.__construct.call(this, a)};PercentageRange.prototype.updateGradations = function() { this._gradations = []; var e = ChartManager.getInstance(); var d = e.getArea(this.getAreaName()); var b = 10; var c = Math.floor(this.toHeight(b)); if ((c << 2) > d.getHeight()) { return } var a = Math.ceil(this.getMinValue() / b) * b; if (a == 0) { a = 0 } if ((c << 2) < 24) { if ((c << 1) < 8) { return } do { if (a == 20 || a == 80) { this._gradations.push(a) } a += b } while ( a < this . getMaxValue ()) } else { do { if (c < 8) { if (a == 20 || a == 50 || a == 80) { this._gradations.push(a) } } else { if (a == 0 || a == 20 || a == 50 || a == 80 || a == 100) { this._gradations.push(a) } } a += b } while ( a < this . getMaxValue ()) }};var DataSource = create_class(NamedObject);DataSource.prototype.__construct = function(a) { DataSource.__super.__construct.call(this, a)};DataSource.UpdateMode = { DoNothing: 0, Refresh: 1, Update: 2, Append: 3};DataSource.prototype.getUpdateMode = function() { return this._updateMode};DataSource.prototype.setUpdateMode = function(a) { this._updateMode = a};DataSource.prototype.getCacheSize = function() { return 0};DataSource.prototype.getDataCount = function() { return 0};var MainDataSource = create_class(DataSource);MainDataSource.prototype.__construct = function(a) { MainDataSource.__super.__construct.call(this, a); this._erasedCount = 0; this._dataItems = []; this._decimalDigits = 0; this.toolManager = new CToolManager(a)};MainDataSource.prototype.getCacheSize = function() { return this._dataItems.length};MainDataSource.prototype.getDataCount = function() { return this._dataItems.length};MainDataSource.prototype.getUpdatedCount = function() { return this._updatedCount};MainDataSource.prototype.getAppendedCount = function() { return this._appendedCount};MainDataSource.prototype.getErasedCount = function() { return this._erasedCount};MainDataSource.prototype.getDecimalDigits = function() { return this._decimalDigits};MainDataSource.prototype.calcDecimalDigits = function(a) { var c = "" + a; var b = c.indexOf("."); if (b < 0) { return 0 } return (c.length - 1) - b};MainDataSource.prototype.getLastDate = function() { var a = this.getDataCount(); if (a < 1) { return - 1 } return this.getDataAt(a - 1).date};MainDataSource.prototype.getDataAt = function(a) { return this._dataItems[a]};MainDataSource.prototype.update = function (c) { this._updatedCount = 0; this._appendedCount = 0; this._erasedCount = 0; var h = this._dataItems.length; if (h > 0) { var g = h - 1; var l = this._dataItems[g]; var j, f, b = c.length; for (f = 0; f < b; f++) { j = c[f]; if (j[0] == l.date) {//时间相同不绘点 this.setUpdateMode(DataSource.UpdateMode.DoNothing); return false; } //如果当前时间点小于图现在最新点，则不绘点 if (l.date > j[0]) { this.setUpdateMode(DataSource.UpdateMode.DoNothing); return false; } //如果点的时间大于当前时间，则不绘点 var timestamp = Date.parse(new Date()); //当前时间戳 if (j[0] > timestamp) { this.setUpdateMode(DataSource.UpdateMode.DoNothing); return false; } //推送点绘制 this.setUpdateMode(DataSource.UpdateMode.Append); for (; f < b; f++, this._appendedCount++) { j = c[f]; this._dataItems.push({ date: j[0], open: j[1], high: j[2], low: j[3], close: j[4], volume: j[5] }); } return true; //if (j[0] == l.date) { // if (l.open == j[1] && l.high == j[2] && l.low == j[3] && l.close == j[4] && l.volume == j[5]) { // this.setUpdateMode(DataSource.UpdateMode.DoNothing) // } else { // this.setUpdateMode(DataSource.UpdateMode.Update); // this._dataItems[g] = { // date: j[0], // open: j[1], // high: j[2], // low: j[3], // close: j[4], // volume: j[5] // }; // this._updatedCount++ // } // f++; // if (f < b) { // this.setUpdateMode(DataSource.UpdateMode.Append); // for (; f < b; f++, this._appendedCount++) { // j = c[f]; // this._dataItems.push({ // date: j[0], // open: j[1], // high: j[2], // low: j[3], // close: j[4], // volume: j[5] // }) // } // } // return true //} } if (b < 1000) { this.setUpdateMode(DataSource.UpdateMode.DoNothing); return false } } this.setUpdateMode(DataSource.UpdateMode.Refresh); this._dataItems = []; var k, a, j, f, b = c.length; for (f = 0; f < b; f++) { j = c[f]; for (a = 1; a <= 4; a++) { k = this.calcDecimalDigits(j[a]); if (this._decimalDigits < k) { this._decimalDigits = k } } //如果点的时间大于当前时间，则不绘点 var timestamp = Date.parse(new Date()); //当前时间戳 if (j[0] > timestamp) { continue; } this._dataItems.push({ date: j[0], open: j[1], high: j[2], low: j[3], close: j[4], volume: j[5] }) } return true};MainDataSource.prototype.select = function(a) { this.toolManager.selecedObject = a};MainDataSource.prototype.unselect = function() { this.toolManager.selecedObject = -1};MainDataSource.prototype.addToolObject = function(a) { this.toolManager.addToolObject(a)};MainDataSource.prototype.delToolObject = function() { this.toolManager.delCurrentObject()};MainDataSource.prototype.getToolObject = function(a) { return this.toolManager.getToolObject(a)};MainDataSource.prototype.getToolObjectCount = function() { return this.toolManager.toolObjects.length};MainDataSource.prototype.getCurrentToolObject = function() { return this.toolManager.getCurrentObject()};MainDataSource.prototype.getSelectToolObjcet = function() { return this.toolManager.getSelectedObject()};MainDataSource.prototype.delSelectToolObject = function() { this.toolManager.delSelectedObject()};var DataProvider = create_class(NamedObject);DataProvider.prototype.__construct = function(a) { DataProvider.__super.__construct.call(this, a); this._minValue = 0; this._maxValue = 0; this._minValueIndex = -1; this._maxValueIndex = -1};DataProvider.prototype.getMinValue = function() { return this._minValue};DataProvider.prototype.getMaxValue = function() { return this._maxValue};DataProvider.prototype.getMinValueIndex = function() { return this._minValueIndex};DataProvider.prototype.getMaxValueIndex = function() { return this._maxValueIndex};DataProvider.prototype.calcRange = function(l, h, d, j) { var e = Number.MAX_VALUE; var m = -Number.MAX_VALUE; var k = -1; var b = -1; var c = {}; var f = h - 1; var a = l.length - 1; for (; a >= 0; a--) { var g = l[a]; if (f < g) { d[a] = { min: e, max: m } } else { for (; f >= g; f--) { if (this.getMinMaxAt(f, c) == false) { continue } if (e > c.min) { e = c.min; k = f } if (m < c.max) { m = c.max; b = f } } d[a] = { min: e, max: m } } if (j != null) { j[a] = { minIndex: k, maxIndex: b } } }};DataProvider.prototype.updateRange = function() { var e = ChartManager.getInstance(); var c = e.getTimeline(this.getDataSourceName()); var b = [c.getFirstIndex()]; var d = [{}]; var a = [{}]; this.calcRange(b, c.getLastIndex(), d, a); this._minValue = d[0].min; this._maxValue = d[0].max; this._minValueIndex = a[0].minIndex; this._maxValueIndex = a[0].maxIndex};var MainDataProvider = create_class(DataProvider);MainDataProvider.prototype.__construct = function(a) { MainDataProvider.__super.__construct.call(this, a); this._candlestickDS = null};MainDataProvider.prototype.updateData = function() { var b = ChartManager.getInstance(); var a = b.getDataSource(this.getDataSourceName()); if (!is_instance(a, MainDataSource)) { return } this._candlestickDS = a};MainDataProvider.prototype.getMinMaxAt = function(a, b) { var c = this._candlestickDS.getDataAt(a); b.min = c.low; b.max = c.high; return true};var IndicatorDataProvider = create_class(DataProvider);IndicatorDataProvider.prototype.getIndicator = function() { return this._indicator};IndicatorDataProvider.prototype.setIndicator = function(a) { this._indicator = a; this.refresh()};IndicatorDataProvider.prototype.refresh = function() { var d = ChartManager.getInstance(); var c = d.getDataSource(this.getDataSourceName()); if (c.getDataCount() < 1) { return } var e = this._indicator; var a, b = c.getDataCount(); e.clear(); e.reserve(b); for (a = 0; a < b; a++) { e.execute(c, a) }};IndicatorDataProvider.prototype.updateData = function() { var e = ChartManager.getInstance(); var d = e.getDataSource(this.getDataSourceName()); if (d.getDataCount() < 1) { return } var g = this._indicator; var f = d.getUpdateMode(); switch (f) { case DataSource.UpdateMode.Refresh: this.refresh(); break; case DataSource.UpdateMode.Append: g.reserve(d.getAppendedCount()); case DataSource.UpdateMode.Update: var b, c = d.getDataCount(); var a = d.getUpdatedCount() + d.getAppendedCount(); for (b = c - a; b < c; b++) { g.execute(d, b) } break }};IndicatorDataProvider.prototype.getMinMaxAt = function(b, f) { f.min = Number.MAX_VALUE; f.max = -Number.MAX_VALUE; var a, e = false; var d, c = this._indicator.getOutputCount(); for (d = 0; d < c; d++) { a = this._indicator.getOutputAt(d).execute(b); if (isNaN(a) == false) { e = true; if (f.min > a) { f.min = a } if (f.max < a) { f.max = a } } } return e};var theme_color_id = 0;var theme_font_id = 0;var Theme = create_class();Theme.prototype.getColor = function(a) { return this._colors[a]};Theme.prototype.getFont = function(a) { return this._fonts[a]};Theme.Color = { Positive: theme_color_id++, Negative: theme_color_id++, PositiveDark: theme_color_id++, NegativeDark: theme_color_id++, Unchanged: theme_color_id++, Background: theme_color_id++, Cursor: theme_color_id++, RangeMark: theme_color_id++, Indicator0: theme_color_id++, Indicator1: theme_color_id++, Indicator2: theme_color_id++, Indicator3: theme_color_id++, Indicator4: theme_color_id++, Indicator5: theme_color_id++, Grid0: theme_color_id++, Grid1: theme_color_id++, Grid2: theme_color_id++, Grid3: theme_color_id++, Grid4: theme_color_id++, TextPositive: theme_color_id++, TextNegative: theme_color_id++, Text0: theme_color_id++, Text1: theme_color_id++, Text2: theme_color_id++, Text3: theme_color_id++, Text4: theme_color_id++, LineColorNormal: theme_color_id++, LineColorSelected: theme_color_id++, CircleColorFill: theme_color_id++, CircleColorStroke: theme_color_id++};Theme.Font = { Default: theme_font_id++};var DarkTheme = create_class(Theme);//黑色背景DarkTheme.prototype.__construct = function() { this._colors = []; this._colors[Theme.Color.Positive] = "#FF3232";//涨价 红色 this._colors[Theme.Color.Negative] = "#00ba53";//跌价 绿色 this._colors[Theme.Color.PositiveDark] = "#004718"; this._colors[Theme.Color.NegativeDark] = "#3b0e08"; this._colors[Theme.Color.Unchanged] = "#fff"; this._colors[Theme.Color.Background] = "#0a0a0a"; this._colors[Theme.Color.Cursor] = "#aaa"; this._colors[Theme.Color.RangeMark] = "#f9ee30"; this._colors[Theme.Color.Indicator0] = "#ddd"; this._colors[Theme.Color.Indicator1] = "#f9ee30"; this._colors[Theme.Color.Indicator2] = "#f600ff"; this._colors[Theme.Color.Indicator3] = "#6bf"; this._colors[Theme.Color.Indicator4] = "#a5cf81"; this._colors[Theme.Color.Indicator5] = "#e18b89"; this._colors[Theme.Color.Grid0] = "#333"; this._colors[Theme.Color.Grid1] = "#444"; this._colors[Theme.Color.Grid2] = "#666"; this._colors[Theme.Color.Grid3] = "#888"; this._colors[Theme.Color.Grid4] = "#aaa"; this._colors[Theme.Color.TextPositive] = "#1bd357"; this._colors[Theme.Color.TextNegative] = "#ff6f5e"; this._colors[Theme.Color.Text0] = "#444"; this._colors[Theme.Color.Text1] = "#666"; this._colors[Theme.Color.Text2] = "#888"; this._colors[Theme.Color.Text3] = "#aaa"; this._colors[Theme.Color.Text4] = "#ccc"; this._colors[Theme.Color.LineColorNormal] = "#a6a6a6"; this._colors[Theme.Color.LineColorSelected] = "#ffffff"; this._colors[Theme.Color.CircleColorFill] = "#000000"; this._colors[Theme.Color.CircleColorStroke] = "#ffffff"; this._fonts = []; this._fonts[Theme.Font.Default] = "12px Tahoma"};var LightTheme = create_class(Theme);//白色背景LightTheme.prototype.__construct = function() { this._colors = []; this._colors[Theme.Color.Positive] = "#db5542";//红色，涨价 this._colors[Theme.Color.Negative] = "#53b37b";//绿色，跌价 this._colors[Theme.Color.PositiveDark] = "#66d293"; this._colors[Theme.Color.NegativeDark] = "#ffadaa"; this._colors[Theme.Color.Unchanged] = "#fff"; this._colors[Theme.Color.Background] = "#fff"; this._colors[Theme.Color.Cursor] = "#aaa"; this._colors[Theme.Color.RangeMark] = "#f27935"; this._colors[Theme.Color.Indicator0] = "#2fd2b2"; this._colors[Theme.Color.Indicator1] = "#ffb400"; this._colors[Theme.Color.Indicator2] = "#e849b9"; this._colors[Theme.Color.Indicator3] = "#1478c8"; this._colors[Theme.Color.Grid0] = "#eee"; this._colors[Theme.Color.Grid1] = "#afb1b3"; this._colors[Theme.Color.Grid2] = "#ccc"; this._colors[Theme.Color.Grid3] = "#bbb"; this._colors[Theme.Color.Grid4] = "#aaa"; this._colors[Theme.Color.TextPositive] = "#53b37b"; this._colors[Theme.Color.TextNegative] = "#db5542"; this._colors[Theme.Color.Text0] = "#ccc"; this._colors[Theme.Color.Text1] = "#aaa"; this._colors[Theme.Color.Text2] = "#888"; this._colors[Theme.Color.Text3] = "#666"; this._colors[Theme.Color.Text4] = "#444"; this._colors[Theme.Color.LineColorNormal] = "#8c8c8c"; this._colors[Theme.Color.LineColorSelected] = "#393c40"; this._colors[Theme.Color.CircleColorFill] = "#ffffff"; this._colors[Theme.Color.CircleColorStroke] = "#393c40"; this._fonts = []; this._fonts[Theme.Font.Default] = "12px Tahoma"};var TemplateMeasuringHandler = create_class();TemplateMeasuringHandler.onMeasuring = function(c, b) { var d = b.Width; var a = b.Height; var e = c.getNameObject().getCompAt(2); if (e == "timeline") { c.setMeasuredDimension(d, 22) }};var Template = create_class();Template.displayVolume = true;Template.createCandlestickDataSource = function(a) { return new MainDataSource(a)};Template.createLiveOrderDataSource = function(a) { return new CLiveOrderDataSource(a)};Template.createLiveTradeDataSource = function(a) { return new CLiveTradeDataSource(a)};Template.createDataSource = function(d, a, c) { var b = ChartManager.getInstance(); if (b.getCachedDataSource(a) == null) { b.setCachedDataSource(a, c(a)) } b.setCurrentDataSource(d, a); b.updateData(d, null)};Template.createTableComps = function(a) { Template.createMainChartComps(a); if (Template.displayVolume) { Template.createIndicatorChartComps(a, "VOLUME") } Template.createTimelineComps(a)};Template.createMainChartComps = function(c) { var j = ChartManager.getInstance(); var b = j.getArea(c + ".charts"); var g = c + ".main"; var h = g + "Range"; var d = new MainArea(g); j.setArea(g, d); b.addArea(d); var i = new MainRangeArea(h); j.setArea(h, i); b.addArea(i); var e = new MainDataProvider(g + ".main"); j.setDataProvider(e.getName(), e); j.setMainIndicator(c, "MA"); var f = new MainRange(g); j.setRange(f.getName(), f); f.setPaddingTop(28); f.setPaddingBottom(12); var a = new MainAreaBackgroundPlotter(g + ".background"); j.setPlotter(a.getName(), a); a = new CGridPlotter(g + ".grid"); j.setPlotter(a.getName(), a); a = new CandlestickPlotter(g + ".main"); j.setPlotter(a.getName(), a); a = new MinMaxPlotter(g + ".decoration"); j.setPlotter(a.getName(), a); a = new MainInfoPlotter(g + ".info"); j.setPlotter(a.getName(), a); a = new SelectionPlotter(g + ".selection"); j.setPlotter(a.getName(), a); a = new CDynamicLinePlotter(g + ".tool"); j.setPlotter(a.getName(), a); a = new RangeAreaBackgroundPlotter(g + "Range.background"); j.setPlotter(a.getName(), a); a = new COrderGraphPlotter(g + "Range.grid"); j.setPlotter(a.getName(), a); a = new RangePlotter(g + "Range.main"); j.setPlotter(a.getName(), a); a = new RangeSelectionPlotter(g + "Range.selection"); j.setPlotter(a.getName(), a); a = new LastClosePlotter(g + "Range.decoration"); j.setPlotter(a.getName(), a)};Template.createIndicatorChartComps = function(d, p) { var o = ChartManager.getInstance(); var c = o.getArea(d + ".charts"); var h = d + ".indic" + c.getNextRowId(); var n = h + "Range"; var e = new IndicatorArea(h); o.setArea(h, e); c.addArea(e); var k = c.getAreaCount() >> 1; var j = ChartSettings.get().charts.areaHeight; if (j.length > k) { var l, g; for (g = 0; g < k; g++) { l = c.getAreaAt(g << 1); l.setTop(0); l.setBottom(j[g]) } e.setTop(0); e.setBottom(j[k]) } var m = new IndicatorRangeArea(n); o.setArea(n, m); c.addArea(m); var f = new IndicatorDataProvider(h + ".secondary"); o.setDataProvider(f.getName(), f); if (o.setIndicator(h, p) == false) { o.removeIndicator(h); return } var b = new MainAreaBackgroundPlotter(h + ".background"); o.setPlotter(b.getName(), b); b = new CGridPlotter(h + ".grid"); o.setPlotter(b.getName(), b); b = new IndicatorPlotter(h + ".secondary"); o.setPlotter(b.getName(), b); b = new IndicatorInfoPlotter(h + ".info"); o.setPlotter(b.getName(), b); b = new SelectionPlotter(h + ".selection"); o.setPlotter(b.getName(), b); b = new RangeAreaBackgroundPlotter(h + "Range.background"); o.setPlotter(b.getName(), b); b = new RangePlotter(h + "Range.main"); o.setPlotter(b.getName(), b); b = new RangeSelectionPlotter(h + "Range.selection"); o.setPlotter(b.getName(), b)};Template.createTimelineComps = function(d) { var b = ChartManager.getInstance(); var c; var a = new Timeline(d); b.setTimeline(a.getName(), a); c = new TimelineAreaBackgroundPlotter(d + ".timeline.background"); b.setPlotter(c.getName(), c); c = new TimelinePlotter(d + ".timeline.main"); b.setPlotter(c.getName(), c); c = new TimelineSelectionPlotter(d + ".timeline.selection"); b.setPlotter(c.getName(), c)};Template.createLiveOrderComps = function(c) { var a = ChartManager.getInstance(); var b; b = new BackgroundPlotter(c + ".main.background"); a.setPlotter(b.getName(), b); b = new CLiveOrderPlotter(c + ".main.main"); a.setPlotter(b.getName(), b)};Template.createLiveTradeComps = function(c) { var a = ChartManager.getInstance(); var b; b = new BackgroundPlotter(c + ".main.background"); a.setPlotter(b.getName(), b); b = new CLiveTradePlotter(c + ".main.main"); a.setPlotter(b.getName(), b)};var DefaultTemplate = create_class(Template);DefaultTemplate.loadTemplate = function(g, b) { var e = ChartManager.getInstance(); var c = ChartSettings.get(); var a = (new CName(g)).getCompAt(0); e.unloadTemplate(a); Template.createDataSource(g, b, Template.createCandlestickDataSource); var f = new DockableLayout(a); e.setFrame(f.getName(), f); e.setArea(f.getName(), f); f.setGridColor(Theme.Color.Grid1); var d = new TimelineArea(g + ".timeline"); e.setArea(d.getName(), d); f.addArea(d); d.setDockStyle(ChartArea.DockStyle.Bottom); d.Measuring.addHandler(d, TemplateMeasuringHandler.onMeasuring); var h = new TableLayout(g + ".charts"); e.setArea(h.getName(), h); h.setDockStyle(ChartArea.DockStyle.Fill); f.addArea(h); Template.createTableComps(g); e.setThemeName(a, c.theme); return e};var Plotter = create_class(NamedObject);Plotter.prototype.__construct = function(a) { Plotter.__super.__construct.call(this, a)};Plotter.isChrome = (navigator.userAgent.toLowerCase().match(/chrome/) != null);Plotter.drawLine = function(d, b, e, a, c) { d.beginPath(); d.moveTo((b << 0) + 0.5, (e << 0) + 0.5); d.lineTo((a << 0) + 0.5, (c << 0) + 0.5); d.stroke()};Plotter.drawLines = function(c, d) { var b, a = d.length; c.beginPath(); c.moveTo(d[0].x, d[0].y); for (b = 1; b < a; b++) { c.lineTo(d[b].x, d[b].y) } if (Plotter.isChrome) { c.moveTo(d[0].x, d[0].y); for (b = 1; b < a; b++) { c.lineTo(d[b].x, d[b].y) } } c.stroke()};Plotter.drawDashedLine = function(b, c, l, a, k, g, j) { if (g < 2) { g = 2 } var e = a - c; var d = k - l; b.beginPath(); if (d == 0) { var h = (e / g + 0.5) << 0; for (var f = 0; f < h; f++) { b.rect(c, l, j, 1); c += g } b.fill() } else { var h = (Math.sqrt(e * e + d * d) / g + 0.5) << 0; e = e / h; d = d / h; var n = e * j / g; var m = d * j / g; for (var f = 0; f < h; f++) { b.moveTo(c + 0.5, l + 0.5); b.lineTo(c + 0.5 + n, l + 0.5 + m); c += e; l += d } b.stroke() }};Plotter.createHorzDashedLine = function(b, c, a, j, f, h) { if (f < 2) { f = 2 } var d = a - c; var g = (d / f + 0.5) << 0; for (var e = 0; e < g; e++) { b.rect(c, j, h, 1); c += f }};Plotter.createRectangles = function(d, a) { d.beginPath(); var f, c, b = a.length; for (c = 0; c < b; c++) { f = a[c]; d.rect(f.x, f.y, f.w, f.h) }};Plotter.createPolygon = function(c, d) { c.beginPath(); c.moveTo(d[0].x + 0.5, d[0].y + 0.5); var b, a = d.length; for (b = 1; b < a; b++) { c.lineTo(d[b].x + 0.5, d[b].y + 0.5) } c.closePath()};Plotter.drawString = function(b, d, c) { var a = b.measureText(d).width; if (c.w < a) { return false } b.fillText(d, c.x, c.y); c.x += a; c.w -= a; return true};var BackgroundPlotter = create_class(Plotter);BackgroundPlotter.prototype.__construct = function(a) { BackgroundPlotter.__super.__construct.call(this, a); this._color = Theme.Color.Background};BackgroundPlotter.prototype.getColor = function() { return this._color};BackgroundPlotter.prototype.setColor = function(a) { this._color = a};BackgroundPlotter.prototype.Draw = function(a) { var c = ChartManager.getInstance(); var b = c.getArea(this.getAreaName()); var d = c.getTheme(this.getFrameName()); a.fillStyle = d.getColor(this._color); a.fillRect(b.getLeft(), b.getTop(), b.getWidth(), b.getHeight())};var MainAreaBackgroundPlotter = create_class(BackgroundPlotter);MainAreaBackgroundPlotter.prototype.__construct = function(a) { MainAreaBackgroundPlotter.__super.__construct.call(this, a)};MainAreaBackgroundPlotter.prototype.Draw = function(c) { var i = ChartManager.getInstance(); var b = i.getArea(this.getAreaName()); var j = i.getTimeline(this.getDataSourceName()); var f = i.getRange(this.getAreaName()); var d = i.getTheme(this.getFrameName()); var g = b.getRect(); if (!b.isChanged() && !j.isUpdated() && !f.isUpdated()) { var e = j.getFirstIndex(); var h = j.getLastIndex() - 2; var a = Math.max(e, h); g.X = j.toColumnLeft(a); g.Width = b.getRight() - g.X } c.fillStyle = d.getColor(this._color); c.fillRect(g.X, g.Y, g.Width, g.Height)};var RangeAreaBackgroundPlotter = create_class(BackgroundPlotter);RangeAreaBackgroundPlotter.prototype.__construct = function(a) { RangeAreaBackgroundPlotter.__super.__construct.call(this, a)};RangeAreaBackgroundPlotter.prototype.Draw = function(c) { var e = ChartManager.getInstance(); var g = this.getAreaName(); var d = e.getArea(g); var b = e.getRange(g.substring(0, g.lastIndexOf("Range"))); var a = b.getNameObject().getCompAt(2) == "main"; if (a) {} else { if (!d.isChanged() && !b.isUpdated()) { return } } var f = e.getTheme(this.getFrameName()); c.fillStyle = f.getColor(this._color); c.fillRect(d.getLeft(), d.getTop(), d.getWidth(), d.getHeight())};var TimelineAreaBackgroundPlotter = create_class(BackgroundPlotter);TimelineAreaBackgroundPlotter.prototype.__construct = function(a) { TimelineAreaBackgroundPlotter.__super.__construct.call(this, a)};TimelineAreaBackgroundPlotter.prototype.Draw = function(a) { var d = ChartManager.getInstance(); var c = d.getArea(this.getAreaName()); var b = d.getTimeline(this.getDataSourceName()); if (!c.isChanged() && !b.isUpdated()) { return } var e = d.getTheme(this.getFrameName()); a.fillStyle = e.getColor(this._color); a.fillRect(c.getLeft(), c.getTop(), c.getWidth(), c.getHeight())};var CGridPlotter = create_class(NamedObject);CGridPlotter.prototype.__construct = function(a) { CGridPlotter.__super.__construct.call(this, a)};CGridPlotter.prototype.Draw = function(c) { var o = ChartManager.getInstance(); var b = o.getArea(this.getAreaName()); var p = o.getTimeline(this.getDataSourceName()); var j = o.getRange(this.getAreaName()); var f = false; if (!b.isChanged() && !p.isUpdated() && !j.isUpdated()) { var i = p.getFirstIndex(); var m = p.getLastIndex(); var a = Math.max(i, m - 2); var e = p.toColumnLeft(a); c.save(); c.rect(e, b.getTop(), b.getRight() - e, b.getHeight()); c.clip(); f = true } var h = o.getTheme(this.getFrameName()); c.fillStyle = h.getColor(Theme.Color.Grid0); c.beginPath(); var g = 4, k = 1; if (Plotter.isChrome) { g = 4; k = 1 } var l = j.getGradations(); for (var d in l) { Plotter.createHorzDashedLine(c, b.getLeft(), b.getRight(), j.toY(l[d]), g, k) } c.fill(); if (f) { c.restore() }};var CandlestickPlotter = create_class(NamedObject);CandlestickPlotter.prototype.__construct = function(a) { CandlestickPlotter.__super.__construct.call(this, a)};CandlestickPlotter.prototype.Draw = function(c) { var A = ChartManager.getInstance(); var s = A.getDataSource(this.getDataSourceName()); if (s.getDataCount() < 1) { return } var u = A.getArea(this.getAreaName()); var h = A.getTimeline(this.getDataSourceName()); var p = A.getRange(this.getAreaName()); if (p.getRange() == 0) { return } var y = A.getTheme(this.getFrameName()); var a = is_instance(y, DarkTheme); var j = h.getFirstIndex(); var n = h.getLastIndex(); var g; if (u.isChanged() || h.isUpdated() || p.isUpdated()) { g = j } else { g = Math.max(j, n - 2) } var v = h.getColumnWidth(); var x = h.getItemWidth(); var e = h.toItemLeft(g); var z = h.toItemCenter(g); var w = []; var f = []; var b = []; var l = []; for (var t = g; t < n; t++) { var B = s.getDataAt(t); var m = p.toY(B.high); var C = p.toY(B.low); var o = B.open; var r = B.close; if (r > o) { var q = p.toY(r); var k = p.toY(o); var d = Math.max(k - q, 1); if (d > 1 && x > 1 && a) { w.push({ x: e + 0.5, y: q + 0.5, w: x - 1, h: d - 1 }) } else { f.push({ x: e, y: q, w: Math.max(x, 1), h: Math.max(d, 1) }) } if (B.high > r) { m = Math.min(m, q - 1); f.push({ x: z, y: m, w: 1, h: q - m }) } if (o > B.low) { C = Math.max(C, k + 1); f.push({ x: z, y: k, w: 1, h: C - k }) } } else { if (r == o) { var q = p.toY(r); b.push({ x: e, y: q, w: Math.max(x, 1), h: 1 }); if (B.high > r) { m = Math.min(m, q - 1) } if (o > B.low) { C = Math.max(C, q + 1) } if (m < C) { b.push({ x: z, y: m, w: 1, h: C - m }) } } else { var q = p.toY(o); var k = p.toY(r); var d = Math.max(k - q, 1); l.push({ x: e, y: q, w: Math.max(x, 1), h: Math.max(d, 1) }); if (B.high > o) { m = Math.min(m, q - 1) } if (r > B.low) { C = Math.max(C, k + 1) } if (m < C) { l.push({ x: z, y: m, w: 1, h: C - m }) } } } e += v; z += v } if (w.length > 0) { c.strokeStyle = y.getColor(Theme.Color.Positive); Plotter.createRectangles(c, w); c.stroke() } if (f.length > 0) { c.fillStyle = y.getColor(Theme.Color.Positive); Plotter.createRectangles(c, f); c.fill() } if (b.length > 0) { c.fillStyle = y.getColor(Theme.Color.Negative); Plotter.createRectangles(c, b); c.fill() } if (l.length > 0) { c.fillStyle = y.getColor(Theme.Color.Negative); Plotter.createRectangles(c, l); c.fill() }};var CandlestickHLCPlotter = create_class(Plotter);CandlestickHLCPlotter.prototype.__construct = function(a) { CandlestickHLCPlotter.__super.__construct.call(this, a)};CandlestickHLCPlotter.prototype.Draw = function(c) { var A = ChartManager.getInstance(); var s = A.getDataSource(this.getDataSourceName()); if (!is_instance(s, MainDataSource) || s.getDataCount() < 1) { return } var u = A.getArea(this.getAreaName()); var h = A.getTimeline(this.getDataSourceName()); var p = A.getRange(this.getAreaName()); if (p.getRange() == 0) { return } var y = A.getTheme(this.getFrameName()); var a = is_instance(y, DarkTheme); var j = h.getFirstIndex(); var n = h.getLastIndex(); var g; if (u.isChanged() || h.isUpdated() || p.isUpdated()) { g = j } else { g = Math.max(j, n - 2) } var v = h.getColumnWidth(); var x = h.getItemWidth(); var e = h.toItemLeft(g); var z = h.toItemCenter(g); var w = []; var f = []; var b = []; var l = []; for (var t = g; t < n; t++) { var B = s.getDataAt(t); var m = p.toY(B.high); var C = p.toY(B.low); var o = B.open; if (t > 0) { o = s.getDataAt(t - 1).close } var r = B.close; if (r > o) { var q = p.toY(r); var k = p.toY(o); var d = Math.max(k - q, 1); if (d > 1 && x > 1 && a) { w.push({ x: e + 0.5, y: q + 0.5, w: x - 1, h: d - 1 }) } else { f.push({ x: e, y: q, w: Math.max(x, 1), h: Math.max(d, 1) }) } if (B.high > r) { m = Math.min(m, q - 1); f.push({ x: z, y: m, w: 1, h: q - m }) } if (o > B.low) { C = Math.max(C, k + 1); f.push({ x: z, y: k, w: 1, h: C - k }) } } else { if (r == o) { var q = p.toY(r); b.push({ x: e, y: q, w: Math.max(x, 1), h: 1 }); if (B.high > r) { m = Math.min(m, q - 1) } if (o > B.low) { C = Math.max(C, q + 1) } if (m < C) { b.push({ x: z, y: m, w: 1, h: C - m }) } } else { var q = p.toY(o); var k = p.toY(r); var d = Math.max(k - q, 1); l.push({ x: e, y: q, w: Math.max(x, 1), h: Math.max(d, 1) }); if (B.high > o) { m = Math.min(m, q - 1) } if (r > B.low) { C = Math.max(C, k + 1) } if (m < C) { l.push({ x: z, y: m, w: 1, h: C - m }) } } } e += v; z += v } if (w.length > 0) { c.fillStyle = y.getColor(Theme.Color.Positive); Plotter.createRectangles(c, w); c.fill();//实心柱 } if (f.length > 0) { c.strokeStyle = y.getColor(Theme.Color.Positive); Plotter.createRectangles(c, f); c.stroke();//空心柱 } if (b.length > 0) { c.fillStyle = y.getColor(Theme.Color.Negative); Plotter.createRectangles(c, b); c.fill();//实心柱 } if (l.length > 0) { c.fillStyle = y.getColor(Theme.Color.Negative); Plotter.createRectangles(c, l); c.fill();//实心柱 }};var OHLCPlotter = create_class(Plotter);OHLCPlotter.prototype.__construct = function(a) { OHLCPlotter.__super.__construct.call(this, a)};OHLCPlotter.prototype.Draw = function(b) { var z = ChartManager.getInstance(); var q = z.getDataSource(this.getDataSourceName()); if (!is_instance(q, MainDataSource) || q.getDataCount() < 1) { return } var s = z.getArea(this.getAreaName()); var g = z.getTimeline(this.getDataSourceName()); var o = z.getRange(this.getAreaName()); if (o.getRange() == 0) { return } var w = z.getTheme(this.getFrameName()); var h = g.getFirstIndex(); var n = g.getLastIndex(); var f; if (s.isChanged() || g.isUpdated() || o.isUpdated()) { f = h } else { f = Math.max(h, n - 2) } var t = g.getColumnWidth(); var v = g.getItemWidth() >> 1; var d = g.toItemLeft(f); var x = g.toItemCenter(f); var u = d + g.getItemWidth(); var e = []; var a = []; var k = []; for (var r = f; r < n; r++) { var A = q.getDataAt(r); var m = o.toY(A.high); var B = o.toY(A.low); var c = Math.max(B - m, 1); if (A.close > A.open) { var p = o.toY(A.close); var j = o.toY(A.open); e.push({ x: x, y: m, w: 1, h: c }); e.push({ x: d, y: p, w: v, h: 1 }); e.push({ x: x, y: j, w: v, h: 1 }) } else { if (A.close == A.open) { var l = o.toY(A.close); a.push({ x: x, y: m, w: 1, h: c }); a.push({ x: d, y: l, w: v, h: 1 }); a.push({ x: x, y: l, w: v, h: 1 }) } else { var p = o.toY(A.open); var j = o.toY(A.close); k.push({ x: x, y: m, w: 1, h: c }); k.push({ x: d, y: p, w: v, h: 1 }); k.push({ x: x, y: j, w: v, h: 1 }) } } d += t; x += t; u += t } if (e.length > 0) { b.fillStyle = w.getColor(Theme.Color.Positive); Plotter.createRectangles(b, e); b.fill() } if (a.length > 0) { b.fillStyle = w.getColor(Theme.Color.Negative); Plotter.createRectangles(b, a); b.fill() } if (k.length > 0) { b.fillStyle = w.getColor(Theme.Color.Negative); Plotter.createRectangles(b, k); b.fill() }};var MainInfoPlotter = create_class(Plotter);MainInfoPlotter.prototype.__construct = function(a) { MainInfoPlotter.__super.__construct.call(this, a)};function format_time(a) { return (a < 10) ? "0" + a.toString() : a.toString()}MainInfoPlotter.prototype.Draw = function(c) { var B = ChartManager.getInstance(); var w = B.getArea(this.getAreaName()); var e = B.getTimeline(this.getDataSourceName()); var m = B.getDataSource(this.getDataSourceName()); var y = B.getTheme(this.getFrameName()); c.font = y.getFont(Theme.Font.Default); c.textAlign = "left"; c.textBaseline = "top"; c.fillStyle = y.getColor(Theme.Color.Text4); var a = { x: w.getLeft() + 4, y: w.getTop() + 2, w: w.getWidth() - 8, h: 20 }; var s = e.getSelectedIndex(); if (s < 0) { return } var C = m.getDataAt(s); var i = m.getDecimalDigits(); var g = new Date(C.date); var k = g.getFullYear(); var A = format_time(g.getMonth() + 1); var z = format_time(g.getDate()); var f = format_time(g.getHours()); var l = format_time(g.getMinutes()); var D = B.getLanguage(); if (D == "zh-cn") { if (!Plotter.drawString(c, "时间: " + k + "-" + A + "-" + z + " " + f + ":" + l, a)) { return } if (!Plotter.drawString(c, " 开: " + C.open.toFixed(i), a)) { return } if (!Plotter.drawString(c, " 高: " + C.high.toFixed(i), a)) { return } if (!Plotter.drawString(c, " 低: " + C.low.toFixed(i), a)) { return } if (!Plotter.drawString(c, " 收: " + C.close.toFixed(i), a)) { return } } else { if (D == "en-us") { if (!Plotter.drawString(c, "DATE: " + k + "-" + A + "-" + z + " " + f + ":" + l, a)) { return } if (!Plotter.drawString(c, " O: " + C.open.toFixed(i), a)) { return } if (!Plotter.drawString(c, " H: " + C.high.toFixed(i), a)) { return } if (!Plotter.drawString(c, " L: " + C.low.toFixed(i), a)) { return } if (!Plotter.drawString(c, " C: " + C.close.toFixed(i), a)) { return } } else { if (D == "zh-tw") { if (!Plotter.drawString(c, "時間: " + k + "-" + A + "-" + z + " " + f + ":" + l, a)) { return } if (!Plotter.drawString(c, " 開: " + C.open.toFixed(i), a)) { return } if (!Plotter.drawString(c, " 高: " + C.high.toFixed(i), a)) { return } if (!Plotter.drawString(c, " 低: " + C.low.toFixed(i), a)) { return } if (!Plotter.drawString(c, " 收: " + C.close.toFixed(i), a)) { return } } } } if (s > 0) { if (D == "zh-cn") { if (!Plotter.drawString(c, " 涨幅: ", a)) { return } } else { if (D == "en-us") { if (!Plotter.drawString(c, " CHANGE: ", a)) { return } } else { if (D == "zh-tw") { if (!Plotter.drawString(c, " 漲幅: ", a)) { return } } } } var o = m.getDataAt(s - 1); var h = (C.close - o.close) / o.close * 100; if (h >= 0) { h = " " + h.toFixed(2); c.fillStyle = y.getColor(Theme.Color.TextPositive) } else { h = h.toFixed(2); c.fillStyle = y.getColor(Theme.Color.TextNegative) } if (!Plotter.drawString(c, h, a)) { return } c.fillStyle = y.getColor(Theme.Color.Text4); if (!Plotter.drawString(c, " %", a)) { return } } var d = (C.high - C.low) / C.low * 100; if (D == "zh-cn") { if (!Plotter.drawString(c, " 振幅: " + d.toFixed(2) + " %", a)) { return } if (!Plotter.drawString(c, " 量: " + C.volume.toFixed(2), a)) { return } } else { if (D == "en-us") { if (!Plotter.drawString(c, " AMPLITUDE: " + d.toFixed(2) + " %", a)) { return } if (!Plotter.drawString(c, " V: " + C.volume.toFixed(2), a)) { return } } else { if (D == "zh-tw") { if (!Plotter.drawString(c, " 振幅: " + d.toFixed(2) + " %", a)) { return } if (!Plotter.drawString(c, " 量: " + C.volume.toFixed(2), a)) { return } } } } var q = B.getDataProvider(this.getAreaName() + ".secondary"); if (q == undefined) { return } var b = q.getIndicator(); var p, t = b.getOutputCount(); for (p = 0; p < t; p++) { var u = b.getOutputAt(p); var j = u.execute(s); if (isNaN(j)) { continue } var x = " " + u.getName() + ": " + j.toFixed(i); var r = u.getColor(); if (r === undefined) { r = Theme.Color.Indicator0 + p } c.fillStyle = y.getColor(r); if (!Plotter.drawString(c, x, a)) { return } }};var IndicatorPlotter = create_class(NamedObject);IndicatorPlotter.prototype.__construct = function(a) { IndicatorPlotter.__super.__construct.call(this, a)};IndicatorPlotter.prototype.Draw = function(a) { var A = ChartManager.getInstance(); var u = A.getArea(this.getAreaName()); var e = A.getTimeline(this.getDataSourceName()); var k = A.getRange(this.getAreaName()); if (k.getRange() == 0) { return } var l = A.getDataProvider(this.getName()); if (!is_instance(l, IndicatorDataProvider)) { return } var y = A.getTheme(this.getFrameName()); var w = e.getColumnWidth(); var f = e.getFirstIndex(); var g = e.getLastIndex(); var d; if (u.isChanged() || e.isUpdated() || k.isUpdated()) { d = f } else { d = Math.max(f, g - 2) } var b = l.getIndicator(); var s, m, o = b.getOutputCount(); for (m = 0; m < o; m++) { s = b.getOutputAt(m); var t = s.getStyle(); if (t == OutputStyle.VolumeStick) { this.drawVolumeStick(a, y, A.getDataSource(this.getDataSourceName()), d, g, e.toItemLeft(d), w, e.getItemWidth(), k) } else { if (t == OutputStyle.MACDStick) { this.drawMACDStick(a, y, s, d, g, e.toItemLeft(d), w, e.getItemWidth(), k) } else { if (t == OutputStyle.SARPoint) { this.drawSARPoint(a, y, s, d, g, e.toItemCenter(d), w, e.getItemWidth(), k) } } } } var c = e.toColumnLeft(d); var z = e.toItemCenter(d); a.save(); a.rect(c, u.getTop(), u.getRight() - c, u.getHeight()); a.clip(); a.translate(0.5, 0.5); for (m = 0; m < o; m++) { var h = z; s = b.getOutputAt(m); if (s.getStyle() == OutputStyle.Line) { var j, r = []; if (d > f) { j = s.execute(d - 1); if (isNaN(j) == false) { r.push({ x: h - w, y: k.toY(j) }) } } for (var q = d; q < g; q++, h += w) { j = s.execute(q); if (isNaN(j) == false) { r.push({ x: h, y: k.toY(j) }) } } if (r.length > 0) { var p = s.getColor(); if (p == undefined) { p = Theme.Color.Indicator0 + m } a.strokeStyle = y.getColor(p); Plotter.drawLines(a, r) } } } a.restore()};IndicatorPlotter.prototype.drawVolumeStick = function(b, s, m, f, j, o, p, r, k) { var a = is_instance(s, DarkTheme); var d = o; var h = k.toY(0); var q = []; var e = []; var g = []; for (var n = f; n < j; n++) { var t = m.getDataAt(n); var l = k.toY(t.volume); var c = k.toHeight(t.volume); if (t.close > t.open) { if (c > 1 && r > 1 && a) { q.push({ x: d + 0.5, y: l + 0.5, w: r - 1, h: c - 1 }) } else { e.push({ x: d, y: l, w: Math.max(r, 1), h: Math.max(c, 1) }) } } else { if (t.close == t.open) { if (n > 0 && t.close >= m.getDataAt(n - 1).close) { if (c > 1 && r > 1 && a) { q.push({ x: d + 0.5, y: l + 0.5, w: r - 1, h: c - 1 }) } else { e.push({ x: d, y: l, w: Math.max(r, 1), h: Math.max(c, 1) }) } } else { g.push({ x: d, y: l, w: Math.max(r, 1), h: Math.max(c, 1) }) } } else { g.push({ x: d, y: l, w: Math.max(r, 1), h: Math.max(c, 1) }) } } d += p } if (q.length > 0) { b.strokeStyle = s.getColor(Theme.Color.Positive); Plotter.createRectangles(b, q); b.stroke() } if (e.length > 0) { b.fillStyle = s.getColor(Theme.Color.Positive); Plotter.createRectangles(b, e); b.fill() } if (g.length > 0) { b.fillStyle = s.getColor(Theme.Color.Negative); Plotter.createRectangles(b, g); b.fill() }};IndicatorPlotter.prototype.drawMACDStick = function(a, r, g, e, h, n, o, q, k) { var c = n; var s = k.toY(0); var p = []; var t = []; var d = []; var f = []; var j = (e > 0) ? g.execute(e - 1) : NaN; for (var l = e; l < h; l++) { var m = g.execute(l); if (m >= 0) { var b = k.toHeight(m); if ((l == 0 || m >= j) && b > 1 && q > 1) { p.push({ x: c + 0.5, y: s - b + 0.5, w: q - 1, h: b - 1 }) } else { d.push({ x: c, y: s - b, w: Math.max(q, 1), h: Math.max(b, 1) }) } } else { var b = k.toHeight( - m); if ((l == 0 || m >= j) && b > 1 && q > 1) { t.push({ x: c + 0.5, y: s + 0.5, w: q - 1, h: b - 1 }) } else { f.push({ x: c, y: s, w: Math.max(q, 1), h: Math.max(b, 1) }) } } j = m; c += o } if (p.length > 0) { a.strokeStyle = r.getColor(Theme.Color.Positive); Plotter.createRectangles(a, p); a.stroke() } if (t.length > 0) { a.strokeStyle = r.getColor(Theme.Color.Negative); Plotter.createRectangles(a, t); a.stroke() } if (d.length > 0) { a.fillStyle = r.getColor(Theme.Color.Positive); Plotter.createRectangles(a, d); a.fill() } if (f.length > 0) { a.fillStyle = r.getColor(Theme.Color.Negative); Plotter.createRectangles(a, f); a.fill() }};IndicatorPlotter.prototype.drawSARPoint = function(c, g, e, j, p, k, n, l, h) { var b = l >> 1; if (b < 0.5) { b = 0.5 } if (b > 4) { b = 4 } var a = k; var o = a + b; var d = 2 * Math.PI; c.save(); c.translate(0.5, 0.5); c.strokeStyle = g.getColor(Theme.Color.Indicator3); c.beginPath(); for (var f = j; f < p; f++) { var m = h.toY(e.execute(f)); c.moveTo(o, m); c.arc(a, m, b, 0, d); a += n; o += n } c.stroke(); c.restore()};var IndicatorInfoPlotter = create_class(Plotter);IndicatorInfoPlotter.prototype.__construct = function(a) { IndicatorInfoPlotter.__super.__construct.call(this, a)};IndicatorInfoPlotter.prototype.Draw = function(c) { var p = ChartManager.getInstance(); var b = p.getArea(this.getAreaName()); var q = p.getTimeline(this.getDataSourceName()); var h = p.getDataProvider(this.getAreaName() + ".secondary"); var j = p.getTheme(this.getFrameName()); c.font = j.getFont(Theme.Font.Default); c.textAlign = "left"; c.textBaseline = "top"; c.fillStyle = j.getColor(Theme.Color.Text4); var l = { x: b.getLeft() + 4, y: b.getTop() + 2, w: b.getWidth() - 8, h: 20 }; var a = h.getIndicator(); var m; switch (a.getParameterCount()) { case 0: m = a.getName(); break; case 1: m = a.getName() + "(" + a.getParameterAt(0).getValue() + ")"; break; case 2: m = a.getName() + "(" + a.getParameterAt(0).getValue() + "," + a.getParameterAt(1).getValue() + ")"; break; case 3: m = a.getName() + "(" + a.getParameterAt(0).getValue() + "," + a.getParameterAt(1).getValue() + "," + a.getParameterAt(2).getValue() + ")"; break; case 4: m = a.getName() + "(" + a.getParameterAt(0).getValue() + "," + a.getParameterAt(1).getValue() + "," + a.getParameterAt(2).getValue() + "," + a.getParameterAt(3).getValue() + ")"; break; default: return } if (!Plotter.drawString(c, m, l)) { return } var k = q.getSelectedIndex(); if (k < 0) { return } var i, o, f, g; var e, d = a.getOutputCount(); for (e = 0; e < d; e++) { i = a.getOutputAt(e); o = i.execute(k); if (isNaN(o)) { continue } f = " " + i.getName() + ": " + o.toFixed(2); g = i.getColor(); if (g === undefined) { g = Theme.Color.Indicator0 + e } c.fillStyle = j.getColor(g); if (!Plotter.drawString(c, f, l)) { return } }};var MinMaxPlotter = create_class(NamedObject);MinMaxPlotter.prototype.__construct = function(a) { MinMaxPlotter.__super.__construct.call(this, a)};MinMaxPlotter.prototype.Draw = function(b) { var i = ChartManager.getInstance(); var d = i.getDataSource(this.getDataSourceName()); if (d.getDataCount() < 1) { return } var j = i.getTimeline(this.getDataSourceName()); if (j.getInnerWidth() < j.getColumnWidth()) { return } var h = i.getRange(this.getAreaName()); if (h.getRange() == 0) { return } var e = i.getDataProvider(this.getAreaName() + ".main"); var g = j.getFirstIndex(); var a = (g + j.getLastIndex()) >> 1; var f = i.getTheme(this.getFrameName()); b.font = f.getFont(Theme.Font.Default); b.textBaseline = "middle"; b.fillStyle = f.getColor(Theme.Color.Text4); b.strokeStyle = f.getColor(Theme.Color.Text4); var c = d.getDecimalDigits(); this.drawMark(b, e.getMinValue(), c, h.toY(e.getMinValue()), g, a, e.getMinValueIndex(), j); this.drawMark(b, e.getMaxValue(), c, h.toY(e.getMaxValue()), g, a, e.getMaxValueIndex(), j)};MinMaxPlotter.prototype.drawMark = function(d, k, e, j, g, a, h, l) { var f, c, b; var i; if (h > a) { d.textAlign = "right"; f = l.toItemCenter(h) - 4; c = f - 7; b = f - 3; i = c - 4 } else { d.textAlign = "left"; f = l.toItemCenter(h) + 4; c = f + 7; b = f + 3; i = c + 4 } Plotter.drawLine(d, f, j, c, j); Plotter.drawLine(d, f, j, b, j + 2); Plotter.drawLine(d, f, j, b, j - 2); d.fillText(String.fromFloat(k, e), i, j)};var TimelinePlotter = create_class(Plotter);TimelinePlotter.prototype.__construct = function(a) { TimelinePlotter.__super.__construct.call(this, a)};TimelinePlotter.TP_MINUTE = 60 * 1000;TimelinePlotter.TP_HOUR = 60 * TimelinePlotter.TP_MINUTE;TimelinePlotter.TP_DAY = 24 * TimelinePlotter.TP_HOUR;TimelinePlotter.TIME_INTERVAL = [5 * TimelinePlotter.TP_MINUTE, 10 * TimelinePlotter.TP_MINUTE, 15 * TimelinePlotter.TP_MINUTE, 30 * TimelinePlotter.TP_MINUTE, TimelinePlotter.TP_HOUR, 2 * TimelinePlotter.TP_HOUR, 3 * TimelinePlotter.TP_HOUR, 6 * TimelinePlotter.TP_HOUR, 12 * TimelinePlotter.TP_HOUR, TimelinePlotter.TP_DAY, 2 * TimelinePlotter.TP_DAY];TimelinePlotter.MonthConvert = { 1 : "Jan.", 2 : "Feb.", 3 : "Mar.", 4 : "Apr.", 5 : "May.", 6 : "Jun.", 7 : "Jul.", 8 : "Aug.", 9 : "Sep.", 10 : "Oct.", 11 : "Nov.", 12 : "Dec."};TimelinePlotter.prototype.Draw = function(b) { var G = ChartManager.getInstance(); var z = G.getArea(this.getAreaName()); var e = G.getTimeline(this.getDataSourceName()); if (!z.isChanged() && !e.isUpdated()) { return } var s = G.getDataSource(this.getDataSourceName()); if (s.getDataCount() < 2) { return } var t = s.getDataAt(1).date - s.getDataAt(0).date; var u, w = TimelinePlotter.TIME_INTERVAL.length; for (u = 0; u < w; u++) { if (t < TimelinePlotter.TIME_INTERVAL[u]) { break } } for (; u < w; u++) { if (TimelinePlotter.TIME_INTERVAL[u] % t == 0) { if ((TimelinePlotter.TIME_INTERVAL[u] / t) * e.getColumnWidth() > 60) { break } } } var h = e.getFirstIndex(); var k = e.getLastIndex(); var A = new Date(); var c = A.getTimezoneOffset() * 60 * 1000; var C = G.getTheme(this.getFrameName()); b.font = C.getFont(Theme.Font.Default); b.textAlign = "center"; b.textBaseline = "middle"; var I = G.getLanguage(); var j = []; var q = z.getTop(); var H = z.getMiddle(); for (var y = h; y < k; y++) { var F = s.getDataAt(y).date; var a = F - c; var g = new Date(F); var o = g.getFullYear(); var E = g.getMonth() + 1; var B = g.getDate(); var f = g.getHours(); var r = g.getMinutes(); var p = ""; if (u < w) { var v = Math.max(TimelinePlotter.TP_DAY, TimelinePlotter.TIME_INTERVAL[u]); if (a % v == 0) { if (I == "zh-cn") { p = E.toString() + "月" + B.toString() + "日" } else { if (I == "zh-tw") { p = E.toString() + "月" + B.toString() + "日" } else { if (I == "en-us") { p = TimelinePlotter.MonthConvert[E] + " " + B.toString() } } } b.fillStyle = C.getColor(Theme.Color.Text4) } else { if (a % TimelinePlotter.TIME_INTERVAL[u] == 0) { var D = r.toString(); if (r < 10) { D = "0" + D } p = f.toString() + ":" + D; b.fillStyle = C.getColor(Theme.Color.Text2) } } } else { if (B == 1 && (f < (t / TimelinePlotter.TP_HOUR))) { if (E == 1) { p = o.toString(); if (I == "zh-cn") { p += "年" } else { if (I == "zh-tw") { p += "年" } } } else { if (I == "zh-cn") { p = E.toString() + "月" } else { if (I == "zh-tw") { p = E.toString() + "月" } else { if (I == "en-us") { p = TimelinePlotter.MonthConvert[E] } } } } b.fillStyle = C.getColor(Theme.Color.Text4) } } if (p.length > 0) { var l = e.toItemCenter(y); j.push({ x: l, y: q, w: 1, h: 4 }); b.fillText(p, l, H) } } if (j.length > 0) { b.fillStyle = C.getColor(Theme.Color.Grid1); Plotter.createRectangles(b, j); b.fill() }};var RangePlotter = create_class(NamedObject);RangePlotter.prototype.__construct = function(a) { RangePlotter.__super.__construct.call(this, a)};RangePlotter.prototype.getRequiredWidth = function(b, a) { var c = ChartManager.getInstance(); var d = c.getTheme(this.getFrameName()); b.font = d.getFont(Theme.Font.Default); return b.measureText((Math.floor(a) + 0.88).toString()).width + 16};RangePlotter.prototype.Draw = function(c) { var p = ChartManager.getInstance(); var h = this.getAreaName(); var b = p.getArea(h); var m = h.substring(0, h.lastIndexOf("Range")); var i = p.getRange(m); if (i.getRange() == 0) { return } var j = i.getNameObject().getCompAt(2) == "main"; if (j) {} else { if (!b.isChanged() && !i.isUpdated()) { return } } var l = i.getGradations(); if (l.length == 0) { return } var e = b.getLeft(); var o = b.getRight(); var a = b.getCenter(); var g = p.getTheme(this.getFrameName()); c.font = g.getFont(Theme.Font.Default); c.textAlign = "center"; c.textBaseline = "middle"; c.fillStyle = g.getColor(Theme.Color.Text2); var f = []; for (var d in l) { var k = i.toY(l[d]); f.push({ x: e, y: k, w: 6, h: 1 }); f.push({ x: o - 6, y: k, w: 6, h: 1 }); c.fillText(String.fromFloat(l[d], 2), a, k) } if (f.length > 0) { c.fillStyle = g.getColor(Theme.Color.Grid1); Plotter.createRectangles(c, f); c.fill() }};var COrderGraphPlotter = create_class(NamedObject);COrderGraphPlotter.prototype.__construct = function(a) { COrderGraphPlotter.__super.__construct.call(this, a)};COrderGraphPlotter.prototype.Draw = function(a) { return this._Draw_(a)};COrderGraphPlotter.prototype._Draw_ = function(a) { if (this.Update() == false) { return } if (this.updateData() == false) { return } this.m_top = this.m_pArea.getTop(); this.m_bottom = this.m_pArea.getBottom(); this.m_left = this.m_pArea.getLeft(); this.m_right = this.m_pArea.getRight(); a.save(); a.rect(this.m_left, this.m_top, this.m_right - this.m_left, this.m_bottom - this.m_top); a.clip(); var c = ChartManager.getInstance().getChart()._depthData; this.x_offset = 0; this.y_offset = 0; var b = {}; var d = {}; b.x = this.m_left + c.array[this.m_ask_si].amounts * this.m_Step; b.y = this.m_pRange.toY(c.array[this.m_ask_si].rate); d.x = this.m_left + c.array[this.m_bid_si].amounts * this.m_Step; d.y = this.m_pRange.toY(c.array[this.m_bid_si].rate); if (Math.abs(b.y - d.y) < 1) { this.y_offset = 1 } this.x_offset = 1; this.DrawBackground(a); this.UpdatePoints(); this.FillBlack(a); this.DrawGradations(a); this.DrawLine(a); a.restore()};COrderGraphPlotter.prototype.DrawBackground = function(b) { b.fillStyle = this.m_pTheme.getColor(Theme.Color.Background); b.fillRect(this.m_left, this.m_top, this.m_right - this.m_left, this.m_bottom - this.m_top); var c = ChartManager.getInstance().getChart()._depthData; if (this.m_mode == 0) { var f = this.m_pRange.toY(c.array[this.m_ask_si].rate) - this.y_offset; var a = this.m_pRange.toY(c.array[this.m_bid_si].rate) + this.y_offset; var e = b.createLinearGradient(this.m_left, 0, this.m_right, 0); e.addColorStop(0, this.m_pTheme.getColor(Theme.Color.Background)); e.addColorStop(1, this.m_pTheme.getColor(Theme.Color.PositiveDark)); b.fillStyle = e; b.fillRect(this.m_left, this.m_top, this.m_right - this.m_left, f - this.m_top); var d = b.createLinearGradient(this.m_left, 0, this.m_right, 0); d.addColorStop(0, this.m_pTheme.getColor(Theme.Color.Background)); d.addColorStop(1, this.m_pTheme.getColor(Theme.Color.NegativeDark)); b.fillStyle = d; b.fillRect(this.m_left, a, this.m_right - this.m_left, this.m_bottom - a) } else { if (this.m_mode == 1) { var e = b.createLinearGradient(this.m_left, 0, this.m_right, 0); e.addColorStop(0, this.m_pTheme.getColor(Theme.Color.Background)); e.addColorStop(1, this.m_pTheme.getColor(Theme.Color.PositiveDark)); b.fillStyle = e; b.fillRect(this.m_left, this.m_top, this.m_right - this.m_left, this.m_bottom - this.m_top) } else { if (this.m_mode == 2) { var d = b.createLinearGradient(this.m_left, 0, this.m_right, 0); d.addColorStop(0, this.m_pTheme.getColor(Theme.Color.Background)); d.addColorStop(1, this.m_pTheme.getColor(Theme.Color.NegativeDark)); b.fillStyle = d; b.fillRect(this.m_left, this.m_top, this.m_right - this.m_left, this.m_bottom - this.m_top) } } }};COrderGraphPlotter.prototype.DrawLine = function(b) { if (this.m_mode == 0 || this.m_mode == 1) { b.strokeStyle = this.m_pTheme.getColor(Theme.Color.Positive); b.beginPath(); b.moveTo(Math.floor(this.m_ask_points[0].x) + 0.5, Math.floor(this.m_ask_points[0].y) + 0.5); for (var a = 1; a < this.m_ask_points.length; a++) { b.lineTo(Math.floor(this.m_ask_points[a].x) + 0.5, Math.floor(this.m_ask_points[a].y) + 0.5) } b.stroke() } if (this.m_mode == 0 || this.m_mode == 2) { b.strokeStyle = this.m_pTheme.getColor(Theme.Color.Negative); b.beginPath(); b.moveTo(this.m_bid_points[0].x + 0.5, this.m_bid_points[0].y + 0.5); for (var a = 1; a < this.m_bid_points.length; a++) { b.lineTo(this.m_bid_points[a].x + 0.5, this.m_bid_points[a].y + 0.5) } b.stroke() }};COrderGraphPlotter.prototype.UpdatePoints = function() { var f = ChartManager.getInstance().getChart()._depthData; this.m_ask_points = []; var g = {}; g.x = Math.floor(this.m_left); g.y = Math.floor(this.m_pRange.toY(f.array[this.m_ask_si].rate) - this.y_offset); this.m_ask_points.push(g); var b = 0; for (var e = this.m_ask_si; e >= this.m_ask_ei; e--) { var a = {}; var h = {}; if (e == this.m_ask_si) { a.x = Math.floor(this.m_left + f.array[e].amounts * this.m_Step + this.x_offset); a.y = Math.floor(this.m_pRange.toY(f.array[e].rate) - this.y_offset); this.m_ask_points.push(a); b = 1 } else { a.x = Math.floor(this.m_left + f.array[e].amounts * this.m_Step + this.x_offset); a.y = Math.floor(this.m_ask_points[b].y); h.x = Math.floor(a.x); h.y = Math.floor(this.m_pRange.toY(f.array[e].rate) - this.y_offset); this.m_ask_points.push(a); b++; this.m_ask_points.push(h); b++ } } this.m_bid_points = []; var c = {}; c.x = Math.floor(this.m_left); c.y = Math.ceil(this.m_pRange.toY(f.array[this.m_bid_si].rate) + this.y_offset); this.m_bid_points.push(c); var d = 0; for (var e = this.m_bid_si; e <= this.m_bid_ei; e++) { var a = {}; var h = {}; if (e == this.m_bid_si) { a.x = Math.floor(this.m_left + f.array[e].amounts * this.m_Step + this.x_offset); a.y = Math.ceil(this.m_pRange.toY(f.array[e].rate) + this.y_offset); this.m_bid_points.push(a); d = 1 } else { a.x = Math.floor(this.m_left + f.array[e].amounts * this.m_Step + this.x_offset); a.y = Math.ceil(this.m_bid_points[d].y); h.x = Math.floor(a.x); h.y = Math.ceil(this.m_pRange.toY(f.array[e].rate) + this.x_offset); this.m_bid_points.push(a); d++; this.m_bid_points.push(h); d++ } }};COrderGraphPlotter.prototype.updateData = function() { var d = ChartManager.getInstance().getChart()._depthData; if (d.array == null) { return false } if (d.array.length <= 50) { return false } var a = this.m_pRange.getOuterMinValue(); var b = this.m_pRange.getOuterMaxValue(); this.m_ask_si = d.asks_si; this.m_ask_ei = d.asks_si; for (var c = d.asks_si; c >= d.asks_ei; c--) { if (d.array[c].rate < b) { this.m_ask_ei = c } else { break } } this.m_bid_si = d.bids_si; this.m_bid_ei = d.bids_si; for (var c = d.bids_si; c <= d.bids_ei; c++) { if (d.array[c].rate > a) { this.m_bid_ei = c } else { break } } if (this.m_ask_ei == this.m_ask_si) { this.m_mode = 2 } else { if (this.m_bid_ei == this.m_bid_si) { this.m_mode = 1 } else { this.m_mode = 0 } } this.m_Step = this.m_pArea.getWidth(); if (this.m_mode == 0) { if (this.m_ask_ei == d.asks_ei && this.m_bid_ei == d.bids_ei) { this.m_Step /= Math.min(d.array[this.m_ask_ei].amounts, d.array[this.m_bid_ei].amounts) } else { if (this.m_ask_ei != d.asks_ei && this.m_bid_ei == d.bids_ei) { this.m_Step /= d.array[this.m_bid_ei].amounts } else { if (this.m_ask_ei == d.asks_ei && this.m_bid_ei != d.bids_ei) { this.m_Step /= d.array[this.m_ask_ei].amounts } else { if (this.m_ask_ei != d.asks_ei && this.m_bid_ei != d.bids_ei) { this.m_Step /= Math.max(d.array[this.m_ask_ei].amounts, d.array[this.m_bid_ei].amounts) } } } } } else { if (this.m_mode == 1) { this.m_Step /= d.array[this.m_ask_ei].amounts } else { if (this.m_mode == 2) { this.m_Step /= d.array[this.m_bid_ei].amounts } } } return true};COrderGraphPlotter.prototype.Update = function() { this.m_pMgr = ChartManager.getInstance(); var b = this.getAreaName(); this.m_pArea = this.m_pMgr.getArea(b); if (this.m_pArea == null) { return false } var a = b.substring(0, b.lastIndexOf("Range")); this.m_pRange = this.m_pMgr.getRange(a); if (this.m_pRange == null || this.m_pRange.getRange() == 0) { return false } this.m_pTheme = this.m_pMgr.getTheme(this.getFrameName()); if (this.m_pTheme == null) { return false } return true};COrderGraphPlotter.prototype.DrawGradations = function(b) { var m = ChartManager.getInstance(); var g = this.getAreaName(); var a = m.getArea(g); var k = g.substring(0, g.lastIndexOf("Range")); var h = m.getRange(k); if (h.getRange() == 0) { return } var j = h.getGradations(); if (j.length == 0) { return } var d = a.getLeft(); var l = a.getRight(); var e = []; for (var c in j) { var i = h.toY(j[c]); e.push({ x: d, y: i, w: 6, h: 1 }); e.push({ x: l - 6, y: i, w: 6, h: 1 }) } if (e.length > 0) { var f = m.getTheme(this.getFrameName()); b.fillStyle = f.getColor(Theme.Color.Grid1); Plotter.createRectangles(b, e); b.fill() }};COrderGraphPlotter.prototype.FillBlack = function(f) { var c = this.m_ask_points; var g = this.m_bid_points; var a = {}; var d = {}; a.x = this.m_right; a.y = c[0].y; d.x = this.m_right; d.y = c[c.length - 1].y; var h = {}; var b = {}; h.x = this.m_right; h.y = g[0].y - 1; b.x = this.m_right; b.y = g[g.length - 1].y; c.unshift(a); c.push(d); g.unshift(h); g.push(b); f.fillStyle = this.m_pTheme.getColor(Theme.Color.Background); f.beginPath(); f.moveTo(Math.floor(c[0].x) + 0.5, Math.floor(c[0].y) + 0.5); for (var e = 1; e < c.length; e++) { f.lineTo(Math.floor(c[e].x) + 0.5, Math.floor(c[e].y) + 0.5) } f.fill(); f.beginPath(); f.moveTo(Math.floor(g[0].x) + 0.5, Math.floor(g[0].y) + 0.5); for (var e = 1; e < g.length; e++) { f.lineTo(Math.floor(g[e].x) + 0.5, Math.floor(g[e].y) + 0.5) } f.fill(); c.shift(); c.pop(); g.shift(); g.pop()};COrderGraphPlotter.prototype.DrawTickerGraph = function(c) { return; var j = ChartManager.getInstance(); var d = j.getDataSource(this.getDataSourceName()); var i = d._dataItems[d._dataItems.length - 1].close; var b = this.m_left + 1; var a = this.m_pRange.toY(i); var h = b + 5; var g = a + 2.5; var f = b + 5; var e = a - 2.5; c.fillStyle = this.m_pTheme.getColor(Theme.Color.Mark); c.strokeStyle = this.m_pTheme.getColor(Theme.Color.Mark)};var LastVolumePlotter = create_class(Plotter);LastVolumePlotter.prototype.__construct = function(a) { LastVolumePlotter.__super.__construct.call(this, a)};LastVolumePlotter.prototype.Draw = function(b) { var k = ChartManager.getInstance(); var l = k.getTimeline(this.getDataSourceName()); var f = this.getAreaName(); var a = k.getArea(f); var i = f.substring(0, f.lastIndexOf("Range")); var g = k.getRange(i); if (g.getRange() == 0) { return } var c = k.getDataSource(this.getDataSourceName()); if (c.getDataCount() < 1) { return } var e = k.getTheme(this.getFrameName()); b.font = e.getFont(Theme.Font.Default); b.textAlign = "left"; b.textBaseline = "middle"; b.fillStyle = e.getColor(Theme.Color.RangeMark); b.strokeStyle = e.getColor(Theme.Color.RangeMark); var j = c.getDataAt(c.getDataCount() - 1).volume; var h = g.toY(j); var d = a.getLeft() + 1; Plotter.drawLine(b, d, h, d + 7, h); Plotter.drawLine(b, d, h, d + 3, h + 2); Plotter.drawLine(b, d, h, d + 3, h - 2); b.fillText(String.fromFloat(j, 2), d + 10, h)};var LastClosePlotter = create_class(Plotter);LastClosePlotter.prototype.__construct = function(a) { LastClosePlotter.__super.__construct.call(this, a)};LastClosePlotter.prototype.Draw = function(b) { var k = ChartManager.getInstance(); var l = k.getTimeline(this.getDataSourceName()); var f = this.getAreaName(); var a = k.getArea(f); var i = f.substring(0, f.lastIndexOf("Range")); var g = k.getRange(i); if (g.getRange() == 0) { return } var c = k.getDataSource(this.getDataSourceName()); if (c.getDataCount() < 1) { return } var j = c._dataItems[c._dataItems.length - 1].close; if (j <= g.getMinValue() || j >= g.getMaxValue()) { return } var e = k.getTheme(this.getFrameName()); b.font = e.getFont(Theme.Font.Default); b.textAlign = "left"; b.textBaseline = "middle"; b.fillStyle = e.getColor(Theme.Color.RangeMark); b.strokeStyle = e.getColor(Theme.Color.RangeMark); var h = g.toY(j); var d = a.getLeft() + 1; Plotter.drawLine(b, d, h, d + 7, h); Plotter.drawLine(b, d, h, d + 3, h + 2); Plotter.drawLine(b, d, h, d + 3, h - 2); b.fillText(String.fromFloat(j, c.getDecimalDigits()), d + 10, h)};var SelectionPlotter = create_class(Plotter);SelectionPlotter.prototype.__construct = function(a) { SelectionPlotter.__super.__construct.call(this, a)};SelectionPlotter.prototype.Draw = function(c) { var f = ChartManager.getInstance(); if (f._drawingTool != ChartManager.DrawingTool.CrossCursor) { return } var e = f.getArea(this.getAreaName()); var d = f.getTimeline(this.getDataSourceName()); if (d.getSelectedIndex() < 0) { return } var b = f.getRange(this.getAreaName()); var g = f.getTheme(this.getFrameName()); c.strokeStyle = g.getColor(Theme.Color.Cursor); var a = d.toItemCenter(d.getSelectedIndex()); Plotter.drawLine(c, a, e.getTop() - 1, a, e.getBottom()); var h = b.getSelectedPosition(); if (h >= 0) { Plotter.drawLine(c, e.getLeft(), h, e.getRight(), h) }};var TimelineSelectionPlotter = create_class(NamedObject);TimelineSelectionPlotter.MonthConvert = { 1 : "Jan.", 2 : "Feb.", 3 : "Mar.", 4 : "Apr.", 5 : "May.", 6 : "Jun.", 7 : "Jul.", 8 : "Aug.", 9 : "Sep.", 10 : "Oct.", 11 : "Nov.", 12 : "Dec."};TimelineSelectionPlotter.prototype.__construct = function(a) { TimelineSelectionPlotter.__super.__construct.call(this, a)};TimelineSelectionPlotter.prototype.Draw = function(b) { var q = ChartManager.getInstance(); var l = q.getArea(this.getAreaName()); var c = q.getTimeline(this.getDataSourceName()); if (c.getSelectedIndex() < 0) { return } var j = q.getDataSource(this.getDataSourceName()); if (!is_instance(j, MainDataSource)) { return } var m = q.getTheme(this.getFrameName()); var r = q.getLanguage(); var g = c.toItemCenter(c.getSelectedIndex()); b.fillStyle = m.getColor(Theme.Color.Background); b.fillRect(g - 52.5, l.getTop() + 2.5, 106, 18); b.strokeStyle = m.getColor(Theme.Color.Grid3); b.strokeRect(g - 52.5, l.getTop() + 2.5, 106, 18); b.font = m.getFont(Theme.Font.Default); b.textAlign = "center"; b.textBaseline = "middle"; b.fillStyle = m.getColor(Theme.Color.Text4); var f = new Date(j.getDataAt(c.getSelectedIndex()).date); var o = f.getMonth() + 1; var n = f.getDate(); var e = f.getHours(); var i = f.getMinutes(); var a = o.toString(); var d = n.toString(); var k = e.toString(); var p = i.toString(); if (i < 10) { p = "0" + p } var h = ""; if (r == "zh-cn") { h = a + "月" + d + "日 " + k + ":" + p } else { if (r == "zh-tw") { h = a + "月" + d + "日 " + k + ":" + p } else { if (r == "en-us") { h = TimelineSelectionPlotter.MonthConvert[o] + " " + d + " " + k + ":" + p } } } b.fillText(h, g, l.getMiddle())};var RangeSelectionPlotter = create_class(NamedObject);RangeSelectionPlotter.prototype.__construct = function(a) { RangeSelectionPlotter.__super.__construct.call(this, a)};RangeSelectionPlotter.prototype.Draw = function(b) { var j = ChartManager.getInstance(); var e = this.getAreaName(); var a = j.getArea(e); var k = j.getTimeline(this.getDataSourceName()); if (k.getSelectedIndex() < 0) { return } var h = e.substring(0, e.lastIndexOf("Range")); var f = j.getRange(h); if (f.getRange() == 0 || f.getSelectedPosition() < 0) { return } var i = f.getSelectedValue(); if (i == -Number.MAX_VALUE) { return } var g = f.getSelectedPosition(); Plotter.createPolygon(b, [{ x: a.getLeft(), y: g }, { x: a.getLeft() + 5, y: g + 10 }, { x: a.getRight() - 3, y: g + 10 }, { x: a.getRight() - 3, y: g - 10 }, { x: a.getLeft() + 5, y: g - 10 }]); var d = j.getTheme(this.getFrameName()); b.fillStyle = d.getColor(Theme.Color.Background); b.fill(); b.strokeStyle = d.getColor(Theme.Color.Grid4); b.stroke(); b.font = d.getFont(Theme.Font.Default); b.textAlign = "center"; b.textBaseline = "middle"; b.fillStyle = d.getColor(Theme.Color.Text3); var c = 2; if (f.getNameObject().getCompAt(2) == "main") { c = j.getDataSource(this.getDataSourceName()).getDecimalDigits() } b.fillText(String.fromFloat(i, c), a.getCenter(), g)};var ChartSettings = {};ChartSettings.checkVersion = function() { if (ChartSettings._data.ver < 2) { ChartSettings._data.ver = 2; var a = ChartSettings._data.charts; a.period_weight = {}; a.period_weight.line = 8; a.period_weight["1min"] = 7; a.period_weight["5min"] = 6; a.period_weight["15min"] = 5; a.period_weight["30min"] = 4; a.period_weight["1hour"] = 3; a.period_weight["1day"] = 2; a.period_weight["1week"] = 1; a.period_weight["3min"] = 0; a.period_weight["2hour"] = 0; a.period_weight["4hour"] = 0; a.period_weight["6hour"] = 0; a.period_weight["12hour"] = 0; a.period_weight["3day"] = 0 } if (ChartSettings._data.ver < 3) { ChartSettings._data.ver = 3; var a = ChartSettings._data.charts; a.areaHeight = [] }};ChartSettings.get = function() { if (ChartSettings._data == undefined) { ChartSettings.init(); ChartSettings.load(); ChartSettings.checkVersion() } return ChartSettings._data};ChartSettings.init = function() { var f = {}; var k = new Array("MA", "EMA", "VOLUME", "MACD", "KDJ", "StochRSI", "RSI", "DMI", "OBV", "BOLL", "DMA", "TRIX", "BRAR", "VR", "EMV", "WR", "ROC", "MTM", "PSY"); for (var g = 0; g < k.length; g++) { var m = ChartManager.getInstance().createIndicatorAndRange("", k[g], true); if (m == null) { continue } f[k[g]] = []; var b = m.indic.getParameters(); for (var e = 0; e < b.length; e++) { f[k[g]].push(b[e]) } } var h = "CandleStick"; var c = "MA"; var a = new Array("VOLUME", "MACD"); var l = "15m"; var d = {}; d.chartStyle = h; d.mIndic = c; d.indics = a; d.indicsStatus = "open"; d.period = l; ChartSettings._data = { ver: 1, charts: d, indics: f, theme: "Dark" }; ChartSettings.checkVersion()};ChartSettings.load = function() { if (document.cookie.length <= 0) { return } var c = document.cookie.indexOf("chartSettings="); if (c < 0) { return } c += "chartSettings=".length; var a = document.cookie.indexOf(";", c); if (a < 0) { a = document.cookie.length } var b = unescape(document.cookie.substring(c, a)); ChartSettings._data = JSON.parse(b)};ChartSettings.save = function() { var a = new Date(); a.setDate(a.getDate() + 2); document.cookie = "chartSettings=" + escape(JSON.stringify(ChartSettings._data)) + ";expires=" + a.toGMTString()};var CPoint = create_class(NamedObject);CPoint.state = { Hide: 0, Show: 1, Highlight: 2};CPoint.prototype.__construct = function(a) { CPoint.__super.__construct.call(this, a); this.pos = { index: -1, value: -1 }; this.state = CPoint.state.Hide};CPoint.prototype.getChartObjects = function() { var b = ChartManager.getInstance(); var d = b.getDataSource("frame0.k0"); if (d == null || !is_instance(d, MainDataSource)) { return null } var c = b.getTimeline("frame0.k0"); if (c == null) { return null } var a = b.getRange("frame0.k0.main"); if (a == null) { return null } return { pMgr: b, pCDS: d, pTimeline: c, pRange: a }};CPoint.prototype.setPosXY = function(b, f) { var e = this.getChartObjects(); var d = e.pTimeline.toIndex(b); var c = e.pRange.toValue(f); var a = this.snapValue(d, c); if (a != null) { c = a } this.setPosIV(d, c)};CPoint.prototype.setPosXYNoSnap = function(a, e) { var d = this.getChartObjects(); var c = d.pTimeline.toIndex(a); var b = d.pRange.toValue(e); this.setPosIV(c, b)};CPoint.prototype.setPosIV = function(b, a) { this.pos = { index: b, value: a }};CPoint.prototype.getPosXY = function() { var c = this.getChartObjects(); var b = c.pTimeline.toItemCenter(this.pos.index); var a = c.pRange.toY(this.pos.value); return { x: b, y: a }};CPoint.prototype.getPosIV = function() { return { i: this.pos.index, v: this.pos.value }};CPoint.prototype.setState = function(a) { this.state = a};CPoint.prototype.getState = function() { return this.state};CPoint.prototype.isSelected = function(a, c) { var b = this.getPosXY(); if (a < b.x - 4 || a > b.x + 4 || c < b.y - 4 || c > b.y + 4) { return false } this.setState(CPoint.state.Highlight); return true};CPoint.prototype.snapValue = function(o, j) { var k = this.getChartObjects(); var h = null; var c = Math.floor(k.pTimeline.getFirstIndex()); var e = Math.floor(k.pTimeline.getLastIndex()); if (o < c || o > e) { return h } var f = k.pRange.toY(j); var d = k.pCDS.getDataAt(o); if (d == null || d == undefined) { return h } var p = null; if (o > 0) { p = k.pCDS.getDataAt(o - 1) } else { p = k.pCDS.getDataAt(o) } var b = k.pMgr.getChartStyle(k.pCDS.getFrameName()); var l = k.pRange.toY(d.open); var g = k.pRange.toY(d.high); var r = k.pRange.toY(d.low); var m = k.pRange.toY(d.close); if (b === "CandleStickHLC") { l = k.pRange.toY(p.close) } var q = Math.abs(l - f); var n = Math.abs(g - f); var s = Math.abs(r - f); var a = Math.abs(m - f); if (q <= n && q <= s && q <= a) { if (q < 6) { h = d.open } } if (n <= q && n <= s && n <= a) { if (n < 6) { h = d.high } } if (s <= q && s <= n && s <= a) { if (s < 6) { h = d.low } } if (a <= q && a <= n && a <= s) { if (a < 6) { h = d.close } } return h};var CToolObject = create_class(NamedObject);CToolObject.state = { BeforeDraw: 0, Draw: 1, AfterDraw: 2};CToolObject.prototype.__construct = function(a) { CToolObject.__super.__construct.call(this, a); this.drawer = null; this.state = CToolObject.state.BeforeDraw; this.points = []; this.step = 0};CToolObject.prototype.getChartObjects = function() { var c = ChartManager.getInstance(); var e = c.getDataSource("frame0.k0"); if (e == null || !is_instance(e, MainDataSource)) { return null } var d = c.getTimeline("frame0.k0"); if (d == null) { return null } var a = c.getArea("frame0.k0.main"); if (a == null) { return null } var b = c.getRange("frame0.k0.main"); if (b == null) { return null } return { pMgr: c, pCDS: e, pTimeline: d, pArea: a, pRange: b }};CToolObject.prototype.isValidMouseXY = function(a, d) { var b = this.getChartObjects(); var c = { left: b.pArea.getLeft(), top: b.pArea.getTop(), right: b.pArea.getRight(), bottom: b.pArea.getBottom() }; if (a < c.left || a > c.right || d < c.top || d > c.bottom) { return false } return true};CToolObject.prototype.getPlotter = function() { return this.drawer};CToolObject.prototype.setState = function(a) { this.state = a};CToolObject.prototype.getState = function() { return this.state};CToolObject.prototype.addPoint = function(a) { this.points.push(a)};CToolObject.prototype.getPoint = function(a) { return this.points[a]};CToolObject.prototype.acceptMouseMoveEvent = function(a, b) { if (this.isValidMouseXY(a, b) == false) { return false } if (this.state == CToolObject.state.BeforeDraw) { this.setBeforeDrawPos(a, b) } else { if (this.state == CToolObject.state.Draw) { this.setDrawPos(a, b) } else { if (this.state == CToolObject.state.AfterDraw) { this.setAfterDrawPos(a, b) } } } return true};CToolObject.prototype.acceptMouseDownEvent = function(a, b) { if (this.isValidMouseXY(a, b) == false) { return false } if (this.state == CToolObject.state.BeforeDraw) { this.setDrawPos(a, b); this.setState(CToolObject.state.Draw) } else { if (this.state == CToolObject.state.Draw) { this.setAfterDrawPos(a, b); if (this.step == 0) { this.setState(CToolObject.state.AfterDraw) } } else { if (this.state == CToolObject.state.AfterDraw) { if (CToolObject.prototype.isSelected.call(this, a, b)) { this.setDrawPos(a, b); this.setState(CToolObject.state.Draw) } else { this.oldx = a; this.oldy = b } } } } return true};CToolObject.prototype.acceptMouseDownMoveEvent = function(g, e) { if (this.isValidMouseXY(g, e) == false) { return false } if (this.state == CToolObject.state.Draw) { this.setDrawPos(g, e) } else { if (this.state == CToolObject.state.AfterDraw) { var a = this.getChartObjects(); var b = a.pTimeline.getItemWidth(); var c = a.pRange; if (Math.abs(g - this.oldx) < b && Math.abs(e - this.oldy) == 0) { return true } var i = a.pTimeline.toIndex(this.oldx); var f = a.pRange.toValue(this.oldy); var j = a.pTimeline.toIndex(g); var h = a.pRange.toValue(e); this.oldx = g; this.oldy = e; var l = j - i; var k = h - f; for (var d in this.points) { this.points[d].pos.index += l; this.points[d].pos.value += k } } } return true};CToolObject.prototype.acceptMouseUpEvent = function(a, b) { if (this.isValidMouseXY(a, b) == false) { return false } if (this.state == CToolObject.state.Draw) { this.setAfterDrawPos(a, b); if (this.step == 0) { this.setState(CToolObject.state.AfterDraw) } return true } return false};CToolObject.prototype.setBeforeDrawPos = function(a, c) { for (var b in this.points) { this.points[b].setPosXY(a, c); this.points[b].setState(CPoint.state.Show) }};CToolObject.prototype.setDrawPos = function(a, c) { for (var b in this.points) { if (this.points[b].getState() == CPoint.state.Highlight) { this.points[b].setPosXY(a, c) } }};CToolObject.prototype.setAfterDrawPos = function(a, d) { if (this.step != 0) { this.step -= 1 } for (var b in this.points) { this.points[b].setState(CPoint.state.Hide) } if (this.step == 0) { var c = this.getChartObjects(); c.pMgr.setNormalMode() }};CToolObject.prototype.isSelected = function(a, d) { var c = false; for (var b in this.points) { if (this.points[b].isSelected(a, d)) { this.points[b].setState(CPoint.state.Highlight); c = true; break } } if (c == true) { this.select(); return true } return false};CToolObject.prototype.select = function() { for (var a in this.points) { if (this.points[a].getState() == CPoint.state.Hide) { this.points[a].setState(CPoint.state.Show) } }};CToolObject.prototype.unselect = function() { for (var a in this.points) { if (this.points[a].getState() != CPoint.state.Hide) { this.points[a].setState(CPoint.state.Hide) } }};CToolObject.prototype.calcDistance = function(l, i, g) { var a = l.getPosXY().x; var j = l.getPosXY().y; var o = i.getPosXY().x; var h = i.getPosXY().y; var n = g.getPosXY().x; var f = g.getPosXY().y; var d = a - n; var b = j - f; var m = o - n; var k = h - f; var c = Math.abs(d * k - b * m); var e = Math.sqrt(Math.pow((o - a), 2) + Math.pow((h - j), 2)); return c / e};CToolObject.prototype.calcGap = function(b, m, k) { var a = b.sx; var i = b.sy; var o = b.ex; var h = b.ey; var n = m; var g = k; var e = a - n; var c = i - g; var l = o - n; var j = h - g; var d = Math.abs(e * j - c * l); var f = Math.sqrt(Math.pow((o - a), 2) + Math.pow((h - i), 2)); return d / f};CToolObject.prototype.isWithRect = function(g, d, c) { var h = g.getPosXY().x; var f = g.getPosXY().y; var b = d.getPosXY().x; var a = d.getPosXY().y; var i = c.getPosXY().x; var e = c.getPosXY().y; if (h > b) { h += 4; b -= 4 } else { h -= 4; b += 4 } if (f > a) { f += 4; a -= 4 } else { f -= 4; a += 4 } if (h <= i && b >= i && f <= e && a >= e) { return true } if (h >= i && b <= i && f <= e && a >= e) { return true } if (h <= i && b >= i && f >= e && a <= e) { return true } if (h >= i && b <= i && f >= e && a <= e) { return true } return false};CBiToolObject = create_class(CToolObject);CBiToolObject.prototype.__construct = function(a) { CBiToolObject.__super.__construct.call(this, a); this.addPoint(new CPoint(a)); this.addPoint(new CPoint(a))};CBiToolObject.prototype.setBeforeDrawPos = function(a, b) { this.step = 1; CBiToolObject.__super.setBeforeDrawPos.call(this, a, b); this.getPoint(0).setState(CPoint.state.Show); this.getPoint(1).setState(CPoint.state.Highlight)};CTriToolObject = create_class(CToolObject);CTriToolObject.prototype.__construct = function(a) { CTriToolObject.__super.__construct.call(this, a); this.addPoint(new CPoint(a)); this.addPoint(new CPoint(a)); this.addPoint(new CPoint(a))};CTriToolObject.prototype.setBeforeDrawPos = function(a, b) { this.step = 2; CBiToolObject.__super.setBeforeDrawPos.call(this, a, b); this.getPoint(0).setState(CPoint.state.Show); this.getPoint(1).setState(CPoint.state.Show); this.getPoint(2).setState(CPoint.state.Highlight)};CTriToolObject.prototype.setAfterDrawPos = function(a, d) { if (this.step != 0) { this.step -= 1 } if (this.step == 0) { for (var b in this.points) { this.points[b].setState(CPoint.state.Hide) } } else { this.getPoint(0).setState(CPoint.state.Show); this.getPoint(1).setState(CPoint.state.Highlight); this.getPoint(2).setState(CPoint.state.Show) } if (this.step == 0) { var c = this.getChartObjects(); c.pMgr.setNormalMode() }};var CBandLineObject = create_class(CBiToolObject);CBandLineObject.prototype.__construct = function(a) { CBandLineObject.__super.__construct.call(this, a); this.drawer = new DrawBandLinesPlotter(a, this)};CBandLineObject.prototype.isSelected = function(l, h) { if (CBandLineObject.__super.isSelected.call(this, l, h) == true) { return true } var g = new CPoint("frame0.k0"); g.setPosXY(l, h); var k = this.getPoint(0).getPosXY().x; var j = this.getPoint(0).getPosXY().y; var f = this.getPoint(1).getPosXY().x; var e = this.getPoint(1).getPosXY().y; var a = [100, 87.5, 75, 62.5, 50, 37.5, 25, 12.5, 0]; for (var d = 0; d < a.length; d++) { var b = j + (100 - a[d]) / 100 * (e - j); if (b < h + 4 && b > h - 4) { this.select(); return true } } return false};var CBiParallelLineObject = create_class(CTriToolObject);CBiParallelLineObject.prototype.__construct = function(a) { CBiParallelLineObject.__super.__construct.call(this, a); this.drawer = new DrawBiParallelLinesPlotter(a, this)};CBiParallelLineObject.prototype.isSelected = function(n, l) { if (CTriParallelLineObject.__super.isSelected.call(this, n, l) == true) { return true } var m = this.getPoint(0).getPosXY().x; var j = this.getPoint(0).getPosXY().y; var e = this.getPoint(1).getPosXY().x; var d = this.getPoint(1).getPosXY().y; var a = this.getPoint(2).getPosXY().x; var o = this.getPoint(2).getPosXY().y; var k = { x: m - e, y: j - d }; var i = { x: m - a, y: j - o }; var g = { x: k.x + i.x, y: k.y + i.y }; var h = m - g.x; var f = j - g.y; var c = { sx: m, sy: j, ex: a, ey: o }; var b = { sx: e, sy: d, ex: h, ey: f }; if (this.calcGap(c, n, l) > 4 && this.calcGap(b, n, l) > 4) { return false } return true};var CBiParallelRayLineObject = create_class(CTriToolObject);CBiParallelRayLineObject.prototype.__construct = function(a) { CBiParallelRayLineObject.__super.__construct.call(this, a); this.drawer = new DrawBiParallelRayLinesPlotter(a, this)};CBiParallelRayLineObject.prototype.isSelected = function(n, l) { if (CTriParallelLineObject.__super.isSelected.call(this, n, l) == true) { return true } var m = this.getPoint(0).getPosXY().x; var j = this.getPoint(0).getPosXY().y; var e = this.getPoint(1).getPosXY().x; var d = this.getPoint(1).getPosXY().y; var a = this.getPoint(2).getPosXY().x; var o = this.getPoint(2).getPosXY().y; var k = { x: m - e, y: j - d }; var i = { x: m - a, y: j - o }; var g = { x: k.x + i.x, y: k.y + i.y }; var h = m - g.x; var f = j - g.y; var c = { sx: m, sy: j, ex: a, ey: o }; var b = { sx: e, sy: d, ex: h, ey: f }; if ((c.ex > c.sx && n > c.sx - 4) || (c.ex < c.sx && n < c.sx + 4) || (b.ex > b.sx && n > b.sx - 4) || (b.ex < b.sx && n < b.sx + 4)) { if (this.calcGap(c, n, l) > 4 && this.calcGap(b, n, l) > 4) { return false } } else { return false } this.select(); return true};var CFibFansObject = create_class(CBiToolObject);CFibFansObject.prototype.__construct = function(a) { CFibFansObject.__super.__construct.call(this, a); this.drawer = new DrawFibFansPlotter(a, this)};CFibFansObject.prototype.isSelected = function(h, g) { if (CFibFansObject.__super.isSelected.call(this, h, g) == true) { return true } var s = new CPoint("frame0.k0"); s.setPosXY(h, g); var n = this.getPoint(0).getPosXY().x; var m = this.getPoint(0).getPosXY().y; var r = this.getPoint(1).getPosXY().x; var q = this.getPoint(1).getPosXY().y; var j = this.getChartObjects(); var d = { left: j.pArea.getLeft(), top: j.pArea.getTop(), right: j.pArea.getRight(), bottom: j.pArea.getBottom() }; var f = [0, 38.2, 50, 61.8]; for (var p = 0; p < f.length; p++) { var o = m + (100 - f[p]) / 100 * (q - m); var l = { x: n, y: m }; var z = { x: r, y: o }; var e = getRectCrossPt(d, l, z); var w = Math.pow((e[0].x - n), 2) + Math.pow((e[0].y - m), 2); var v = Math.pow((e[0].x - r), 2) + Math.pow((e[0].y - q), 2); var k = w > v ? { x: e[0].x, y: e[0].y }: { x: e[1].x, y: e[1].y }; if (k.x > n && h < n) { continue } if (k.x < n && h > n) { continue } var u = new CPoint("frame0.k0"); u.setPosXY(n, m); var t = new CPoint("frame0.k0"); t.setPosXY(k.x, k.y); if (this.calcDistance(u, t, s) > 4) { continue } this.select(); return true } return false};var CFibRetraceObject = create_class(CBiToolObject);CFibRetraceObject.prototype.__construct = function(a) { CFibRetraceObject.__super.__construct.call(this, a); this.drawer = new DrawFibRetracePlotter(a, this)};CFibRetraceObject.prototype.isSelected = function(l, h) { if (CFibRetraceObject.__super.isSelected.call(this, l, h) == true) { return true } var g = new CPoint("frame0.k0"); g.setPosXY(l, h); var k = this.getPoint(0).getPosXY().x; var j = this.getPoint(0).getPosXY().y; var f = this.getPoint(1).getPosXY().x; var e = this.getPoint(1).getPosXY().y; var a = [100, 78.6, 61.8, 50, 38.2, 23.6, 0]; for (var d = 0; d < a.length; d++) { var b = j + (100 - a[d]) / 100 * (e - j); if (b < h + 4 && b > h - 4) { this.select(); return true } } return false};var CHoriRayLineObject = create_class(CBiToolObject);CHoriRayLineObject.prototype.__construct = function(a) { CHoriRayLineObject.__super.__construct.call(this, a); this.drawer = new DrawHoriRayLinesPlotter(a, this)};CHoriRayLineObject.prototype.setDrawPos = function(a, b) { if (this.points[0].getState() == CPoint.state.Highlight) { this.points[0].setPosXY(a, b); this.points[1].setPosXYNoSnap(this.points[1].getPosXY().x, this.points[0].getPosXY().y); return } if (this.points[1].getState() == CPoint.state.Highlight) { this.points[1].setPosXY(a, b); this.points[0].setPosXYNoSnap(this.points[0].getPosXY().x, this.points[1].getPosXY().y) }};CHoriRayLineObject.prototype.isSelected = function(a, g) { if (CHoriRayLineObject.__super.isSelected.call(this, a, g) == true) { return true } var f = new CPoint("frame0.k0"); f.setPosXY(a, g); var d = this.getPoint(0).getPosXY().y; var e = this.getPoint(0).getPosXY().x; var b = this.getPoint(1).getPosXY().x; if (g > d + 4 || g < d - 4) { return false } if (b > e && a < e - 4) { return false } if (b < e && a > e + 4) { return false } this.select(); return true};var CHoriSegLineObject = create_class(CBiToolObject);CHoriSegLineObject.prototype.__construct = function(a) { CHoriSegLineObject.__super.__construct.call(this, a); this.drawer = new DrawHoriSegLinesPlotter(a, this)};CHoriSegLineObject.prototype.setDrawPos = function(a, b) { if (this.points[0].getState() == CPoint.state.Highlight) { this.points[0].setPosXY(a, b); this.points[1].setPosXYNoSnap(this.points[1].getPosXY().x, this.points[0].getPosXY().y); return } if (this.points[1].getState() == CPoint.state.Highlight) { this.points[1].setPosXY(a, b); this.points[0].setPosXYNoSnap(this.points[0].getPosXY().x, this.points[1].getPosXY().y) }};CHoriSegLineObject.prototype.isSelected = function(a, g) { if (CHoriSegLineObject.__super.isSelected.call(this, a, g) == true) { return true } var f = new CPoint("frame0.k0"); f.setPosXY(a, g); var d = this.getPoint(0).getPosXY().y; var e = this.getPoint(0).getPosXY().x; var b = this.getPoint(1).getPosXY().x; if (g > d + 4 || g < d - 4) { return false } if (e > b && (a > e + 4 || a < b - 4)) { return false } if (e < b && (a < e - 4 || a > b + 4)) { return false } this.select(); return true};var CHoriStraightLineObject = create_class(CBiToolObject);CHoriStraightLineObject.prototype.__construct = function(a) { CHoriStraightLineObject.__super.__construct.call(this, a); this.drawer = new DrawHoriStraightLinesPlotter(a, this)};CHoriStraightLineObject.prototype.setDrawPos = function(a, c) { for (var b in this.points) { this.points[b].setPosXY(a, c) }};CHoriStraightLineObject.prototype.isSelected = function(a, e) { if (CHoriStraightLineObject.__super.isSelected.call(this, a, e) == true) { return true } var d = new CPoint("frame0.k0"); d.setPosXY(a, e); var b = this.getPoint(0).getPosXY().y; if (e > b + 4 || e < b - 4) { return false } this.select(); return true};var CRayLineObject = create_class(CBiToolObject);CRayLineObject.prototype.__construct = function(a) { CRayLineObject.__super.__construct.call(this, a); this.drawer = new DrawRayLinesPlotter(a, this)};CRayLineObject.prototype.isSelected = function(a, f) { if (CRayLineObject.__super.isSelected.call(this, a, f) == true) { return true } var e = new CPoint("frame0.k0"); e.setPosXY(a, f); var d = this.getPoint(0).getPosXY().x; var b = this.getPoint(1).getPosXY().x; if (b > d && a < d - 4) { return false } if (b < d && a > d + 4) { return false } if (this.calcDistance(this.getPoint(0), this.getPoint(1), e) < 4) { this.select(); return true } return false};var CSegLineObject = create_class(CBiToolObject);CSegLineObject.prototype.__construct = function(a) { CSegLineObject.__super.__construct.call(this, a); this.drawer = new DrawSegLinesPlotter(a, this)};CSegLineObject.prototype.isSelected = function(a, d) { if (CSegLineObject.__super.isSelected.call(this, a, d) == true) { return true } var b = new CPoint("frame0.k0"); b.setPosXY(a, d); if (this.isWithRect(this.getPoint(0), this.getPoint(1), b) == false) { return false } if (this.calcDistance(this.getPoint(0), this.getPoint(1), b) < 4) { this.select(); return true } return false};var CStraightLineObject = create_class(CBiToolObject);CStraightLineObject.prototype.__construct = function(a) { CStraightLineObject.__super.__construct.call(this, a); this.drawer = new DrawStraightLinesPlotter(a, this)};CStraightLineObject.prototype.isSelected = function(a, d) { if (CStraightLineObject.__super.isSelected.call(this, a, d) == true) { return true } var b = new CPoint("frame0.k0"); b.setPosXY(a, d); if (this.calcDistance(this.getPoint(0), this.getPoint(1), b) < 4) { this.select(); return true } return false};var CTriParallelLineObject = create_class(CTriToolObject);CTriParallelLineObject.prototype.__construct = function(a) { CTriParallelLineObject.__super.__construct.call(this, a); this.drawer = new DrawTriParallelLinesPlotter(a, this)};CTriParallelLineObject.prototype.isSelected = function(p, o) { if (CTriParallelLineObject.__super.isSelected.call(this, p, o) == true) { return true } var q = this.getChartObjects(); var l = this.getPoint(0).getPosXY().x; var k = this.getPoint(0).getPosXY().y; var t = this.getPoint(1).getPosXY().x; var r = this.getPoint(1).getPosXY().y; var b = this.getPoint(2).getPosXY().x; var A = this.getPoint(2).getPosXY().y; var j = { x: l - t, y: k - r }; var i = { x: l - b, y: k - A }; var h = { x: j.x + i.x, y: j.y + i.y }; var n = l - h.x; var m = k - h.y; var z = { sx: l, sy: k, ex: b, ey: A }; var w = { sx: t, sy: r, ex: n, ey: m }; var f = { x: l - t, y: k - r }; var d = { x: b - n, y: A - m }; var g = { x: t - l, y: r - k }; var e = { x: n - b, y: m - A }; var u = Math.abs(g.x - l); var s = Math.abs(g.y - k); var c = Math.abs(e.x - b); var a = Math.abs(e.y - A); var v = { sx: u, sy: s, ex: c, ey: a }; if (this.calcGap(z, p, o) > 4 && this.calcGap(w, p, o) > 4 && this.calcGap(v, p, o) > 4) { return false } this.select(); return true};var CVertiStraightLineObject = create_class(CBiToolObject);CVertiStraightLineObject.prototype.__construct = function(a) { CVertiStraightLineObject.__super.__construct.call(this, a); this.drawer = new DrawVertiStraightLinesPlotter(a, this)};CVertiStraightLineObject.prototype.setDrawPos = function(a, c) { for (var b in this.points) { this.points[b].setPosXY(a, c) }};CVertiStraightLineObject.prototype.isSelected = function(a, e) { if (CVertiStraightLineObject.__super.isSelected.call(this, a, e) == true) { return true } var d = new CPoint("frame0.k0"); d.setPosXY(a, e); var b = this.getPoint(0).getPosXY().x; if (a > b + 4 || a < b - 4) { return false } this.select(); return true};var CPriceLineObject = create_class(CSegLineObject);CPriceLineObject.prototype.__construct = function(a) { CPriceLineObject.__super.__construct.call(this, a); this.drawer = new DrawPriceLinesPlotter(a, this)};CPriceLineObject.prototype.setDrawPos = function(a, c) { for (var b in this.points) { this.points[b].setPosXY(a, c) }};CPriceLineObject.prototype.isSelected = function(a, h) { if (CFibRetraceObject.__super.isSelected.call(this, a, h) == true) { return true } var g = new CPoint("frame0.k0"); g.setPosXY(a, h); var f = this.getPoint(0).getPosXY().x; var e = this.getPoint(0).getPosXY().y; var d = this.getPoint(1).getPosXY().x; var b = this.getPoint(1).getPosXY().y; if (a < f - 4) { return false } if (h >= e + 4 || h <= e - 4) { return false } this.select(); return true};var CArrowLineObject = create_class(CSegLineObject);CArrowLineObject.prototype.__construct = function(a) { CArrowLineObject.__super.__construct.call(this, a); this.drawer = new DrawArrowLinesPlotter(a, this)};var CToolManager = create_class(NamedObject);CToolManager.prototype.__construct = function(a) { CToolManager.__super.__construct.call(this, a); this.selectedObject = -1; this.toolObjects = []};CToolManager.prototype.getToolObjectCount = function() { return this.toolObjects.length};CToolManager.prototype.addToolObject = function(a) { this.toolObjects.push(a)};CToolManager.prototype.getToolObject = function(a) { if (a < this.toolObjects.length && a >= 0) { return this.toolObjects[a] } return null};CToolManager.prototype.getCurrentObject = function() { return this.getToolObject(this.getToolObjectCount() - 1)};CToolManager.prototype.getSelectedObject = function() { return this.getToolObject(this.selectedObject)};CToolManager.prototype.delCurrentObject = function() { this.toolObjects.splice(this.getToolObjectCount() - 1, 1)};CToolManager.prototype.delSelectedObject = function() { this.toolObjects.splice(this.selectedObject, 1); this.selectedObject = -1};CToolManager.prototype.acceptMouseMoveEvent = function(a, e) { if (this.selectedObject == -1) { var d = this.toolObjects[this.getToolObjectCount() - 1]; if (d != null && d.getState() != CToolObject.state.AfterDraw) { return d.acceptMouseMoveEvent(a, e) } } else { var c = this.toolObjects[this.selectedObject]; if (c.getState() == CToolObject.state.Draw) { return c.acceptMouseMoveEvent(a, e) } c.unselect(); this.selectedObject = -1 } for (var b in this.toolObjects) { if (this.toolObjects[b].isSelected(a, e)) { this.selectedObject = b; return false } } return false};CToolManager.prototype.acceptMouseDownEvent = function(a, d) { this.mouseDownMove = false; if (this.selectedObject == -1) { var c = this.toolObjects[this.getToolObjectCount() - 1]; if (c != null && c.getState() != CToolObject.state.AfterDraw) { return c.acceptMouseDownEvent(a, d) } } else { var b = this.toolObjects[this.selectedObject]; if (b.getState() != CToolObject.state.BeforeDraw) { return b.acceptMouseDownEvent(a, d) } } return false};CToolManager.prototype.acceptMouseDownMoveEvent = function(b, f) { this.mouseDownMove = true; if (this.selectedObject == -1) { var e = this.toolObjects[this.getToolObjectCount() - 1]; if (e != null && e.getState() == CToolObject.state.Draw) { return e.acceptMouseDownMoveEvent(b, f) } return false } else { var d = this.toolObjects[this.selectedObject]; if (d.getState() != CToolObject.state.BeforeDraw) { if (d.acceptMouseDownMoveEvent(b, f) == true) { var a = this.toolObjects[this.selectedObject].points; for (var c = 0; c < a.length; c++) { if (a[c].state == CPoint.state.Highlight || a[c].state == CPoint.state.Show) { return true } } } return true } }};CToolManager.prototype.acceptMouseUpEvent = function(a, d) { if (this.mouseDownMove == true) { if (this.selectedObject == -1) { var c = this.toolObjects[this.getToolObjectCount() - 1]; if (c != null && c.getState() == CToolObject.state.Draw) { return c.acceptMouseUpEvent(a, d) } return true } else { var b = this.toolObjects[this.selectedObject]; if (b.getState() != CToolObject.state.BeforeDraw) { return b.acceptMouseUpEvent(a, d) } } } if (this.selectedObject != -1) { return true } var c = this.toolObjects[this.getToolObjectCount() - 1]; if (c != null) { if (c.getState() == CToolObject.state.Draw) { return true } if (!c.isValidMouseXY(a, d)) { return false } if (c.isSelected(a, d)) { return true } } return false};var CToolPlotter = create_class(NamedObject);CToolPlotter.prototype.__construct = function(a, d) { CToolPlotter.__super.__construct.call(this, a); this.toolObject = d; var c = ChartManager.getInstance(); var b = c.getArea("frame0.k0.main"); if (b == null) { this.areaPos = { left: 0, top: 0, right: 0, bottom: 0 }; return } this.areaPos = { left: b.getLeft(), top: b.getTop(), right: b.getRight(), bottom: b.getBottom() }; this.crossPt = {}; this.normalSize = 4; this.selectedSize = 6; this.cursorLen = 4; this.cursorGapLen = 3; this.theme = ChartManager.getInstance().getTheme(this.getFrameName())};CToolPlotter.prototype.drawCursor = function(a) { this.drawCrossCursor(a)};CToolPlotter.prototype.drawCrossCursor = function(e) { e.strokeStyle = this.theme.getColor(Theme.Color.LineColorNormal); e.fillStyle = this.theme.getColor(Theme.Color.LineColorNormal); var d = this.toolObject.getPoint(0).getPosXY(); if (d == null) { return } var c = d.x; var f = d.y; var b = this.cursorLen; var a = this.cursorGapLen; e.fillRect(c, f, 1, 1); Plotter.drawLine(e, c - b - a, f, c - a, f); Plotter.drawLine(e, c + b + a, f, c + a, f); Plotter.drawLine(e, c, f - b - a, c, f - a); Plotter.drawLine(e, c, f + b + a, c, f + a)};CToolPlotter.prototype.drawCircle = function(c, b, a) { var e = b.x; var d = b.y; c.beginPath(); c.arc(e, d, a, 0, 2 * Math.PI, false); c.fillStyle = this.theme.getColor(Theme.Color.CircleColorFill); c.fill(); c.stroke()};CToolPlotter.prototype.drawCtrlPt = function(b) { b.strokeStyle = this.theme.getColor(Theme.Color.CircleColorStroke); for (var a = 0; a < this.ctrlPtsNum; a++) { this.drawCircle(b, this.ctrlPts[1][a], this.normalSize) }};CToolPlotter.prototype.highlightCtrlPt = function(b) { b.strokeStyle = this.theme.getColor(Theme.Color.CircleColorStroke); for (var a = 0; a < this.ctrlPtsNum; a++) { if (this.toolObject.getPoint(a).getState() == CPoint.state.Highlight) { this.drawCircle(b, this.ctrlPts[1][a], this.selectedSize) } }};CToolPlotter.prototype.drawFibRayLines = function(d, g, c) { for (var b = 0; b < this.fiboFansSequence.length; b++) { var a = g.y + (100 - this.fiboFansSequence[b]) / 100 * (c.y - g.y); var f = { x: g.x, y: g.y }; var e = { x: c.x, y: a }; this.drawRayLines(d, f, e) }};CToolPlotter.prototype.drawRayLines = function(c, g, b) { this.getAreaPos(); var e = { x: g.x, y: g.y }; var d = { x: b.x, y: b.y }; var f = getRectCrossPt(this.areaPos, e, d); var a; if (b.x == g.x) { if (b.y == g.y) { a = b } else { a = b.y > g.y ? { x: f[1].x, y: f[1].y }: { x: f[0].x, y: f[0].y } } } else { a = b.x > g.x ? { x: f[1].x, y: f[1].y }: { x: f[0].x, y: f[0].y } } Plotter.drawLine(c, g.x, g.y, a.x, a.y)};CToolPlotter.prototype.lenBetweenPts = function(b, a) { return Math.sqrt(Math.pow((a.x - b.x), 2) + Math.pow((a.y - b.y), 2))};CToolPlotter.prototype.getCtrlPts = function() { for (var a = 0; a < this.ctrlPtsNum; a++) { this.ctrlPts[0][a] = this.toolObject.getPoint(a) }};CToolPlotter.prototype.updateCtrlPtPos = function() { for (var a = 0; a < this.ctrlPtsNum; a++) { this.ctrlPts[1][a] = this.ctrlPts[0][a].getPosXY() }};CToolPlotter.prototype.getAreaPos = function() { var b = ChartManager.getInstance(); var a = b.getArea("frame0.k0.main"); if (a == null) { this.areaPos = { left: 0, top: 0, right: 0, bottom: 0 }; return } this.areaPos = { left: Math.floor(a.getLeft()), top: Math.floor(a.getTop()), right: Math.floor(a.getRight()), bottom: Math.floor(a.getBottom()) }};CToolPlotter.prototype.updateDraw = function(a) { a.strokeStyle = this.theme.getColor(Theme.Color.LineColorNormal); this.draw(a); this.drawCtrlPt(a)};CToolPlotter.prototype.finishDraw = function(a) { a.strokeStyle = this.theme.getColor(Theme.Color.LineColorNormal); this.draw(a)};CToolPlotter.prototype.highlight = function(a) { a.strokeStyle = this.theme.getColor(Theme.Color.LineColorSelected); this.draw(a); this.drawCtrlPt(a); this.highlightCtrlPt(a)};var DrawStraightLinesPlotter = create_class(CToolPlotter);DrawStraightLinesPlotter.prototype.__construct = function(a, b) { DrawStraightLinesPlotter.__super.__construct.call(this, a, b); this.toolObject = b; this.ctrlPtsNum = 2; this.ctrlPts = new Array(new Array(this.ctrlPtsNum), new Array(2)); this.getCtrlPts()};DrawStraightLinesPlotter.prototype.draw = function(a) { this.updateCtrlPtPos(); this.getAreaPos(); this.startPoint = this.ctrlPts[1][0]; this.endPoint = this.ctrlPts[1][1]; if (this.startPoint.x == this.endPoint.x && this.startPoint.y == this.endPoint.y) { Plotter.drawLine(a, this.areaPos.left, this.startPoint.y, this.areaPos.right, this.startPoint.y) } else { this.crossPt = getRectCrossPt(this.areaPos, this.startPoint, this.endPoint); Plotter.drawLine(a, this.crossPt[0].x, this.crossPt[0].y, this.crossPt[1].x, this.crossPt[1].y) }};var DrawSegLinesPlotter = create_class(CToolPlotter);DrawSegLinesPlotter.prototype.__construct = function(a, b) { DrawSegLinesPlotter.__super.__construct.call(this, a, b); this.toolObject = b; this.ctrlPtsNum = 2; this.ctrlPts = new Array(new Array(this.ctrlPtsNum), new Array(2)); this.getCtrlPts()};DrawSegLinesPlotter.prototype.draw = function(a) { this.updateCtrlPtPos(); this.startPoint = this.ctrlPts[1][0]; this.endPoint = this.ctrlPts[1][1]; if (this.startPoint.x == this.endPoint.x && this.startPoint.y == this.endPoint.y) { this.endPoint.x += 1 } Plotter.drawLine(a, this.startPoint.x, this.startPoint.y, this.endPoint.x, this.endPoint.y)};var DrawRayLinesPlotter = create_class(CToolPlotter);DrawRayLinesPlotter.prototype.__construct = function(a, b) { DrawRayLinesPlotter.__super.__construct.call(this, a); this.toolObject = b; this.ctrlPtsNum = 2; this.ctrlPts = new Array(new Array(this.ctrlPtsNum), new Array(2)); this.getCtrlPts()};DrawRayLinesPlotter.prototype.draw = function(a) { this.updateCtrlPtPos(); this.getAreaPos(); this.startPoint = this.ctrlPts[1][0]; this.endPoint = this.ctrlPts[1][1]; if (this.startPoint.x == this.endPoint.x && this.startPoint.y == this.endPoint.y) { this.endPoint.x += 1 } this.drawRayLines(a, this.startPoint, this.endPoint)};var DrawArrowLinesPlotter = create_class(CToolPlotter);DrawArrowLinesPlotter.prototype.__construct = function(a, b) { DrawArrowLinesPlotter.__super.__construct.call(this, a, b); this.toolObject = b; this.arrowSizeRatio = 0.03; this.arrowSize = 4; this.crossPt = { x: -1, y: -1 }; this.ctrlPtsNum = 2; this.ctrlPts = new Array(new Array(this.ctrlPtsNum), new Array(2)); this.getCtrlPts()};DrawArrowLinesPlotter.prototype.drawArrow = function(c, b, f) { var d = this.lenBetweenPts(b, f); var i = [f.x - b.x, f.y - b.y]; this.crossPt.x = b.x + (1 - this.arrowSize / d) * i[0]; this.crossPt.y = b.y + (1 - this.arrowSize / d) * i[1]; var h = [ - i[1], i[0]]; var a = { x: h[0], y: h[1] }; var g = { x: 0, y: 0 }; h[0] = this.arrowSize * a.x / this.lenBetweenPts(a, g); h[1] = this.arrowSize * a.y / this.lenBetweenPts(a, g); var e = [this.crossPt.x + h[0], this.crossPt.y + h[1]]; Plotter.drawLine(c, f.x, f.y, e[0], e[1]); e = [this.crossPt.x - h[0], this.crossPt.y - h[1]]; Plotter.drawLine(c, f.x, f.y, e[0], e[1])};DrawArrowLinesPlotter.prototype.draw = function(a) { this.updateCtrlPtPos(); this.startPoint = this.ctrlPts[1][0]; this.endPoint = this.ctrlPts[1][1]; if (this.startPoint.x == this.endPoint.x && this.startPoint.y == this.endPoint.y) { this.endPoint.x += 1 } Plotter.drawLine(a, this.startPoint.x, this.startPoint.y, this.endPoint.x, this.endPoint.y); this.drawArrow(a, this.startPoint, this.endPoint)};var DrawHoriStraightLinesPlotter = create_class(CToolPlotter);DrawHoriStraightLinesPlotter.prototype.__construct = function(a, b) { DrawHoriStraightLinesPlotter.__super.__construct.call(this, a); this.toolObject = b; this.ctrlPtsNum = 1; this.ctrlPts = new Array(new Array(this.ctrlPtsNum), new Array(2)); this.getCtrlPts()};DrawHoriStraightLinesPlotter.prototype.draw = function(a) { this.updateCtrlPtPos(); this.getAreaPos(); this.startPoint = this.ctrlPts[1][0]; Plotter.drawLine(a, this.areaPos.left, this.startPoint.y, this.areaPos.right, this.startPoint.y)};var DrawHoriRayLinesPlotter = create_class(CToolPlotter);DrawHoriRayLinesPlotter.prototype.__construct = function(a, b) { DrawHoriRayLinesPlotter.__super.__construct.call(this, a); this.toolObject = b; this.ctrlPtsNum = 2; this.ctrlPts = new Array(new Array(this.ctrlPtsNum), new Array(2)); this.getCtrlPts()};DrawHoriRayLinesPlotter.prototype.draw = function(a) { this.updateCtrlPtPos(); this.getAreaPos(); this.startPoint = this.ctrlPts[1][0]; this.endPoint = this.ctrlPts[1][1]; if (this.startPoint.x == this.endPoint.x) { Plotter.drawLine(a, this.startPoint.x, this.startPoint.y, this.areaPos.right, this.startPoint.y) } else { var b = { x: this.endPoint.x, y: this.startPoint.y }; this.drawRayLines(a, this.startPoint, b) }};var DrawHoriSegLinesPlotter = create_class(CToolPlotter);DrawHoriSegLinesPlotter.prototype.__construct = function(a, b) { DrawHoriSegLinesPlotter.__super.__construct.call(this, a, b); this.toolObject = b; this.ctrlPtsNum = 2; this.ctrlPts = new Array(new Array(this.ctrlPtsNum), new Array(2)); this.getCtrlPts()};DrawHoriSegLinesPlotter.prototype.draw = function(a) { this.updateCtrlPtPos(); this.startPoint = this.ctrlPts[1][0]; this.endPoint = this.ctrlPts[1][1]; this.endPoint.y = this.startPoint.y; if (this.startPoint.x == this.endPoint.x && this.startPoint.y == this.endPoint.y) { Plotter.drawLine(a, this.startPoint.x, this.startPoint.y, this.endPoint.x + 1, this.startPoint.y) } else { Plotter.drawLine(a, this.startPoint.x, this.startPoint.y, this.endPoint.x, this.startPoint.y) }};var DrawVertiStraightLinesPlotter = create_class(CToolPlotter);DrawVertiStraightLinesPlotter.prototype.__construct = function(a, b) { DrawVertiStraightLinesPlotter.__super.__construct.call(this, a); this.toolObject = b; this.ctrlPtsNum = 1; this.ctrlPts = new Array(new Array(this.ctrlPtsNum), new Array(2)); this.getCtrlPts()};DrawVertiStraightLinesPlotter.prototype.draw = function(a) { this.updateCtrlPtPos(); this.getAreaPos(); this.startPoint = this.ctrlPts[1][0]; Plotter.drawLine(a, this.startPoint.x, this.areaPos.top, this.startPoint.x, this.areaPos.bottom)};var DrawPriceLinesPlotter = create_class(CToolPlotter);DrawPriceLinesPlotter.prototype.__construct = function(a, b) { DrawPriceLinesPlotter.__super.__construct.call(this, a); this.toolObject = b; this.ctrlPtsNum = 1; this.ctrlPts = new Array(new Array(this.ctrlPtsNum), new Array(2)); this.getCtrlPts()};DrawPriceLinesPlotter.prototype.draw = function(a) { a.font = "12px Tahoma"; a.textAlign = "left"; a.fillStyle = this.theme.getColor(Theme.Color.LineColorNormal); this.updateCtrlPtPos(); this.getAreaPos(); this.startPoint = this.ctrlPts[1][0]; var b = this.ctrlPts[0][0].getPosIV().v; Plotter.drawLine(a, this.startPoint.x, this.startPoint.y, this.areaPos.right, this.startPoint.y); a.fillText(b.toFixed(2), this.startPoint.x + 2, this.startPoint.y - 15)};var ParallelLinesPlotter = create_class(CToolPlotter);ParallelLinesPlotter.prototype.__construct = function(a, b) { ParallelLinesPlotter.__super.__construct.call(this, a); this.toolObject = b};ParallelLinesPlotter.prototype.getParaPt = function() { var b = []; b[0] = this.endPoint.x - this.startPoint.x; b[1] = this.endPoint.y - this.startPoint.y; var a = []; a[0] = this.paraStartPoint.x - this.startPoint.x; a[1] = this.paraStartPoint.y - this.startPoint.y; this.paraEndPoint = { x: -1, y: -1 }; this.paraEndPoint.x = b[0] + a[0] + this.startPoint.x; this.paraEndPoint.y = b[1] + a[1] + this.startPoint.y};var DrawBiParallelLinesPlotter = create_class(ParallelLinesPlotter);DrawBiParallelLinesPlotter.prototype.__construct = function(a, b) { DrawBiParallelLinesPlotter.__super.__construct.call(this, a, b); this.toolObject = b; this.ctrlPtsNum = 3; this.ctrlPts = new Array(new Array(this.ctrlPtsNum), new Array(2)); this.getCtrlPts()};DrawBiParallelLinesPlotter.prototype.draw = function(a) { this.updateCtrlPtPos(); this.getAreaPos(); this.startPoint = this.ctrlPts[1][0]; this.paraStartPoint = this.ctrlPts[1][1]; this.endPoint = this.ctrlPts[1][2]; this.getParaPt(); this.getAreaPos(); this.crossPt0 = getRectCrossPt(this.areaPos, this.startPoint, this.endPoint); Plotter.drawLine(a, this.crossPt0[0].x, this.crossPt0[0].y, this.crossPt0[1].x, this.crossPt0[1].y); this.crossPt1 = getRectCrossPt(this.areaPos, this.paraStartPoint, this.paraEndPoint); Plotter.drawLine(a, this.crossPt1[0].x, this.crossPt1[0].y, this.crossPt1[1].x, this.crossPt1[1].y)};var DrawBiParallelRayLinesPlotter = create_class(ParallelLinesPlotter);DrawBiParallelRayLinesPlotter.prototype.__construct = function(a, b) { DrawBiParallelRayLinesPlotter.__super.__construct.call(this, a, b); this.toolObject = b; this.ctrlPtsNum = 3; this.ctrlPts = new Array(new Array(this.ctrlPtsNum), new Array(2)); this.getCtrlPts()};DrawBiParallelRayLinesPlotter.prototype.draw = function(a) { this.updateCtrlPtPos(); this.getAreaPos(); this.startPoint = this.ctrlPts[1][0]; this.paraStartPoint = this.ctrlPts[1][1]; this.endPoint = this.ctrlPts[1][2]; if (this.startPoint.x == this.endPoint.x && this.startPoint.y == this.endPoint.y) { this.endPoint.x += 1 } this.getParaPt(); this.drawRayLines(a, this.startPoint, this.endPoint); this.drawRayLines(a, this.paraStartPoint, this.paraEndPoint)};var DrawTriParallelLinesPlotter = create_class(ParallelLinesPlotter);DrawTriParallelLinesPlotter.prototype.__construct = function(a, b) { DrawTriParallelLinesPlotter.__super.__construct.call(this, a, b); this.toolObject = b; this.ctrlPtsNum = 3; this.ctrlPts = new Array(new Array(this.ctrlPtsNum), new Array(2)); this.getCtrlPts()};DrawTriParallelLinesPlotter.prototype.draw = function(c) { this.updateCtrlPtPos(); this.getAreaPos(); this.startPoint = this.ctrlPts[1][0]; this.paraStartPoint = this.ctrlPts[1][1]; this.endPoint = this.ctrlPts[1][2]; var b = []; b[0] = this.endPoint.x - this.startPoint.x; b[1] = this.endPoint.y - this.startPoint.y; var a = []; a[0] = this.paraStartPoint.x - this.startPoint.x; a[1] = this.paraStartPoint.y - this.startPoint.y; this.para1EndPoint = { x: -1, y: -1 }; this.para2EndPoint = { x: -1, y: -1 }; this.para2StartPoint = { x: -1, y: -1 }; this.para1EndPoint.x = b[0] + a[0] + this.startPoint.x; this.para1EndPoint.y = b[1] + a[1] + this.startPoint.y; this.para2StartPoint.x = this.startPoint.x - a[0]; this.para2StartPoint.y = this.startPoint.y - a[1]; this.para2EndPoint.x = this.endPoint.x - a[0]; this.para2EndPoint.y = this.endPoint.y - a[1]; this.getAreaPos(); this.crossPt0 = getRectCrossPt(this.areaPos, this.startPoint, this.endPoint); Plotter.drawLine(c, this.crossPt0[0].x, this.crossPt0[0].y, this.crossPt0[1].x, this.crossPt0[1].y); this.crossPt1 = getRectCrossPt(this.areaPos, this.paraStartPoint, this.para1EndPoint); Plotter.drawLine(c, this.crossPt1[0].x, this.crossPt1[0].y, this.crossPt1[1].x, this.crossPt1[1].y); this.crossPt2 = getRectCrossPt(this.areaPos, this.para2StartPoint, this.para2EndPoint); Plotter.drawLine(c, this.crossPt2[0].x, this.crossPt2[0].y, this.crossPt2[1].x, this.crossPt2[1].y)};var BandLinesPlotter = create_class(CToolPlotter);BandLinesPlotter.prototype.__construct = function(a, b) { BandLinesPlotter.__super.__construct.call(this, a); this.toolObject = b; this.ctrlPtsNum = 2; this.ctrlPts = new Array(new Array(this.ctrlPtsNum), new Array(2)); this.getCtrlPts()};BandLinesPlotter.prototype.drawLinesAndInfo = function(d, f, c) { d.font = "12px Tahoma"; d.textAlign = "left"; d.fillStyle = this.theme.getColor(Theme.Color.LineColorNormal); var g; if (this.toolObject.state == CToolObject.state.Draw) { this.startPtValue = this.toolObject.getPoint(0).getPosIV().v; this.endPtValue = this.toolObject.getPoint(1).getPosIV().v } this.getAreaPos(); for (var b = 0; b < this.fiboSequence.length; b++) { var a = f.y + (100 - this.fiboSequence[b]) / 100 * (c.y - f.y); if (a > this.areaPos.bottom) { continue } var e = this.startPtValue + (100 - this.fiboSequence[b]) / 100 * (this.endPtValue - this.startPtValue); Plotter.drawLine(d, this.areaPos.left, a, this.areaPos.right, a); g = this.fiboSequence[b].toFixed(1) + "% " + e.toFixed(1); d.fillText(g, this.areaPos.left + 2, a - 15) }};BandLinesPlotter.prototype.draw = function(a) { this.updateCtrlPtPos(); this.getAreaPos(); this.startPoint = this.ctrlPts[1][0]; this.endPoint = this.ctrlPts[1][1]; this.drawLinesAndInfo(a, this.startPoint, this.endPoint)};var DrawFibRetracePlotter = create_class(BandLinesPlotter);DrawFibRetracePlotter.prototype.__construct = function(a, b) { DrawFibRetracePlotter.__super.__construct.call(this, a, b); this.toolObject = b; this.fiboSequence = [100, 78.6, 61.8, 50, 38.2, 23.6, 0]};var DrawBandLinesPlotter = create_class(BandLinesPlotter);DrawBandLinesPlotter.prototype.__construct = function(a, b) { DrawBandLinesPlotter.__super.__construct.call(this, a, b); this.toolObject = b; this.fiboSequence = [0, 12.5, 25, 37.5, 50, 62.5, 75, 87.5, 100]};var DrawFibFansPlotter = create_class(CToolPlotter);DrawFibFansPlotter.prototype.__construct = function(a, b) { DrawFibFansPlotter.__super.__construct.call(this, a); this.toolObject = b; this.fiboFansSequence = [0, 38.2, 50, 61.8]; this.ctrlPtsNum = 2; this.ctrlPts = new Array(new Array(this.ctrlPtsNum), new Array(2)); this.getCtrlPts()};DrawFibFansPlotter.prototype.drawLinesAndInfo = function(b, c, a) { this.drawFibRayLines(b, c, a)};DrawFibFansPlotter.prototype.draw = function(a) { this.updateCtrlPtPos(); this.getAreaPos(); this.startPoint = this.ctrlPts[1][0]; this.endPoint = this.ctrlPts[1][1]; if (this.startPoint.x == this.endPoint.x && this.startPoint.y == this.endPoint.y) { this.endPoint.x += 1 } this.drawLinesAndInfo(a, this.startPoint, this.endPoint)};var CDynamicLinePlotter = create_class(NamedObject);CDynamicLinePlotter.prototype.__construct = function(a) { CDynamicLinePlotter.__super.__construct.call(this, a); this.flag = true; this.context = ChartManager.getInstance()._overlayContext};CDynamicLinePlotter.prototype.getAreaPos = function() { var b = ChartManager.getInstance(); var a = b.getArea("frame0.k0.main"); if (a == null) { this.areaPos = { left: 0, top: 0, right: 0, bottom: 0 }; return } this.areaPos = { left: Math.floor(a.getLeft()), top: Math.floor(a.getTop()), right: Math.floor(a.getRight()), bottom: Math.floor(a.getBottom()) }};CDynamicLinePlotter.prototype.Draw = function(b) { this.getAreaPos(); var g = ChartManager.getInstance(); var h = g.getDataSource(this.getDataSourceName()); if (h == null || !is_instance(h, MainDataSource)) { return } this.context.save(); this.context.rect(this.areaPos.left, this.areaPos.top, this.areaPos.right - this.areaPos.left, this.areaPos.bottom - this.areaPos.top); this.context.clip(); var c = h.getToolObjectCount(); for (var a = 0; a < c; a++) { var f = h.getToolObject(a); var e = f.getState(); switch (e) { case CToolObject.state.BeforeDraw: f.getPlotter().theme = ChartManager.getInstance().getTheme(this.getFrameName()); f.getPlotter().drawCursor(this.context); break; case CToolObject.state.Draw: f.getPlotter().theme = ChartManager.getInstance().getTheme(this.getFrameName()); f.getPlotter().updateDraw(this.context); break; case CToolObject.state.AfterDraw: f.getPlotter().theme = ChartManager.getInstance().getTheme(this.getFrameName()); f.getPlotter().finishDraw(this.context); break; default: break } } var d = h.getSelectToolObjcet(); if (d != null && d != CToolObject.state.Draw) { d.getPlotter().highlight(this.context) } this.context.restore(); return};function KLineMouseEvent() { $(document).ready(function() { function a() { if (navigator.userAgent.indexOf("Firefox") >= 0) { setTimeout(on_size, 200) } else { on_size() } } a(); $(window).resize(a); $("#chart_overlayCanvas").bind("contextmenu", function(b) { b.cancelBubble = true; b.returnValue = false; b.preventDefault(); b.stopPropagation(); return false }); $("#chart_input_interface").submit(function(c) { c.preventDefault(); var g = $("#chart_input_interface_text").val(); var f = JSON.parse(g); var d = f.command; var b = f.content; switch (d) { case "set current depth": ChartManager.getInstance().getChart().updateDepth(b); break; case "set current future": break; case "set current language": chart_switch_language(b); break; case "set current theme": break; default: break } }); $("#chart_container .chart_dropdown .chart_dropdown_t").mouseover(function() { var b = $("#chart_container"); var h = $(this); var k = h.next(); var c = b.offset().left; var e = h.offset().left; var i = b.width(); var j = h.width(); var g = k.width(); var f = ((g - j) / 2) << 0; if (e - f < c + 4) { f = e - c - 4 } else { if (e + j + f > c + i - 4) { f += e + j + f - (c + i - 4) + 19 } else { f += 4 } } k.css({ "margin-left": -f }); h.addClass("chart_dropdown-hover"); k.addClass("chart_dropdown-hover") }).mouseout(function() { $(this).next().removeClass("chart_dropdown-hover"); $(this).removeClass("chart_dropdown-hover") }); $(".chart_dropdown_data").mouseover(function() { $(this).addClass("chart_dropdown-hover"); $(this).prev().addClass("chart_dropdown-hover") }).mouseout(function() { $(this).prev().removeClass("chart_dropdown-hover"); $(this).removeClass("chart_dropdown-hover") }); $("#chart_btn_parameter_settings").click(function() { $("#chart_parameter_settings").addClass("clicked"); $(".chart_dropdown_data").removeClass("chart_dropdown-hover"); $("#chart_parameter_settings").find("th").each(function() { var c = $(this).html(); var b = 0; var d = ChartSettings.get(); var e = d.indics[c]; $(this.nextElementSibling).find("input").each(function() { if (e != null && b < e.length) { $(this).val(e[b]) } b++ }) }) }); $("#close_settings").click(function() { $("#chart_parameter_settings").removeClass("clicked") }); $("#chart_container .chart_toolbar_tabgroup a").click(function() { switch_period($(this).parent().attr("name")) }); $("#chart_toolbar_periods_vert ul a").click(function() { switch_period($(this).parent().attr("name")) }); $(".market_chooser ul a").click(function() { switch_market($(this).attr("name")) }); $("#chart_show_tools").click(function() { if ($(this).hasClass("selected")) { switch_tools("off") } else { switch_tools("on") } }); $("#chart_toolpanel .chart_toolpanel_button").click(function() { $(".chart_dropdown_data").removeClass("chart_dropdown-hover"); $("#chart_toolpanel .chart_toolpanel_button").removeClass("selected"); $(this).addClass("selected"); var b = $(this).children().attr("name"); GLOBAL_VAR.chartMgr.setRunningMode(ChartManager.DrawingTool[b]) }); $("#chart_show_indicator").click(function() { if ($(this).hasClass("selected")) { switch_indic("off") } else { switch_indic("on") } }); $("#chart_tabbar li a").click(function() { $("#chart_tabbar li a").removeClass("selected"); $(this).addClass("selected"); var b = $(this).attr("name"); var c = ChartSettings.get(); c.charts.indics[1] = b; ChartSettings.save(); if (Template.displayVolume == false) { ChartManager.getInstance().getChart().setIndicator(1, b) } else { ChartManager.getInstance().getChart().setIndicator(2, b) } }); $("#chart_select_chart_style a").click(function() { $("#chart_select_chart_style a").removeClass("selected"); $(this).addClass("selected"); var b = ChartSettings.get(); b.charts.chartStyle = $(this)[0].innerHTML; ChartSettings.save(); var c = ChartManager.getInstance(); c.setChartStyle("frame0.k0", $(this).html()); c.redraw() }); $("#chart_dropdown_themes li").click(function() { $("#chart_dropdown_themes li a").removeClass("selected"); var b = $(this).attr("name"); if (b == "chart_themes_dark") { switch_theme("dark") } else { if (b == "chart_themes_light") { switch_theme("light") } } }); $("#chart_select_main_indicator a").click(function() { $("#chart_select_main_indicator a").removeClass("selected"); $(this).addClass("selected"); var b = $(this).attr("name"); var c = ChartSettings.get(); c.charts.mIndic = b; ChartSettings.save(); var d = ChartManager.getInstance(); if (!d.setMainIndicator("frame0.k0", b)) { d.removeMainIndicator("frame0.k0") } d.redraw() }); $("#chart_toolbar_theme a").click(function() { $("#chart_toolbar_theme a").removeClass("selected"); if ($(this).attr("name") == "dark") { switch_theme("dark") } else { if ($(this).attr("name") == "light") { switch_theme("light") } } }); $("#chart_select_theme li a").click(function() { $("#chart_select_theme a").removeClass("selected"); if ($(this).attr("name") == "dark") { switch_theme("dark") } else { if ($(this).attr("name") == "light") { switch_theme("light") } } }); $("#chart_enable_tools li a").click(function() { $("#chart_enable_tools a").removeClass("selected"); if ($(this).attr("name") == "on") { switch_tools("on") } else { if ($(this).attr("name") == "off") { switch_tools("off") } } }); $("#chart_enable_indicator li a").click(function() { $("#chart_enable_indicator a").removeClass("selected"); if ($(this).attr("name") == "on") { switch_indic("on") } else { if ($(this).attr("name") == "off") { switch_indic("off") } } }); $("#chart_language_setting_div li a").click(function() { $("#chart_language_setting_div a").removeClass("selected"); if ($(this).attr("name") == "zh-cn") { chart_switch_language("zh-cn") } else { if ($(this).attr("name") == "en-us") { chart_switch_language("en-us") } else { if ($(this).attr("name") == "zh-tw") { chart_switch_language("zh-tw") } } } }); $(document).keyup(function(b) { if (b.keyCode == 46) { ChartManager.getInstance().deleteToolObject(); ChartManager.getInstance().redraw("OverlayCanvas", false) } }); $("#clearCanvas").click(function() { var d = ChartManager.getInstance().getDataSource("frame0.k0"); var b = d.getToolObjectCount(); for (var c = 0; c < b; c++) { d.delToolObject() } ChartManager.getInstance().redraw("OverlayCanvas", false) }); $("#chart_overlayCanvas").mousemove(function(f) { var c = f.target.getBoundingClientRect(); var b = f.clientX - c.left; var g = f.clientY - c.top; var d = ChartManager.getInstance(); if (GLOBAL_VAR.button_down == true) { d.onMouseMove("frame0", b, g, true); d.redraw("All", false) } else { d.onMouseMove("frame0", b, g, false); d.redraw("OverlayCanvas") } }).mouseleave(function(f) { var c = f.target.getBoundingClientRect(); var b = f.clientX - c.left; var g = f.clientY - c.top; var d = ChartManager.getInstance(); d.onMouseLeave("frame0", b, g, false); d.redraw("OverlayCanvas") }).mouseup(function(f) { if (f.which != 1) { return } GLOBAL_VAR.button_down = false; var c = f.target.getBoundingClientRect(); var b = f.clientX - c.left; var g = f.clientY - c.top; var d = ChartManager.getInstance(); d.onMouseUp("frame0", b, g); d.redraw("All") }).mousedown(function(d) { if (d.which != 1) { ChartManager.getInstance().deleteToolObject(); ChartManager.getInstance().redraw("OverlayCanvas", false); return } GLOBAL_VAR.button_down = true; var c = d.target.getBoundingClientRect(); var b = d.clientX - c.left; var f = d.clientY - c.top; ChartManager.getInstance().onMouseDown("frame0", b, f) }); $("#chart_parameter_settings :input").change(function() { var d = $(this).attr("name"); var c = 0; var f = []; var h = ChartManager.getInstance(); $("#chart_parameter_settings :input").each(function() { if ($(this).attr("name") == d) { if ($(this).val() != "" && $(this).val() != null && $(this).val() != undefined) { var j = parseInt($(this).val()); f.push(j) } c++ } }); if (f.length != 0) { h.setIndicatorParameters(d, f); var g = h.getIndicatorParameters(d); var b = []; c = 0; $("#chart_parameter_settings :input").each(function() { if ($(this).attr("name") == d) { if ($(this).val() != "" && $(this).val() != null && $(this).val() != undefined) { $(this).val(g[c].getValue()); b.push(g[c].getValue()) } c++ } }); var e = ChartSettings.get(); e.indics[d] = b; ChartSettings.save(); h.redraw("All", false) } }); $("#chart_parameter_settings button").click(function() { var c = $(this).parents("tr").children("th").html(); var b = 0; var f = ChartManager.getInstance().getIndicatorParameters(c); var e = []; $(this).parent().prev().children("input").each(function() { if (f != null && b < f.length) { $(this).val(f[b].getDefaultValue()); e.push(f[b].getDefaultValue()) } b++ }); ChartManager.getInstance().setIndicatorParameters(c, e); var d = ChartSettings.get(); d.indics[c] = e; ChartSettings.save(); ChartManager.getInstance().redraw("All", false) }) })}var refresh_counter = 0;var refresh_handler = setInterval(refresh_function, 1000);function refresh_function() { refresh_counter++; var b = ChartManager.getInstance().getLanguage(); if (refresh_counter > 3600) { var a = new Number(refresh_counter / 3600); if (b == "en-us") { $("#chart_updated_time_text").html(a.toFixed(0) + "h") } else { $("#chart_updated_time_text").html(a.toFixed(0) + "小时") } } else { if (refresh_counter > 60 && refresh_counter <= 3600) { var a = new Number(refresh_counter / 60); if (b == "en-us") { $("#chart_updated_time_text").html(a.toFixed(0) + "m") } else { $("#chart_updated_time_text").html(a.toFixed(0) + "分钟") } } else { if (refresh_counter <= 60) { if (b == "en-us") { $("#chart_updated_time_text").html(refresh_counter + "s") } else { $("#chart_updated_time_text").html(refresh_counter + "秒") } } } }}function clear_refresh_counter() { window.clearInterval(refresh_handler); refresh_counter = 0; var a = ChartManager.getInstance().getLanguage(); if (a == "en-us") { $("#chart_updated_time_text").html(refresh_counter + "s") } else { $("#chart_updated_time_text").html(refresh_counter + "秒") } refresh_handler = setInterval(refresh_function, 1000)}var RequestData = function(showLoading) { AbortRequest(); window.clearTimeout(GLOBAL_VAR.TimeOutId); if (showLoading == true) { $("#chart_loading").addClass("activated") } $(document).ready(GLOBAL_VAR.G_HTTP_REQUEST = $.ajax({ type: "post", url: GLOBAL_VAR.url, dataType: "json", data: GLOBAL_VAR.requestParam, timeout: 30000, created: Date.now(), beforeSend: function() { this.time = GLOBAL_VAR.time_type; this.market = GLOBAL_VAR.market_from }, success: function(json) { if (GLOBAL_VAR.G_HTTP_REQUEST) { if (this.time != GLOBAL_VAR.time_type || this.market != GLOBAL_VAR.market_from) { GLOBAL_VAR.TimeOutId = setTimeout(RequestData, 1000); return } if (!json) { return } if (!json.isSuc) { //alert(json.des); //kline.refreshPage(json.datas.ecode == 101 ? null: GLOBAL_VAR.market_from); return } GLOBAL_VAR.market_from_name = json.datas.marketName; var chart = ChartManager.getInstance().getChart(); chart._contract_unit = json.datas.contractUnit; chart._money_type = json.datas.moneyType; chart._usd_cny_rate = json.datas.USDCNY; chart.setTitle(); //kline.setMarketShow(GLOBAL_VAR.market_from_name, chart._contract_unit, chart._money_type, json.datas.url); //kline.setTopTickers(json.datas.topTickers); //GLOBAL_VAR.KLineData = eval(json.datas.data); GLOBAL_VAR.KLineData = json.datas.data; try { if (!GLOBAL_VAR.chartMgr.updateData("frame0.k0", GLOBAL_VAR.KLineData)) { //GLOBAL_VAR.requestParam = setHttpRequestParam(GLOBAL_VAR.market_from, GLOBAL_VAR.time_type, GLOBAL_VAR.limit, null); //推送点下次请求 //GLOBAL_VAR.TimeOutId = setTimeout(RequestData, 2*1000);//可用 return } clear_refresh_counter() } catch(err) { if (err == "data error") { GLOBAL_VAR.requestParam = setHttpRequestParam(GLOBAL_VAR.market_from, GLOBAL_VAR.time_type, GLOBAL_VAR.limit, null); GLOBAL_VAR.TimeOutId = setTimeout(RequestData, 1000); return } } GLOBAL_VAR.TimeOutId = setTimeout(TwoSecondThread, 8 * 1000); $("#chart_loading").removeClass("activated"); ChartManager.getInstance().redraw("All", false) } }, error: function(xhr, textStatus, errorThrown) { if (xhr.status == 200 && xhr.readyState == 4) { return } GLOBAL_VAR.TimeOutId = setTimeout(function() { RequestData(true) }, 1000) }, complete: function() { GLOBAL_VAR.G_HTTP_REQUEST = null } }))};function AbortRequest() { if (GLOBAL_VAR.G_HTTP_REQUEST && GLOBAL_VAR.G_HTTP_REQUEST.readyState != 4) { GLOBAL_VAR.G_HTTP_REQUEST.abort() }}function TwoSecondThread() { var a = GLOBAL_VAR.chartMgr.getDataSource("frame0.k0").getLastDate(); if (a == -1) { GLOBAL_VAR.requestParam = setHttpRequestParam(GLOBAL_VAR.market_from, GLOBAL_VAR.time_type, GLOBAL_VAR.limit, null) } else { GLOBAL_VAR.requestParam = setHttpRequestParam(GLOBAL_VAR.market_from, GLOBAL_VAR.time_type, null, a.toString()) } RequestData()}function readCookie() { ChartSettings.get(); ChartSettings.save(); var b = ChartSettings.get(); ChartManager.getInstance().setChartStyle("frame0.k0", b.charts.chartStyle); var e = b.charts.market_from; if (!GLOBAL_VAR.init) { e = kline.symbol; GLOBAL_VAR.init = true } GLOBAL_VAR.market_from = e; switch_market_selected(e); var d = b.charts.period; switch_period(d); $("#chart_period_" + d + "_v a").addClass("selected"); $("#chart_period_" + d + "_h a").addClass("selected"); if (b.charts.indicsStatus == "close") { switch_indic("off") } else { if (b.charts.indicsStatus == "open") { switch_indic("on") } } var a = $("#chart_select_main_indicator"); a.find("a").each(function() { if ($(this).attr("name") == b.charts.mIndic) { $(this).addClass("selected") } }); var c = $("#chart_select_chart_style"); c.find("a").each(function() { if ($(this)[0].innerHTML == b.charts.chartStyle) { $(this).addClass("selected") } }); ChartManager.getInstance().getChart().setMainIndicator(b.charts.mIndic); ChartManager.getInstance().setThemeName("frame0", b.theme); switch_tools("off"); if (b.theme == "Dark") { switch_theme("dark") } else { if (b.theme == "Light") { switch_theme("light") } } chart_switch_language(b.language || "zh-cn")}var main = function() { window._setMarketFrom = function(a) { Template.displayVolume = false; refreshTemplate(); readCookie(); ChartManager.getInstance().getChart().setMarketFrom(a) }; window._set_current_language = function(a) { chart_switch_language(a) }; window._set_current_depth = function(a) { ChartManager.getInstance().getChart().updateDepth(a) }; window._set_current_url = function(a) { GLOBAL_VAR.url = a }; window._set_current_contract_unit = function(a) { ChartManager.getInstance().getChart().setCurrentContractUnit(a) }; window._set_money_type = function(a) { ChartManager.getInstance().getChart().setCurrentMoneyType(a) }; window._set_usd_cny_rate = function(a) { ChartManager.getInstance().getChart()._usd_cny_rate = a }; window._setCaptureMouseWheelDirectly = function(a) { ChartManager.getInstance().setCaptureMouseWheelDirectly(a) }; window._current_future_change = new MEvent(); window._current_theme_change = new MEvent(); KLineMouseEvent(); ChartManager.getInstance().bindCanvas("main", document.getElementById("chart_mainCanvas")); ChartManager.getInstance().bindCanvas("overlay", document.getElementById("chart_overlayCanvas")); refreshTemplate(); on_size(); readCookie(); $("#chart_container").css({ visibility: "visible" })} ();function setHttpRequestParam(b, c, a, e) { var d = "needTickers=1&symbol=" + b + "&type=" + c; if (a != null) { d += "&size=" + a } else { d += "&since=" + e } return d}function refreshTemplate() { GLOBAL_VAR.chartMgr = DefaultTemplate.loadTemplate("frame0.k0", "BTC123"); ChartManager.getInstance().redraw("All", true)}function getRectCrossPt(h, c, f) { var b; var i = { x: -1, y: -1 }; var a = { x: -1, y: -1 }; var g = f.x - c.x; var d = f.y - c.y; if (Math.abs(g) < 2) { i = { x: c.x, y: h.top }; a = { x: f.x, y: h.bottom }; b = [i, a]; return b } var e = d / g; a.x = h.right; a.y = c.y + (h.right - c.x) * e; i.x = h.left; i.y = c.y + (h.left - c.x) * e; b = [i, a]; return b}function chart_switch_language(b) { var a = b.replace(/-/, "_"); $("#chart_language_switch_tmp").find("span").each(function() { var d = $(this).attr("name"); var c = $(this).attr(a); d = "." + d; var e = $(d)[0]; if (!e) { return } $(d).each(function() { $(this)[0].innerHTML = c }) }); $("#chart_language_setting_div li a[name='" + b + "']").addClass("selected"); ChartManager.getInstance().setLanguage(b); ChartManager.getInstance().getChart().setTitle(); var a = ChartSettings.get(); a.language = b; ChartSettings.save()}function on_size() { var u = window.innerWidth; var t = window.innerHeight; //var u = window.innerWidth - 250; //var t = window.innerHeight - 41; var o = $("#chart_container"); o.css({ width: u + "px", height: t + "px" }); var z = $("#chart_toolbar"); var p = $("#chart_toolpanel"); var s = $("#chart_canvasGroup"); var B = $("#chart_tabbar"); var G = p[0].style.display != "inline" ? false: true; var n = B[0].style.display != "block" ? false: true; var v = {}; v.x = 0; v.y = 0; v.w = u; v.h = 29; var f = {}; f.x = 0; f.y = v.h + 1; f.w = G ? 32 : 0; f.h = t - f.y; var A = {}; A.w = G ? u - (f.w + 1) : u; A.h = n ? 22 : -1; A.x = u - A.w; A.y = t - (A.h + 1); var w = {}; w.x = A.x; w.y = f.y; w.w = A.w; w.h = A.y - f.y; z.css({ left: v.x + "px", top: v.y + "px", width: v.w + "px", height: v.h + "px" }); if (G) { p.css({ left: f.x + "px", top: f.y + "px", width: f.w + "px", height: f.h + "px" }) } s.css({ left: w.x + "px", top: w.y + "px", width: w.w + "px", height: w.h + "px" }); var x = $("#chart_mainCanvas")[0]; var g = $("#chart_overlayCanvas")[0]; x.width = w.w; x.height = w.h; g.width = w.w; g.height = w.h; if (n) { B.css({ left: A.x + "px", top: A.y + "px", width: A.w + "px", height: A.h + "px" }) } var j = $("#chart_parameter_settings"); j.css({ left: (u - j.width()) >> 1, top: (t - j.height()) >> 1 }); var c = $("#chart_loading"); c.css({ left: (u - c.width()) >> 1, top: (t - c.height()) >> 2 }); var l = $("#chart_dom_elem_cache"); var a = $("#chart_select_theme")[0]; var E = $("#chart_enable_tools")[0]; var h = $("#chart_enable_indicator")[0]; var r = $("#chart_toolbar_periods_vert"); var D = $("#chart_toolbar_periods_horz")[0]; var q = $("#chart_show_indicator")[0]; var i = $("#chart_show_tools")[0]; var e = $("#chart_toolbar_theme")[0]; var k = $("#chart_dropdown_settings"); var b = r[0].offsetWidth; var y = b + D.offsetWidth; var m = y + q.offsetWidth + 4; var F = m + i.offsetWidth + 4; var C = F + e.offsetWidth; var d = k.find(".chart_dropdown_t")[0].offsetWidth + 150; b += d; y += d; m += d; F += d; C += d; if (u < y) { l.append(D) } else { r.after(D) } if (u < m) { l.append(q); h.style.display = "" } else { k.before(q); h.style.display = "none" } if (u < F) { l.append(i); E.style.display = "" } else { k.before(i); E.style.display = "none" } if (u < C) { l.append(e); a.style.display = "" } else { k.before(e); a.style.display = "none" } if (u < 1050) { $("#chart_updated_time").css("display", "none") } else { $("#chart_updated_time").css("display", "") } if (u < 900) { $("#chart_language_setting_div").css("display", "none") } else { $("#chart_language_setting_div").css("display", "") } if (u < 280) { $("#chart_exchanges_setting_div").css("display", "none") } else { $("#chart_exchanges_setting_div").css("display", "") } ChartManager.getInstance().redraw("All", true)}function mouseWheel(a, b) { ChartManager.getInstance().scale(b > 0 ? 1 : -1); ChartManager.getInstance().redraw("All", true); return false}function switch_theme(c) { $("#chart_toolbar_theme a").removeClass("selected"); $("#chart_select_theme a").removeClass("selected"); $("#chart_toolbar_theme").find("a").each(function() { if ($(this).attr("name") == c) { $(this).addClass("selected") } }); $("#chart_select_theme a").each(function() { if ($(this).attr("name") == c) { $(this).addClass("selected") } }); $("#chart_container").attr("class", c); $(".marketName_ a").attr("class", c); if (c == "dark") { $("#trade_container").addClass("dark").removeClass("light"); //$("#markettop").addClass("dark").removeClass("light"); ChartManager.getInstance().setThemeName("frame0", "Dark"); var d = ChartSettings.get(); d.theme = "Dark"; ChartSettings.save(); } else { if (c == "light") { $("#trade_container").addClass("light").removeClass("dark"); //$("#markettop").addClass("light").removeClass("dark"); ChartManager.getInstance().setThemeName("frame0", "Light"); var d = ChartSettings.get(); d.theme = "Light"; ChartSettings.save(); } } var b = {}; b.command = "set current theme"; b.content = c; $("#chart_output_interface_text").val(JSON.stringify(b)); $("#chart_output_interface_submit").submit(); window._current_theme_change.raise(c); ChartManager.getInstance().redraw();}function switch_tools(a) { $(".chart_dropdown_data").removeClass("chart_dropdown-hover"); $("#chart_toolpanel .chart_toolpanel_button").removeClass("selected"); $("#chart_enable_tools a").removeClass("selected"); if (a == "on") { $("#chart_show_tools").addClass("selected"); $("#chart_enable_tools a").each(function() { if ($(this).attr("name") == "on") { $(this).addClass("selected") } }); $("#chart_toolpanel")[0].style.display = "inline"; if (ChartManager.getInstance()._drawingTool == ChartManager.DrawingTool.Cursor) { $("#chart_Cursor").parent().addClass("selected") } else { if (ChartManager.getInstance()._drawingTool == ChartManager.DrawingTool.CrossCursor) { $("#chart_CrossCursor").parent().addClass("selected") } } } else { if (a == "off") { $("#chart_show_tools").removeClass("selected"); $("#chart_enable_tools a").each(function() { if ($(this).attr("name") == "off") { $(this).addClass("selected") } }); $("#chart_toolpanel")[0].style.display = "none"; ChartManager.getInstance().setRunningMode(ChartManager.getInstance()._beforeDrawingTool); ChartManager.getInstance().redraw("All", true) } } on_size()}function switch_indic(a) { $("#chart_enable_indicator a").removeClass("selected"); $("#chart_enable_indicator a[name='" + a + "']").addClass("selected"); if (a == "on") { $("#chart_show_indicator").addClass("selected"); var b = ChartSettings.get(); b.charts.indicsStatus = "open"; ChartSettings.save(); var c = b.charts.indics[1]; if (Template.displayVolume == false) { ChartManager.getInstance().getChart().setIndicator(2, c) } else { ChartManager.getInstance().getChart().setIndicator(2, c) } $("#chart_tabbar").find("a").each(function() { if ($(this).attr("name") == c) { $(this).addClass("selected") } }); $("#chart_tabbar")[0].style.display = "block" } else { if (a == "off") { $("#chart_show_indicator").removeClass("selected"); ChartManager.getInstance().getChart().setIndicator(2, "NONE"); var b = ChartSettings.get(); b.charts.indicsStatus = "close"; ChartSettings.save(); $("#chart_tabbar")[0].style.display = "none"; $("#chart_tabbar a").removeClass("selected") } } on_size()}function switch_period(a) { $("#chart_container .chart_toolbar_tabgroup a").removeClass("selected"); $("#chart_toolbar_periods_vert ul a").removeClass("selected"); $("#chart_container .chart_toolbar_tabgroup a").each(function() { if ($(this).parent().attr("name") == a) { $(this).addClass("selected") } }); $("#chart_toolbar_periods_vert ul a").each(function() { if ($(this).parent().attr("name") == a) { $(this).addClass("selected") } }); ChartManager.getInstance().showCursor(); calcPeriodWeight(a); if (a == "line") { ChartManager.getInstance().getChart().strIsLine = true; ChartManager.getInstance().setChartStyle("frame0.k0", "Line"); ChartManager.getInstance().getChart().setCurrentPeriod("01m"); var b = ChartSettings.get(); b.charts.period = a; ChartSettings.save(); return } ChartManager.getInstance().getChart().strIsLine = false; var c = GLOBAL_VAR.tagMapPeriod[a]; ChartManager.getInstance().setChartStyle("frame0.k0", ChartSettings.get().charts.chartStyle); ChartManager.getInstance().getChart().setCurrentPeriod(c); var b = ChartSettings.get(); b.charts.period = a; ChartSettings.save()}function switch_market_selected(b) { kline.reset(b); $(".market_chooser ul a").removeClass("selected"); $(".market_chooser ul a[name='" + b + "']").addClass("selected"); ChartManager.getInstance().getChart()._market_from = b; var a = ChartSettings.get(); a.charts.market_from = b; ChartSettings.save()}function switch_market(b) { switch_market_selected(b); var a = ChartSettings.get(); if (a.charts.period == "line") { ChartManager.getInstance().getChart().strIsLine = true; ChartManager.getInstance().setChartStyle("frame0.k0", "Line") } else { ChartManager.getInstance().getChart().strIsLine = false; ChartManager.getInstance().setChartStyle("frame0.k0", ChartSettings.get().charts.chartStyle) } ChartManager.getInstance().getChart().setMarketFrom(b)}function IsSupportedBrowers() { function a() { var b = document.createElement("canvas"); return !! (b.getContext && b.getContext("2d")) } if (!a()) { return false } return true}function calcPeriodWeight(d) { var a = d; if (d != "line") { a = GLOBAL_VAR.periodMap[GLOBAL_VAR.tagMapPeriod[d]] } var c = ChartSettings.get().charts.period_weight; for (var b in c) { if (c[b] > c[a]) { c[b] -= 1 } } c[a] = 8; ChartSettings.save(); $("#chart_toolbar_periods_horz").find("li").each(function() { var e = $(this).attr("name"); var f = e; if (e != "line") { f = GLOBAL_VAR.periodMap[GLOBAL_VAR.tagMapPeriod[e]] } if (c[f] == 0) { $(this).css("display", "none") } else { $(this).css("display", "inline-block") } })};kline.assistant.js
function Kline() {}Kline.prototype = { browerState: 0, klineWebsocket: null, klineTradeInit: false, tradeDate: new Date(), tradesLimit: 100, lastDepth: null, depthShowSize: 15, priceDecimalDigits: 6, amountDecimalDigits: 4, symbol: null, curPrice: null, title: "", reset: function(a) { this.refreshUrl(a); this.symbol = a; this.lastDepth = null; this.curPrice = null; this.klineTradeInit = false; $("#gasks .table").empty(); $("#gbids .table").empty(); $("#asks .table").empty(); $("#bids .table").empty(); this.websocketRedister(a); }, setTitle: function() { document.title = (this.curPrice == null ? "": this.curPrice + " ") + this.title; }, dateFormatTf: function(a) { return (a < 10 ? "0": "") + a }, dateFormat: function(a) { return a.getFullYear() + "-" + this.dateFormatTf(a.getMonth() + 1) + "-" + this.dateFormatTf(a.getDate()) + " " + this.dateFormatTf(a.getHours()) + ":" + this.dateFormatTf(a.getMinutes()) + ":" + this.dateFormatTf(a.getSeconds()) }, dateInit: function(b) { var a = new Date(); if (b) { a.setTime(b) } $(".m_rightbot").text(this.dateFormat(a)); var c = this; setInterval(function() { a.setTime(a.getTime() + 1000); $(".m_rightbot").text(c.dateFormat(a)) }, 1000) }, websocketRedister: function (symbol) { this.updateDepth(); var $this = this; //右侧深度图 var json = '{"asks":[[18580,0.055109],[18520,0.8982],[18500,5.802874],[18499.9,0.005422],[18499,5],[18490,0.008221],[18475.5,0.003233],[18425.3,0.002434],[18401.4,0.000136],[18399.9,0.005451],[18366.1,0.527979],[18366,0.065427],[18298,0.045],[18297.9,8.196],[18288,1.023276],[18266,0.277472],[18256.4,0.003269],[18199.9,0.005511],[18198.8,0.440183],[18198,0.165414],[18196,0.758338],[18188,0.996],[18187,1.61925],[18185,2.098884],[18120,0.000698],[18118,0.1996],[18117,1],[18115.5,0.110451],[18115,0.907724],[18114.8,0.579]],"bids":[[17905.5,0.34],[17905.3,0.11196],[17905,0.56],[17901.8,8.197],[17901.5,1.7965],[17901.2,1],[17901,0.203545],[17900,0.34264],[17881.1,0.418736],[17865,0.385071],[17862,0.1],[17857.6,0.00014],[17826.8,0.520464],[17811,0.07],[17810.1,0.035001],[17809.2,0.00332],[17808,0.299701],[17801,1],[17800,1.248358],[17730.2,1],[17729.8,0.167771],[17711,0.08],[17700,0.00565],[17679,0.15198],[17658,0.033],[17648.8,0.319029],[17611,0.09],[17600,2.310682],[17597.2,0.003351],[17580,0.309805]]}'; var depths = JSON.parse(json); $this.updateDepth(depths); }, pushTrades: function(l) { }, updateDepth: function(e) { window._set_current_depth(e); if (!e) { return } $("#gasks .table").html(this.getgview(this.getgasks(e.asks))); $("#gbids .table").html(this.getgview(this.getgbids(e.bids))); if (this.lastDepth == null) { this.lastDepth = {}; this.lastDepth.asks = this.getAsks(e.asks, this.depthShowSize); this.depthInit(this.lastDepth.asks, $("#asks .table")); this.lastDepth.bids = this.getBids(e.bids, this.depthShowSize); this.depthInit(this.lastDepth.bids, $("#bids .table")) } else { var b = $("#asks .table"); b.find("div.remove").remove(); b.find("div.add").removeClass("add"); var f = this.getAsks(e.asks, this.depthShowSize); var a = this.lastDepth.asks; this.lastDepth.asks = f; this.asksAndBids(f.slice(0), a, b); var d = $("#bids .table"); d.find("div.remove").remove(); d.find("div.add").removeClass("add"); var g = this.getBids(e.bids, this.depthShowSize); var c = this.lastDepth.bids; this.lastDepth.bids = g; this.asksAndBids(g.slice(0), c, $("#bids .table")) } }, depthInit: function(f, h) { h.empty(); if (f && f.length > 0) { var g, b = ""; for (var e = 0; e < f.length; e++) { var a = (f[e][0] + "").split("."); var d = this.getPrice(a, g); g = a[0]; a = (f[e][1] + "").split("."); var c = this.getAmount(a); b += "<div class='row'><span class='price'>" + d[0] + "<g>" + d[1] + "</g></span> <span class='amount'>" + c[0] + "<g>" + c[1] + "</g></span></div>" } h.append(b); b = null } }, asksAndBids: function(b, c, l) { for (var f = 0; f < c.length; f++) { var n = false; for (var d = 0; d < b.length; d++) { if (c[f][0] == b[d][0]) { n = true; if (c[f][1] != b[d][1]) { var a = l.find("div:eq(" + f + ") .amount"); a.addClass(c[f][1] > b[d][1] ? "red": "green"); var g = this.getAmount((b[d][1] + "").split(".")); setTimeout((function(j, i) { return function() { j.html(i[0] + "<g>" + i[1] + "</g>"); j.removeClass("red").removeClass("green"); j = null; i = null } })(a, g), 500) } b.splice(d, 1); break } } if (!n) { l.find("div:eq(" + f + ")").addClass("remove"); c[f][2] = -1 } } for (var d = 0; d < c.length; d++) { for (var f = 0; f < b.length; f++) { if (b[f][0] > c[d][0]) { var k = (b[f][1] + "").split("."); var g = this.getAmount(k); l.find("div:eq(" + d + ")").before("<div class='row add'><span class='price'></span> <span class='amount'>" + g[0] + "<g>" + g[1] + "</g></span></div>"); c.splice(d, 0, b[f]); b.splice(f, 1); break } } } var h = ""; for (var f = 0; f < b.length; f++) { c.push(b[f]); var k = (b[f][1] + "").split("."); var g = this.getAmount(k); h += "<div class='row add'><span class='price'></span> <span class='amount'>" + g[0] + "<g>" + g[1] + "</g></span></div>" } if (h.length > 0) { l.append(h) } h = null; var m; for (var f = 0; f < c.length; f++) { var o = l.find("div:eq(" + f + ")"); if (! (c[f].length >= 3 && c[f][2] == -1)) { var k = (c[f][0] + "").split("."); var e = this.getPrice(k, m); m = k[0]; o.find(".price").html(e[0] + "<g>" + e[1] + "</g>") } } b = null; c = null; l.find("div.add").slideDown(800); setTimeout((function(i, j) { return function() { i.slideUp(500, function() { $(this).remove() }); j.removeClass("add") } })(l.find("div.remove"), l.find("div.add")), 1000) }, getAsks: function(b, a) { if (b.length > a) { b.splice(0, b.length - a) } return b }, getBids: function(b, a) { if (b.length > a) { b.splice(a, b.length - 1) } return b }, getgview: function(c) { var d = ""; var e; for (var b = 0; b < c.length; b++) { var a = c[b][0].split("."); if (a.length == 1 || a[0] != e) { d += "<div class='row'><span class='price'>" + c[b][0] + "</span> <span class='amount'>" + c[b][1] + "</span></div>"; e = a[0] } else { d += "<div class='row'><span class='price'><h>" + a[0] + ".</h>" + a[1] + "</span> <span class='amount'>" + c[b][1] + "</span></div>" } } return d }, getgasks: function(j) { var k = j[j.length - 1][0]; var e = j[0][0]; var a = e - k; var d = this.getBlock(a, 100); var b = Math.abs(Number(Math.log(d) / Math.log(10))).toFixed(0); if (a / d < 2) { d = d / 2; b++ } if (d >= 1) { (b = 0) } k = parseInt(k / d) * d; e = parseInt(e / d) * d; var h = []; var g = 0; for (var f = j.length - 1; f >= 0; f--) { if (j[f][0] > k) { var c = parseInt(g, 10); if (c > 0) { h.unshift([Number(k).toFixed(b), c]) } if (k >= e) { break } k += d } g += j[f][1] } return h }, getgbids: function(j) { var k = j[j.length - 1][0]; var e = j[0][0]; var a = e - k; var d = this.getBlock(a, 100); var b = Math.abs(Number(Math.log(d) / Math.log(10))).toFixed(0); if (a / d < 2) { d = d / 2; b++ } if (d >= 1) { (b = 0) } k = parseInt(k / d) * d; e = parseInt(e / d) * d; var h = []; var g = 0; for (var f = 0; f < j.length; f++) { if (j[f][0] < e) { var c = parseInt(g, 10); if (c > 0) { h.push([Number(e).toFixed(b), c]) } if (e <= k) { break } e -= d } g += j[f][1] } return h }, getBlock: function(a, c) { if (a > c) { return c } else { c = c / 10; return this.getBlock(a, c) } }, getZeros: function(b) { var a = ""; while (b > 0) { b--; a += "0" } return a }, getPrice: function(a, d) { var c = a[0]; if (d == c) { c = "<h>" + c + ".</h>" } else { c += "." } var b = ""; if (a.length == 1) { c += "0"; b = this.getZeros(this.priceDecimalDigits - 1) } else { c += a[1]; b = this.getZeros(this.priceDecimalDigits - a[1].length) } return [c, b] }, getAmount: function(a) { var c = a[0]; var b = ""; var d = this.amountDecimalDigits - c.length + 1; if (d > 0) { b = "."; if (a.length == 1) { b += this.getZeros(d) } else { if (d > a[1].length) { b += a[1] + this.getZeros(d - a[1].length) } else { if (d == a[1].length) { b += a[1] } else { b += a[1].substring(0, d) } } } } return [c, b] }, setTopTickers: function(c) { }, setMarketShow: function(e, b, d, c) { }, refreshPage: function(a) { }, refreshUrl: function(a) { } };jquery.mousewheel.js：
(function(b){if(typeof define==="function"&&define.amd){define(["jquery"],b)}else{if(typeof exports==="object"){module.exports=b}else{b(jQuery)}}}(function(c){var h=["wheel","mousewheel","DOMMouseScroll","MozMousePixelScroll"],m=("onwheel" in document||document.documentMode>=9)?["wheel"]:["mousewheel","DomMouseScroll","MozMousePixelScroll"],k=Array.prototype.slice,l,b;if(c.event.fixHooks){for(var d=h.length;d;){c.event.fixHooks[h[--d]]=c.event.mouseHooks}}var e=c.event.special.mousewheel={version:"3.1.12",setup:function(){if(this.addEventListener){for(var f=m.length;f;){this.addEventListener(m[--f],n,false)}}else{this.onmousewheel=n}c.data(this,"mousewheel-line-height",e.getLineHeight(this));c.data(this,"mousewheel-page-height",e.getPageHeight(this))},teardown:function(){if(this.removeEventListener){for(var f=m.length;f;){this.removeEventListener(m[--f],n,false)}}else{this.onmousewheel=null}c.removeData(this,"mousewheel-line-height");c.removeData(this,"mousewheel-page-height")},getLineHeight:function(g){var f=c(g),i=f["offsetParent" in c.fn?"offsetParent":"parent"]();if(!i.length){i=c("body")}return parseInt(i.css("fontSize"),10)||parseInt(f.css("fontSize"),10)||16},getPageHeight:function(f){return c(f).height()},settings:{adjustOldDeltas:true,normalizeOffset:true}};c.fn.extend({mousewheel:function(f){return f?this.bind("mousewheel",f):this.trigger("mousewheel")},unmousewheel:function(f){return this.unbind("mousewheel",f)}});function n(v){var u=v||window.event,s=k.call(arguments,1),w=0,g=0,f=0,q=0,o=0,i=0;v=c.event.fix(u);v.type="mousewheel";if("detail" in u){f=u.detail*-1}if("wheelDelta" in u){f=u.wheelDelta}if("wheelDeltaY" in u){f=u.wheelDeltaY}if("wheelDeltaX" in u){g=u.wheelDeltaX*-1}if("axis" in u&&u.axis===u.HORIZONTAL_AXIS){g=f*-1;f=0}w=f===0?g:f;if("deltaY" in u){f=u.deltaY*-1;w=f}if("deltaX" in u){g=u.deltaX;if(f===0){w=g*-1}}if(f===0&&g===0){return}if(u.deltaMode===1){var t=c.data(this,"mousewheel-line-height");w*=t;f*=t;g*=t}else{if(u.deltaMode===2){var r=c.data(this,"mousewheel-page-height");w*=r;f*=r;g*=r}}q=Math.max(Math.abs(f),Math.abs(g));if(!b||q<b){b=q;if(a(u,q)){b/=40}}if(a(u,q)){w/=40;g/=40;f/=40}w=Math[w>=1?"floor":"ceil"](w/b);g=Math[g>=1?"floor":"ceil"](g/b);f=Math[f>=1?"floor":"ceil"](f/b);if(e.settings.normalizeOffset&&this.getBoundingClientRect){var p=this.getBoundingClientRect();o=v.clientX-p.left;i=v.clientY-p.top}v.deltaX=g;v.deltaY=f;v.deltaFactor=b;v.offsetX=o;v.offsetY=i;v.deltaMode=0;s.unshift(v,w,g,f);if(l){clearTimeout(l)}l=setTimeout(j,200);return(c.event.dispatch||c.event.handle).apply(this,s)}function j(){b=null}function a(g,f){return e.settings.adjustOldDeltas&&g.type==="mousewheel"&&f%120===0}}));kline.css
html,body{height:100%;margin:0;overflow:hidden;width:100%}#chart_container{cursor:default;font-family:arial,sans;font-size:12px;height:100%;position:relative;visibility:hidden;width:100%}#chart_container div,#chart_container ul,#chart_container form{margin:0;padding:0}#chart_container a:hover{text-decoration:none}#chart_container ul{list-style:none;border:0;margin:0;padding:0}#chart_container button{cursor:pointer}#chart_dom_elem_cache{*font-weight:bold;position:absolute;visibility:hidden;z-index:-1}#chart_toolbar{border-bottom-width:1px;border-bottom-style:solid;*font-weight:bold;height:29px;position:absolute;z-index:3}#chart_container.dark #chart_toolbar{background-color:#0a0a0a;border-bottom-color:#404040}#chart_container.light #chart_toolbar{background-color:#fff;border-bottom-color:#afb1b3}#chart_container .chart_toolbar_sep{float:left;height:100%;width:16px}#chart_container .chart_toolbar_minisep{float:left;height:100%;width:4px}#chart_container .chart_dropdown{display:inline-block;float:left;position:relative;z-index:100}#chart_container .chart_dropdown_t{background-origin:content-box;background-repeat:no-repeat;border-width:1px;border-style:solid;border-bottom:0;margin-top:3px;padding-right:10px;z-index:101;position:relative}#chart_container .chart_dropdown_t a{display:inline-block;padding:3px 12px 5px 10px}#chart_container .chart_dropdown_data{border-width:1px;border-style:solid;display:none;position:absolute;padding:6px 8px 6px 8px;margin-top:-1px;z-index:100}#chart_container .chart_dropdown_data table{border-collapse:collapse;font-weight:normal;white-space:nowrap}#chart_container .chart_dropdown_data td{border-bottom-width:1px;border-bottom-style:solid;padding:8px 6px;vertical-align:top}.market_chooser .chart_dropdown_data{width:370px}.market_chooser .chart_dropdown_data td{border-bottom-width:1px;border-bottom-style:solid;padding:.5px 6px!important;vertical-align:top;line-height:24px}.market_chooser li{float:left;width:80px;height:24px;line-height:24px}#chart_container .chart_dropdown_data td.marketName_ a.dark{color:#fff}#chart_container .chart_dropdown_data td.marketName_ a.light{color:#000}#chart_container .chart_dropdown_data table tr:last-child td{border-bottom:0}#chart_container .chart_dropdown_data li{white-space:nowrap;display:inline-block}#chart_container .chart_dropdown_data a{text-decoration:none;cursor:pointer;padding:5px 6px 5px 6px}#chart_container .chart_dropdown-hover.chart_dropdown_data{display:block}#chart_dropdown_symbols .chart_dropdown_data td{padding:8px 6px 0 6px}#chart_dropdown_symbols .chart_dropdown_data li{display:block;height:26px}#chart_dropdown_symbols .chart_dropdown_data a{cursor:pointer}#chart_dropdown_themes .chart_dropdown_data td:first-child{padding:6px 1px 7px 6px}#chart_container.dark .chart_dropdown_t{background-image:url("dropdown_w.png");background-position:right 9px;border-color:#0a0a0a;color:#e5e5e5}#chart_container.dark .chart_dropdown-hover.chart_dropdown_t{background-color:#0a0a0a;background-image:url("img/dropup_w.png");background-position:right 8px;border-color:#606060;color:#fff}#chart_container.dark .chart_dropdown_data{background-color:rgba(10,10,10,0.8);border-color:#606060}#chart_container.dark .chart_dropdown_data td{border-bottom-color:#404040;color:#e5e5e5}#chart_container.dark .chart_dropdown_data li a{color:#1987da}#chart_container.dark .chart_dropdown_data li a:hover{background-color:#383838}#chart_container.dark .chart_dropdown_data li a.selected{color:#ffac00}#chart_container.light .chart_dropdown_t{background-image:url("img/dropdown_b.png");background-position:right 10px;border-color:#fff;color:#393c40}#chart_container.light .chart_dropdown-hover.chart_dropdown_t{background-color:#fff;background-image:url("img/dropup_b.png");background-position:right 9px;border-color:#4c4f53;color:#393c40}#chart_container.light .chart_dropdown_data{background-color:#fff;border-color:#4c4f53}#chart_container.light .chart_dropdown_data td{border-bottom-color:#e4e5e6;color:#393c40}#chart_container.light .chart_dropdown_data li a{color:#1478c8}#chart_container.light .chart_dropdown_data a:hover{background-color:#f4f4f4}#chart_container.light .chart_dropdown_data a.selected{color:#f27935}#chart_container .chart_toolbar_label{cursor:default;display:inline-block;float:left;padding:7px 4px}#chart_container.dark .chart_toolbar_label{border-color:#232323;color:#e5e5e5}#chart_container.light .chart_toolbar_label{border-color:#fff;color:#393c40}#chart_container .chart_toolbar_button{border-width:1px;border-style:solid;cursor:pointer;float:left;margin:3px 2px;padding:3px 10px;position:relative;z-index:100}#chart_container.dark .chart_toolbar_button{border-color:#404040;color:#e5e5e5}#chart_container.dark .chart_toolbar_button:hover{background-color:#383838;border-color:#606060;color:#fff}#chart_container.dark .chart_toolbar_button.selected{background-color:#383838;border-color:#606060;color:#ffac00}#chart_container.dark .chart_toolbar_button.selected:hover{background-color:#474747;border-color:#808080;color:#ffac00}#chart_container.light .chart_toolbar_button{border-color:#ccc;color:#393c40}#chart_container.light .chart_toolbar_button:hover{background-color:#f4f4f4;color:#393c40}#chart_container.light .chart_toolbar_button.selected{background-color:#f4f4f4;border-color:#f27935;color:#f27935}#chart_container .chart_toolbar_tabgroup{float:left}#chart_container .chart_toolbar_tabgroup li{display:inline-block;padding:4px 0;margin:3px 0}#chart_container .chart_toolbar_tabgroup li a{cursor:pointer;padding:4px 4px}#chart_container .chart_toolbar_tabgroup li a:hover{text-decoration:none}#chart_container.dark .chart_toolbar_tabgroup li a{color:#1987da}#chart_container.dark .chart_toolbar_tabgroup li a:hover{background-color:#383838}#chart_container.dark .chart_toolbar_tabgroup li a.selected{color:#ffac00}#chart_container.light .chart_toolbar_tabgroup li a{color:#1478c8}#chart_container.light .chart_toolbar_tabgroup li a:hover{background-color:#f4f4f4}#chart_container.light .chart_toolbar_tabgroup li a.selected{color:#f27935}#chart_toolbar_periods_horz{display:inline-block;float:left;position:relative;z-index:100}#chart_toolbar_periods_vert{float:left}#chart_container a.chart_icon{border-width:1px;border-style:solid;height:16px;padding:0;width:16px}#chart_container a.chart_icon:hover{border-width:2px;height:14px;width:14px}#chart_container .chart_dropdown_data a.chart_icon{display:inline-block;magin:0 6px 0 6px}#chart_container a.chart_icon_theme_dark,#chart_container .chart_dropdown_data li a.chart_icon_theme_dark:hover{background-color:#000}#chart_container a.chart_icon_theme_light,#chart_container .chart_dropdown_data li a.chart_icon_theme_light:hover{background-color:#fff}#chart_container #chart_toolbar_theme{float:left;padding:0 8px}#chart_container #chart_toolbar_theme a.chart_icon{cursor:pointer;float:left;margin:6px 4px}#chart_container #chart_select_theme td:last-child{padding:6px 6px 0 8px}#chart_container #chart_select_theme li{padding:0 4px 0 4px}#chart_container.dark a.chart_icon{border-color:#aaa}#chart_container.dark a.chart_icon:hover{border-color:#1987da}#chart_container.dark a.chart_icon.selected{border-color:#ffac00}#chart_container.light a.chart_icon{border-color:#aaa}#chart_container.light a.chart_icon.selected{border-color:#f27935}#chart_container #chart_updated_time{float:right;margin:4px 3px;padding:3px 10px}#chart_container.dark #chart_updated_time{color:#e5e5e5}#chart_container.light #chart_updated_time{color:#393c40}#chart_toolpanel{border-right-width:1px;border-right-style:solid;display:none;position:absolute;width:32px;z-index:2}#chart_toolpanel .chart_toolpanel_separator{position:relative;height:4px}#chart_toolpanel .chart_toolpanel_button{position:relative;z-index:100}#chart_toolpanel .chart_toolpanel_icon{background-origin:content-box;background-repeat:no-repeat;border-width:1px;border-style:solid;cursor:pointer;height:16px;margin:1px 4px 1px 4px;padding:3px;position:relative;width:16px;z-index:101}#chart_toolpanel .chart_toolpanel_tip{border-width:1px;border-radius:4px;border-style:solid;display:none;*font-weight:bold;position:absolute;padding:3px 6px 4px 6px;margin-left:36px;margin-top:-25px;white-space:nowrap;z-index:100}#chart_toolpanel .chart_toolpanel_button:hover .chart_toolpanel_tip{display:block}#chart_container.dark #chart_toolpanel{background-color:#0a0a0a;border-right-color:#404040}#chart_container.dark .chart_toolpanel_icon{background-color:#0a0a0a;border-color:#0a0a0a}#chart_container.dark .chart_toolpanel_button:hover .chart_toolpanel_icon{background-color:#404040;border-color:#666}#chart_container.dark .chart_toolpanel_button.selected .chart_toolpanel_icon{background-color:#080808;border-color:#666}#chart_container.dark .chart_toolpanel_tip{background-color:#ffac00;border-color:#ffac00;color:#0a0a0a}#chart_container.light #chart_toolpanel{background-color:#fff;border-right-color:#afb1b3}#chart_container.light .chart_toolpanel_icon{background-color:#fff;border-color:#fff}#chart_container.light .chart_toolpanel_button:hover .chart_toolpanel_icon{background-color:#eee;border-color:#afb1b3}#chart_container.light .chart_toolpanel_button.selected .chart_toolpanel_icon{background-color:#f4f4f4;border-color:#afb1b3}#chart_container.light .chart_toolpanel_tip{background-color:#f27938;border-color:#f27938;color:#eee}#chart_container.dark #chart_toolpanel .chart_toolpanel_button .chart_toolpanel_icon{background-image:url("img/tool_d_normal.png")}#chart_container.dark #chart_toolpanel .chart_toolpanel_button.selected .chart_toolpanel_icon{background-image:url("img/tool_d_push.png")}#chart_container.light #chart_toolpanel .chart_toolpanel_button .chart_toolpanel_icon{background-image:url("img/tool_l_normal.png")}#chart_container.light #chart_toolpanel .chart_toolpanel_button.selected .chart_toolpanel_icon{background-image:url("img/tool_l_push.png")}#chart_container #chart_toolpanel #chart_Cursor{background-position:0 0}#chart_container #chart_toolpanel #chart_CrossCursor{background-position:0 -20px}#chart_container #chart_toolpanel #chart_SegLine{background-position:0 -40px}#chart_container #chart_toolpanel #chart_StraightLine{background-position:0 -60px}#chart_container #chart_toolpanel #chart_RayLine{background-position:0 -100px}#chart_container #chart_toolpanel #chart_ArrowLine{background-position:0 -80px}#chart_container #chart_toolpanel #chart_HoriSegLine{background-position:0 -160px}#chart_container #chart_toolpanel #chart_HoriStraightLine{background-position:0 -120px}#chart_container #chart_toolpanel #chart_HoriRayLine{background-position:0 -140px}#chart_container #chart_toolpanel #chart_VertiStraightLine{background-position:0 -180px}#chart_container #chart_toolpanel #chart_PriceLine{background-position:0 -200px}#chart_container #chart_toolpanel #chart_TriParallelLine{background-position:0 -220px}#chart_container #chart_toolpanel #chart_BiParallelLine{background-position:0 -240px}#chart_container #chart_toolpanel #chart_BiParallelRayLine{background-position:0 -260px}#chart_container .chart_toolpanel_button #chart_DrawFibRetrace{background-position:0 -280px}#chart_container #chart_toolpanel #chart_DrawFibFans{background-position:0 -300px}#chart_tabbar{border-top-width:1px;border-top-style:solid;cursor:default;display:none;*font-weight:bold;height:22px;overflow:hidden;position:absolute;z-index:1}#chart_tabbar ul{height:100%;list-style:none;padding:0 0 0 4px}#chart_tabbar li{display:inline-block;height:100%;margin:0}#chart_tabbar a{cursor:pointer;display:inline-block;height:100%;margin:0;padding:3px 4px 0 4px;overflow:hidden}#chart_tabbar a:hover{text-decoration:none}#chart_container.dark #chart_tabbar{background-color:#0a0a0a;border-top-color:#404040}#chart_container.dark #chart_tabbar a{color:#e5e5e5}#chart_container.dark #chart_tabbar a:hover{background-color:#383838;color:#fff}#chart_container.dark #chart_tabbar a.selected{color:#ffac00}#chart_container.light #chart_tabbar{background-color:#fff;border-top-color:#afb1b3}#chart_container.light #chart_tabbar a{color:#393c40}#chart_container.light #chart_tabbar a:hover{background-color:#f4f4f4;color:#393c40}#chart_container.light #chart_tabbar a.selected{color:#f27935}#chart_canvasGroup{position:absolute;z-index:0}#chart_mainCanvas{overflow:hidden;position:absolute;z-index:0}#chart_overlayCanvas{overflow:hidden;position:absolute;z-index:2}#chart_loading{border-width:1px;border-style:solid;border-radius:4px;font-size:18px;font-weight:bold;line-height:48px;overflow:hidden;position:absolute;text-align:center;visibility:hidden;width:200px;z-index:200}#chart_loading.activated{visibility:visible}#chart_container.dark #chart_loading{border-color:#aaa;background-color:rgba(0,0,0,0.6);color:#ccc}#chart_container.light #chart_loading{border-color:#afb1b3;background-color:rgba(244,244,244,0.8);color:#393c40}#chart_parameter_settings{border-radius:4px;border-width:1px;border-style:solid;width:640px;position:absolute;overflow:hidden;visibility:hidden;z-index:500}#chart_parameter_settings.clicked{visibility:visible}#chart_parameter_settings h2{padding:8px 12px;margin:0}#chart_parameter_settings table{border-collapse:collapse;width:100%}#chart_parameter_settings tr{line-height:32px}#chart_parameter_settings th{text-align:right;padding:0 4px 0 16px}#chart_parameter_settings input{width:2em;margin:0 2px 0 2px}#chart_parameter_settings #close_settings{border-radius:4px;cursor:pointer;font-weight:bold;text-align:center;margin:8px auto;padding:5px 24px 5px 24px;width:72px}#chart_parameter_settings .chart_str_default{margin-right:24px}#chart_container.dark #chart_parameter_settings{background-color:rgba(0,0,0,0.6);border-color:#aaa;color:#ccc}#chart_container.dark #chart_parameter_settings #close_settings{background:#1887da;color:#eee}#chart_container.light #chart_parameter_settings{background-color:rgba(244,244,244,0.8);border-color:#afb1b3;color:#393c40}#chart_container.light #chart_parameter_settings #close_settings{background:#1478c8;color:#eee}#chart_container input,#chart_container button{border-radius:4px;border-width:1px;border-style:solid;padding:4px}#chart_container input[type=text]{width:12em}#chart_container input[type=button],#chart_container input[type=submit],#chart_container button{font-family:arial,sans;padding:4px 8px;cursor:pointer}#chart_container.dark input,#chart_container.dark button{background-color:#333;border-color:#333;color:#ccc}#chart_container.light input,#chart_container.light button{background-color:#ddd;border-color:#ddd;color:#222}#trade_container{width:250px;height:100%;float:right;z-index:99999;font-size:12px;overflow:hidden}#trade_container.dark{background:#0a0a0a;color:#f1f1f1}.m_righttop{position:fixed;top:0;height:41px;line-height:41px;width:230px;text-align:right;padding-right:20px;font-size:16px;color:#f78d15;font-family:Gotham,"Helvetica Neue",Helvetica,Arial,sans-serif}.m_righttop em{width:123px;height:28px;background:url(../../../img/home/btc123_icon_s.png) no-repeat;background-position:0 0;display:block;float:right;margin-top:5px}.dark .m_righttop em{background-position:0 0}.m_rightbot{position:fixed;bottom:0;height:22px;line-height:22px;border-top:1px solid #404040;width:230px;text-align:right;padding-right:20px;background-color:#0a0a0a;border-bottom-color:#404040}.m_guadan{margin-top:29px;overflow:hidden;border-left:1px solid #404040;border-top:1px solid #404040}.m_guadan a{font-weight:bold;color:#FFF;text-decoration:none}.light .m_guadan{margin-top:29px;overflow:hidden;border-left:1px solid #afb1b3;border-top:1px solid #afb1b3}#orderbook #asks,#orderbook #gasks,#orderbook #bids,#orderbook #gbids{height:195px;position:relative;display:inline-block;overflow:hidden}#market{font-size:12px;font-weight:bold;text-align:center;height:16px;line-height:16px;font-family:Arial,sans;padding:5px}#market .dark{color:#6BF}#market .infoDepth{margin-left:8px;color:#f78d15}#market a:hover{text-decoration:underline}#asks,#bids{width:150px}#orderbook{padding-left:3px;border-bottom:1px solid #222;padding-bottom:2px;margin-left:5px;margin-bottom:2px}#orderbook .table{position:absolute;border-collapse:collapse;padding:0;margin:0}#gasks .table,#asks .table{bottom:0}#orderbook .table .row{padding:0;margin:0;height:13px;line-height:13px;font-family:Consolas,monospace}#orderbook .table .row{line-height:13px}#orderbook .table .g{color:#666}#gasks,#gbids{width:80px}#gasks .amount,#gbids .amount{float:right}#gasks .price,#gbids .price{float:left;text-align:right}.price{margin-right:10px}.price h{visibility:hidden}.price g,.amount g{color:#666}#price{text-align:center;font-size:16px;font-weight:bold;height:25px;line-height:25px}#trade_container .green{color:#0F0}#trade_container .red{color:#F00}#trade_container.dark #orderbook div.table div.remove g,#trade_container.dark #orderbook div.table div.remove span{color:#444}#trade_container.light #orderbook div.table div.remove g,#trade_container.light #orderbook div.table div.remove span{color:#ddd}#trade_container.dark #orderbook div.table div.add{display:none;background-color:rgba(238,238,238,0.2)}#trade_container.light #orderbook div.table div.add{display:none;background-color:rgba(100,100,100,0.2)}#trades{overflow-y:auto;text-align:left;color:#666;padding-top:5px}#trade_container.light{background:#fff;border-left:1px solid #afb1b3;color:#000}#trade_container.light .m_righttop em{background-position:0 -32px}#trade_container.light .m_righttop{position:fixed;top:0;height:40px;line-height:40px;background:#FFF;width:230px;border-bottom:1px solid #afb1b3;text-align:right;padding-right:20px}#trade_container.light #trades.trades table{color:#333}#trade_container.light #trades.trades .v{color:#333}#trade_container.light #trades.trades .v g{color:#333}#trade_container.light .m_rightbot{background:#fff;border-top:1px solid #afb1b3}#trade_container.light #orderbook{border-bottom:1px solid #afb1b3}.trades_list{padding-left:25px}.trades_list ul{width:200px;height:14px;line-height:14px;text-align:left;list-style:none;clear:both;zoom:1;margin:0;padding:0}.trades_list ul li{height:14px;line-height:14px;color:#999;font-size:12px;list-style:none;float:left;*display:inline;margin:0;padding:0;font-family:Consolas,monospace}.trades_list ul li.tm{width:62px;color:#999}.trades_list ul li.pr-green{width:65px;color:#6c6}.trades_list ul li.pr-red{width:65px;color:#c66}.trades_list ul li.vl{width:60px;color:#ccc}.trades_list ul li.vl g{color:#666}#trade_container.dark .trades_list ul.newul{display:none;background-color:rgba(238,238,238,0.2)}#trade_container.light .trades_list ul.newul{display:none;background-color:rgba(100,100,100,0.2)}.light .trades_list ul li.tm{color:#333}.light .trades_list ul li.pr-green{color:#6c6}.light .trades_list ul li.pr-red{color:#c66}.light .trades_list ul li.vl{color:#333}.light .trades_list ul li.vl g{color:#333}.container .nav{padding:0;margin:0;list-style:none;padding-left:3px;height:41px}.container .nav li{display:inline-block;margin-right:9px}.container a{text-decoration:none;color:#6BF;font-family:Arial,sans}.container a:hover{text-decoration:underline}.container a.active{color:#FC9}.container span{margin-left:3px;font-family:Consolas,monospace;color:#ccc}#markettop{height:40px;line-height:41px;font-size:12px}#markettop.dark{background:#0a0a0a;border-bottom:1px solid #333}#markettop.light{background:#fff;border-bottom:1px solid #afb1b3}#markettop.light a.selected{color:#f27935}#markettop.dark a.selected{color:#ffac00}.light .container span{color:#333}.light .container a{text-decoration:none;color:#1478c8;font-family:Arial,sans}最后把左侧的工具栏的按钮图标上传上来
tool_d_normal.png
tool_d_push.png
tool_l_normal.png
tool_l_push.png
下面是后台代码主要是数据格式怎么封装
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; } 此demo可以在vs2015中打開，直接運行查看效果
这里有我整理的demo示例，此示例是vs2015版本，ASP.NET MVC环境，更新时间2017-8-30 17:03:48
https://pan.baidu.com/s/1mhPj86G
這裡分享個老外的trade交易圖表
https://cn.tradingview.com/chart/
阅读全文
4 0
- js股票K线图，比较专业的K线图插件
- android 股票K线图
- 股票K线图
- 股票K线图
- 股票k线图的技巧分析
- IOS 股票K线图的实现
- 使用Python画股票的K线图
- ios股票K线图的绘制
- 股票K线图-JfreeChart版
- 股票K线图-JfreeChart版
- JFreeChart开发股票K线图
- 股票K线图-JfreeChart版
- Highstock生成股票K线图
- 整理股票K线图算法
- iOS 股票K线图绘制
- iOS 绘制股票K线图
- JS画K线图
- K线图的分类
- Unity_简单工厂设计模式_029
- html格式化，htm代码美化
- 多校6050 Funny Function
- 【华为机试】字符串合并处理
- COleSafeArray二维数组的使用注意
- js股票K线图，比较专业的K线图插件
- VS环境下的简易扫雷程序
- iscsi target windows和linux连接 iscsi在线扩容
- C#开发语音程序入门之文字朗读
- linux线程控制
- 数组的总结
- 编译型语言、解释型语言、静态类型语言、动态类型语言概念、分类及区别
- React Native开发并打包android项目生成APK
- Spring整合Hibernate遇到的问题
