hqchart 1.1.12706 → 1.1.12710

package/README.md

@@ -0,0 +1,454 @@
+# 介绍
+
+> HQChart 
+
+功能:
+1. K线图
+- 支持前复权,后复权 
+- 支持日线,月线,周线,年线.分钟线
+- 主图支持股票叠加 
+- K线形状支持 空心K线,实心K线,美国线,收盘价线
+- 支持常用指标指标(目前以录入系统指标80多个),支持自定义通达信语法脚本指标( 均线，BOLL，MACD，KDJ，VOL，RSI，BRAR，WR，BIAS，OBV，DMI，CR，PSY，CCI， DMA，TRIX，VR，EMV，ROC，MIM，FSL，CYR，MASS，WAD，CHO ..... )
+- 支持画图工具(小程序不支持)
+- 线段，射线，矩形，圆弧线,水平线,趋势线,平行线,平行通道,价格通道线,文本,江恩角度线,阻速线,黄金分割,百分比线,波段线,三角形,对称角度,斐波那契周期线,平行四边形,圆, iconfont图片 
+- 支持区间统计， 区间形态匹配 (微信小程序版本不支持) 
+- 数据鼠标左右拖拽移动, 键盘移动十字光标移动，键盘缩放 
+- 支持通达信语法指标
+- 支持五彩K线(目前录入系统五彩K线30多个), 支持自定义通达信语法脚本的五彩K线
+- 支持专家系统指标
+- 支持个股筹码图
+2. 走势图
+- 支持指标 
+- 支持股票叠加
+- 支持沪深和港股,国内期货(开发中)
+- 分钟数据显示 
+- 支持多日分钟数据显示
+
+## 源码地址:
+[代码地址 github.com/jones2000/HQChart](https://github.com/jones2000/HQChart)
+
+## 第3放数据对接案例:  
+源码地址:[https://github.com/jones2000/HQChart-Super](https://github.com/jones2000/HQChart-Super)<br>
+镜像地址:[https://gitee.com/jones2000/HQChart-Super](https://gitee.com/jones2000/HQChart-Super)<br> 
+
+## Environment
+
+`Node >= 6`
+
+## Start
+
+ - Clone or download this repository
+ - Enter your local directory, and install dependencies:
+
+``` bash
+npm install
+```
+
+# VUE用例
+## VUE创建走势图用例
+```js
+<template>
+
+    <div id="app2">
+        <div id="minute" ref="minute" ></div>
+    </div>
+
+</template>
+
+<script>
+
+import HQChart from 'hqchart'
+import 'hqchart/src/jscommon/umychart.resource/css/tools.css'
+import 'hqchart/src/jscommon/umychart.resource/font/iconfont.css'
+
+function DefaultData(){}
+
+DefaultData.GetMinuteOption=function()
+{
+    var option= 
+    {
+        Type:'分钟走势图',   //创建图形类型
+            
+        Windows: //窗口指标
+        [
+            
+        ], 
+            
+        IsAutoUpdate:true,       //是自动更新数据
+        DayCount:1,                 //1 最新交易日数据 >1 多日走势图
+        IsShowCorssCursorInfo:true, //是否显示十字光标的刻度信息
+        IsShowRightMenu:true,       //是否显示右键菜单
+        CorssCursorTouchEnd:true,
+
+        MinuteLine:
+        {
+            //IsDrawAreaPrice:false,      //是否画价格面积图
+        },
+
+        Border: //边框
+        {
+            Left:1,    //左边间距
+            Right:1,   //右边间距
+            Top:20,
+            Bottom:20
+        },
+            
+        Frame:  //子框架设置
+        [
+            {SplitCount:3,StringFormat:0},
+            {SplitCount:2,StringFormat:0},
+            {SplitCount:3,StringFormat:0},
+        ],
+
+        ExtendChart:    //扩展图形
+        [
+            //{Name:'MinuteTooltip' }  //手机端tooltip
+        ],
+    };
+
+    return option;
+}
+
+
+export default 
+{
+    data() 
+    {
+        var data=
+        {
+            Symbol:'600000.sh',
+
+            Minute:
+            {
+                JSChart:null,
+                Option:DefaultData.GetMinuteOption(),
+            }
+        };
+
+        return data;
+
+    },
+
+    created()
+    {
+        
+    },
+
+    mounted()
+    {
+        this.OnSize();
+
+        window.onresize = ()=> { this.OnSize(); }
+
+        this.CreateMinuteChart();
+    },
+        
+    methods:
+    {
+        OnSize()
+        {
+            var chartHeight = window.innerHeight-30;
+            var chartWidth = window.innerWidth-30;
+
+
+            var minute=this.$refs.minute;
+            minute.style.width=chartWidth+'px';
+            minute.style.height=chartHeight+'px';
+        },
+
+        CreateMinuteChart() //创建日线图
+        {
+            if (this.Minute.JSChart) return;
+            this.Minute.Option.Symbol=this.Symbol;
+            let chart=HQChart.Chart.JSChart.Init(this.$refs.minute);
+            chart.SetOption(this.Minute.Option);
+            this.Minute.JSChart=chart;
+        },
+    }
+}
+
+```
+
+## VUE创建K线图用例
+
+```js
+<template>
+
+    <div id="app2">
+        <div id="kline" ref='kline'></div>
+    </div>
+
+</template>
+
+<script>
+  
+import HQChart from 'hqchart'
+import 'hqchart/src/jscommon/umychart.resource/css/tools.css'
+import 'hqchart/src/jscommon/umychart.resource/font/iconfont.css'
+
+function DefaultData(){}
+
+DefaultData.GetKLineOption = function () 
+{
+    let data = 
+    {
+        Type: '历史K线图', 
+        
+        Windows: //窗口指标
+        [
+            {Index:"MA",Modify: false, Change: false}, 
+            {Index:"VOL",Modify: false, Change: false}
+        ], 
+
+        IsShowCorssCursorInfo:true,
+
+        Border: //边框
+        {
+            Left:   1,
+            Right:  1, //右边间距
+            Top:    25,
+            Bottom: 25,
+        },
+
+        KLine:
+        {
+            Right:1,                            //复权 0 不复权 1 前复权 2 后复权
+            Period:0,                           //周期: 0 日线 1 周线 2 月线 3 年线 
+            PageSize:70,
+            IsShowTooltip:true
+        },
+        
+    };
+
+    return data;
+}
+
+export default 
+{
+    data() 
+    {
+        var data=
+        {
+            Symbol:'600000.sh',
+            KLine: 
+            {
+                JSChart:null,
+                Option:DefaultData.GetKLineOption(),
+            },
+
+        };
+
+        return data;
+
+    },
+
+    created()
+    {
+        
+    },
+
+    mounted()
+    {
+        this.OnSize();
+
+        window.onresize = ()=> { this.OnSize(); }
+
+       this.CreateKLineChart(); 
+    },
+        
+    methods:
+    {
+        OnSize()
+        {
+            var chartHeight = window.innerHeight-30;
+            var chartWidth = window.innerWidth-30;
+
+            var kline=this.$refs.kline;
+            kline.style.width=chartWidth+'px';
+            kline.style.height=chartHeight+'px';
+            if (this.KLine.JSChart) this.KLine.JSChart.OnSize();
+        },
+
+        CreateKLineChart()  //创建K线图
+        {
+            if (this.KLine.JSChart) return;
+            this.KLine.Option.Symbol=this.Symbol;
+            let chart=HQChart.Chart.JSChart.Init(this.$refs.kline);
+            chart.SetOption(this.KLine.Option);
+            this.KLine.JSChart=chart;
+        },
+
+    }
+}
+
+```
+
+# React用例
+## React创建k线图用例
+```js
+import React from 'react';
+import HQChart from 'hqchart';
+
+class kline extends React.Component {
+    constructor(props) { //构造函数
+        super(props);
+        this.initCanvas = this.initCanvas.bind(this);
+        this.state = {
+            Symbol:'600000.sh',
+            KLine: 
+            {
+                JSChart:null,
+                Option:{
+                    Symbol:'',
+                    Type: '历史K线图', 
+                    
+                    Windows: //窗口指标
+                    [
+                        {Index:"MA",Modify: false, Change: false}, 
+                        {Index:"VOL",Modify: false, Change: false}
+                    ], 
+             
+                    IsShowCorssCursorInfo:true,
+             
+                    Border: //边框
+                    {
+                        Left:   1,
+                        Right:  1, //右边间距
+                        Top:    25,
+                        Bottom: 25,
+                    },
+             
+                    KLine:
+                    {
+                        Right:1,                            //复权 0 不复权 1 前复权 2 后复权
+                        Period:0,                           //周期: 0 日线 1 周线 2 月线 3 年线 
+                        PageSize:70,
+                        IsShowTooltip:true
+                    }
+                    
+                }
+            }
+        }
+    }
+    initCanvas() {
+
+        if (this.state.KLine.JSChart) return;
+
+        this.state.KLine.Option.Symbol=this.state.Symbol;
+        let chart=HQChart.Chart.JSChart.Init(document.getElementById("time_graph_canvas"));
+        chart.SetOption(this.state.KLine.Option);
+        this.state.KLine.JSChart=chart;
+    }
+
+    componentDidMount() {
+        this.initCanvas()
+    }
+    
+    componentDidUpdate() {
+        this.initCanvas()
+    }
+    render() {
+        var chartHeight = window.innerHeight-30;
+        var chartWidth = window.innerWidth-30;
+        var styleText = {
+            width: chartWidth+'px', 
+            height: chartHeight+'px',
+        };
+        return (
+          <div style={styleText} id="time_graph_canvas">
+          </div>
+        )
+      }
+}
+
+export default kline;
+```
+## React创建走势图用例
+```js
+import React from 'react';
+import HQChart from 'hqchart';
+
+class minute extends React.Component {
+    constructor(props) { //构造函数
+        super(props);
+        this.initCanvas = this.initCanvas.bind(this);
+        this.state = {
+            Symbol:'600000.sh',
+            Minute:
+            {
+                JSChart:null,
+                Option:{
+                    Type:'分钟走势图',   //创建图形类型
+                    Symbol:'',
+                    Windows: //窗口指标
+                    [
+                        
+                    ], 
+                        
+                    IsAutoUpdate:true,       //是自动更新数据
+                    DayCount:1,                 //1 最新交易日数据 >1 多日走势图
+                    IsShowCorssCursorInfo:true, //是否显示十字光标的刻度信息
+                    IsShowRightMenu:true,       //是否显示右键菜单
+                    CorssCursorTouchEnd:true,
+            
+                    MinuteLine:
+                    {
+                        //IsDrawAreaPrice:false,      //是否画价格面积图
+                    },
+            
+                    Border: //边框
+                    {
+                        Left:1,    //左边间距
+                        Right:1,   //右边间距
+                        Top:20,
+                        Bottom:20
+                    },
+                        
+                    Frame:  //子框架设置
+                    [
+                        {SplitCount:3,StringFormat:0},
+                        {SplitCount:2,StringFormat:0},
+                        {SplitCount:3,StringFormat:0},
+                    ],
+            
+                    ExtendChart:    //扩展图形
+                    [
+                        //{Name:'MinuteTooltip' }  //手机端tooltip
+                    ],
+                }
+            }
+        }
+    }
+    initCanvas() {
+
+        if (this.state.Minute.JSChart) return;
+
+        this.state.Minute.Option.Symbol=this.state.Symbol;
+        let chart=HQChart.Chart.JSChart.Init(document.getElementById("time_graph_canvas"));
+        chart.SetOption(this.state.Minute.Option);
+        this.state.Minute.JSChart=chart;
+    }
+
+    componentDidMount() {
+        this.initCanvas()
+    }
+    
+    componentDidUpdate() {
+        this.initCanvas()
+    }
+    render() {
+        var chartHeight = window.innerHeight-30;
+        var chartWidth = window.innerWidth-30;
+        var styleText = {
+            width: chartWidth+'px', 
+            height: chartHeight+'px',
+        };
+        return (
+          <div style={styleText} id="time_graph_canvas">
+          </div>
+        )
+      }
+}
+
+export default minute;
+```

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "hqchart",
-  "version": "1.1.12706",
+  "version": "1.1.12710",
   "description": "stock chart",
   "main": "lib/main.js",
   "scripts": {

package/src/jscommon/readmo.txt

@@ -1,2 +1,2 @@
-umychart.vue   VUE ����js�ű�Ŀ¼
-umychart.wechat ΢��С���򹫹��ű�Ŀ¼
+umychart.vue   VUE 公共js脚本目录
+umychart.wechat 微信小程序公共脚本目录

package/src/jscommon/phoneHorizontal/hengping.css

@@ -1,283 +0,0 @@
-
-/*@media screen and (orientation: landscape) {
-   #main {
-        -webkit-transform:rotate(0);
-        -moz-transform: rotate(0);
-        -ms-transform: rotate(0);
-        transform: rotate(0);
-    }
-}*/
-
-html{
-    /*font-size: 16px;*/
-    font-size: 62.5%;
-}
-body{
-    font-size: 1.2rem;
-}
-
-::-webkit-scrollbar{
-    display:none;
-}
-
-.phone-symbol-title{
-    background: #ffffff;
-    height: 40px;
-    border-bottom: solid 1px #e1ecf2;
-}
-
-.symbol-name{
-    padding: 0 0 0.3rem 1.5rem;
-    -webkit-box-sizing: border-box;
-    -moz-box-sizing: border-box;
-    box-sizing: border-box;
-    width:28%;
-    float: left;
-    color: #333333;
-}
-.symbol-name h1{
-    font-size: 2.5rem;
-    float: left;
-    margin-right: 0.5rem;
-    line-height: 45px;
-}
-.symbol-name span{
-    font-size: 1.5rem;
-    font-weight: 600;
-    float: left;
-    line-height: 54px;
-}
-.symbol-price{
-    width:30%;
-    float: left;
-}
-.symbol-price h1,.symbol-price span{
-    float: left;
-}
-.symbol-price h1{
-    font-size: 3rem;
-    height: 40px;
-    line-height: 45px;
-}
-.symbol-price span{
-    font-size: 1.8rem;
-    height: 40px;
-    line-height: 53px;
-    margin-left: 10px;
-    font-weight: 600;
-}
-.symbol-item{
-    width: 42%;
-    float: right;
-    color: #333333;
-    text-align: right;
-    height: 40px;
-    position: relative;
-    font-weight: 600;
-    font-size: 2rem;
-}
-.symbol-item ul{
-    width:100%;
-    position: absolute;
-    bottom: 0;
-    right: 1.2rem;
-}
-.symbol-item ul li{
-    float: right;
-    margin-left: 3%;
-    box-sizing: border-box;
-    padding: 0 5px 5px 5px;
-}
-.phone-right{
-    position: absolute;
-    right: 10px;
-    float: left;
-    /*top: 50px;*/
-    bottom: 18px;
-    width: 55px;
-    height:calc(100vh - 78px);
-    overflow: auto;
-    background-color: #f4f4f4;
-    border: solid 1px #c8c8c8;
-    font-size: 1.6rem;
-    box-sizing: border-box;
-}
-
-.phone-right .ul-one{
-    padding: 2rem 0 0.5em 0;
-    border-bottom: solid 1px #c8c8c8;
-    box-sizing: border-box;
-}
-.phone-right .ul-one li{
-    margin-bottom: 1.5rem;
-    text-align: center;
-}
-
-.phone-right .ul-two{
-    padding: 2rem 0 0.5em 0;
-    overflow: auto;
-    box-sizing: border-box;
-}
-.phone-right .ul-two li{
-    margin-bottom: 1.5rem;
-    text-align: center;
-}
-
-.active-right{
-    color: #125fd9;
-}
-
-.activeLi{
-    color: #125fd9;
-    border-bottom: 2px solid #125fd9;
-}
-.symbolUp{
-    color: rgb(238,21,21)!important;
-}
-.symbolDown{
-    color: rgb(25,158,0)!important;
-}
-.symbolAve{
-    color: #333;
-}
-
-.right-minute{
-    display: none;
-    position: absolute;
-    right: 10px;
-    float: left;
-    top: 62px;
-    bottom: 18px;
-    width: 150px;
-    /*height:calc(100vh - 78px);*/
-    background-color: #ffffff;
-    border: solid 1px #e1ecf2;
-    font-size: 1.7rem;
-    box-sizing: border-box;
-}
-
-.right-minute table,.right-minute table tr{
-    width:100%;
-}
-.right-minute table tr{
-    line-height: 2.3rem;
-}
-.table-info tr{
-    line-height: 2.3rem;
-}
-.right-minute table tr td{
-    width:33%;
-    text-align: center;
-}
-.right-minute table tr td:first-child{
-    width:33%;
-    text-align: left;
-}
-.right-minute table tr td:last-child{
-    width:33%;
-    text-align: right;
-}
-
-.minute-tab{
-    width:100%;
-    height: 30px;
-    line-height: 30px;
-    color: #484545;
-    font-size: 2rem;
-    position: absolute;
-    top: 0;
-}
-.minute-tab li{
-    float: left;
-    width:50%;
-    text-align: center;
-}
-.active-minute{
-    color: #125fd9;
-    border-bottom: 2px solid #125fd9;
-}
-#minuteFive{
-    margin-top: 35px;
-    height:calc(100vh - 120px);
-    overflow: auto;
-}
-#minute{
-    display: none;
-    margin-top: 35px;
-    height:calc(100vh - 120px);
-    overflow: auto;
-}
-.table-one{
-    border-bottom: solid 1px #e1ecf2;
-    padding-top: 0.5rem;
-    padding-bottom: 0.6rem;
-    height:calc((100vh - 120px)/2);
-}
-.table-two{
-    padding-top: 0.6rem;
-    height:calc((100vh - 120px)/2);
-}
-.table-info{
-    height:calc(100vh - 120px);
-}
-
-/*强制横屏*/
-@media screen and (orientation: portrait) {
-    #main {
-        -webkit-transform:rotateZ(90deg) translateY(-100%);
-        -moz-transform: rotateZ(90deg) translateY(-100%);
-        -ms-transform: rotateZ(90deg) translateY(-100%);
-        transform: rotateZ(90deg) translateY(-100%);
-        width: 100vh;
-        height: 100vh;
-        /*去掉overflow 微信显示正常，但是浏览器有问题，竖屏时强制横屏缩小*/
-        overflow: hidden;
-        transform-origin: 0 0;
-    }
-    .symbol-name h1{
-        font-size: 4.6rem;
-    }
-    .symbol-name span{
-        font-size: 3rem;
-    }
-    .symbol-price h1{
-        font-size: 5.5rem;
-    }
-    .symbol-price span{
-        font-size: 3.2rem;
-    }
-    .symbol-item{
-        font-size: 3.4rem;
-    }
-    .symbol-item ul{
-        right: 1.8rem;
-    }
-    .phone-right{
-        font-size: 3rem;
-        height:calc(100vw - 78px);
-    }
-    #minuteFive{
-        margin-top: 35px;
-        height:calc(100vw - 120px);
-        overflow: auto;
-    }
-    #minute{
-        display: none;
-        margin-top: 35px;
-        height:calc(100vw - 120px);
-        overflow: auto;
-    }
-    .minute-tab{
-        font-size: 3.6rem;
-    }
-    .right-minute{
-        font-size: 3rem;
-        /*font-weight: lighter;*/
-    }
-    .right-minute table tr{
-        line-height: 4.2rem;
-    }
-    .table-info tr{
-        line-height: 4.2rem;
-    }
-}

package/src/jscommon/phoneHorizontal/phone.html

@@ -1,448 +0,0 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
-<head>
-    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
-    <title>手机H5行情</title>
-    <link rel="stylesheet" href="../tools.css?version=1504" />
-    <link rel="stylesheet" href="../font/iconfont.css">
-    <link rel="stylesheet" href="hengping.css">
-</head>  
-<body>
-    <div id="main" style="position: relative;">
-        <div class="phone-symbol-title">
-            <div class="symbol-name">
-                <h1></h1>
-                <span></span>
-            </div>
-            <div class="symbol-price">
-                <h1>--.--</h1>
-                <span>--.--</span>
-                <div style="clear: both;"></div>
-            </div>
-            <div class="symbol-item">
-                <ul>
-                    <li>年K</li>
-                    <li>月K</li>
-                    <li>周K</li>
-                    <li class="activeLi">日K</li>
-                    <li class="minute-Kline">分时</li>
-                </ul>
-               <!-- <span>分时</span>-->
-                <div style="clear: both;"></div>
-            </div>
-            <div style="clear: both;"></div>
-        </div>
-
-        <div id="kline" style="width: 900px;height:400px;position: relative;float: left;top: -16px;"></div>
-        <div id="minuteKline" style="width: 900px;height:400px;position: relative;float: left;top: -16px;"></div>
-
-        <div class="phone-right">
-            <ul class="ul-one">
-                <li class="no-right">不复权</li>
-                <li class="pre-right active-right">前复权</li>
-                <li class="append-right">后复权</li>
-            </ul>
-            <ul class="ul-two">
-            </ul>
-        </div>
-        <div class="right-minute">
-            <ul class="minute-tab">
-                <li class="table-sell active-minute">五档</li>
-                <li class="table-buy">明细</li>
-            </ul>
-            <div id="minuteFive" class="table-minute">
-                <table class="table-one">
-                </table>
-                <table class="table-two">
-                </table>
-            </div>
-
-            <div id="minute" class="table-minute">
-                <table class="table-info">
-                </table>
-            </div>
-        </div>
-    </div>
-
-<script type="text/javascript" src="../umychart.macro.js?version=1530"></script>
-<script type="text/javascript" src="../umychart.js?version=1503"></script>
-<script type="text/javascript" src="../umychart.stock.js?version=1463"></script>
-<script type="text/javascript" src="rem.js"></script>
-<script src="https://cdn.bootcss.com/jquery/2.2.4/jquery.min.js"></script>
-<script>
-function getURLParams(name) 
-{
-	var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
-	var r = window.location.search.substr(1).match(reg);
-	if (r != null) return decodeURI(r[2]);
-	return null;
-}
-
-//全局的环境变量
-var JSEnvironment=
-{
-    IsForceLandscape:true,  //是否强制横屏
-    Symbol:'600000.sh',     //股票代码
-    //Symbol:'000001.sz',     //股票代码
-    KLineIndex:['均线','VOL','MACD','KDJ','BOLL'],  //K线指标
-
-    MinuteChart:null,       //走势图
-    MinuteOption:null,
-
-    HistoryChart:null,      //K线图
-    HistoryOption:null,
-    
-    StockCache:null            //股票数据
-};
-
-//加载环境变量
-function LoadEnvironment()
-{
-    var symbol=getURLParams('symbol');
-    if (symbol!=null) JSEnvironment.Symbol=symbol;
-
-    var strIndex=getURLParams('index');
-    if(strIndex)
-    {
-        var aryIndex = strIndex.split(',');
-        if (aryIndex.length>0) JSEnvironment.KLineIndex=aryIndex;
-    }
-
-    //走势图配置
-    JSEnvironment.MinuteOption=
-    {
-        Type:'分钟走势图',
-        Symbol:JSEnvironment.Symbol,
-        IsAutoUpate:true,       //是自动更新数据
-
-        IsShowRightMenu:false,   //右键菜单
-        IsShowCorssCursorInfo:false,    //是否显示十字光标的刻度信息
-
-        Border: //边框
-        {
-            Left:50,    //左边间距
-            Right:75,     //右边间距
-            Top:20
-        },
-
-        KLineTitle: //标题设置
-        {
-            IsShowName:false,       //不显示股票名称
-            IsShowSettingInfo:false //不显示周期/复权
-        },
-
-        Frame:  //子框架设置,刻度小数位数设置
-        [
-            {SplitCount:5,StringFormat:1},
-            {SplitCount:3,StringFormat:1}
-        ]
-    };
-
-    //K线图配置
-    JSEnvironment.HistoryOption=
-    {
-        Type:'历史K线图',
-        Windows:
-        [
-            {"Index":"均线","Modify":false,"Change":false,TitleHeight:16},
-            {"Index":"VOL","Modify":false,"Change":false,TitleHeight:16}
-        ],   //窗口指标
-        Symbol:JSEnvironment.Symbol,
-        IsAutoUpate:true,       //是自动更新数据
-
-        IsShowRightMenu:false,   //右键菜单
-        IsShowCorssCursorInfo:false,    //是否显示十字光标的刻度信息
-
-        KLine:
-        {
-            DragMode:1,                 //拖拽模式 0 禁止拖拽 1 数据拖拽 2 区间选择
-            Right:1,                    //复权 0 不复权 1 前复权 2 后复权
-            Period:0,                   //周期 0 日线 1 周线 2 月线 3 年线
-            MaxReqeustDataCount:1000,   //数据个数
-            PageSize:50,                 //一屏显示多少数据
-            IsShowTooltip:false              //是否显示K线提示信息
-        },
-
-        KLineTitle: //标题设置
-        {
-            IsShowName:false,       //不显示股票名称
-            IsShowSettingInfo:false //不显示周期/复权
-        },
-
-        Border: //边框
-        {
-            Left:45,    //左边间距
-            Right:5,     //右边间距
-            Top:20
-        },
-
-        Frame:  //子框架设置
-        [
-            {SplitCount:3,StringFormat:1},
-            {SplitCount:3,StringFormat:1}
-        ]
-    };
-}
-
-function UpdateForceLandscape()
-{
-    if (JSEnvironment.MinuteChart) JSEnvironment.MinuteChart.ForceLandscape(JSEnvironment.IsForceLandscape);
-    if (JSEnvironment.HistoryChart) JSEnvironment.HistoryChart.ForceLandscape(JSEnvironment.IsForceLandscape);
-}
-
-//更新右边指标列表
-function UpdateIndexListUI()
-{
-    for(var i in JSEnvironment.KLineIndex)
-    {
-        var item=JSEnvironment.KLineIndex[i];
-        $(".ul-two").append("<li>" + item + "</li>");
-    }
-}
-
-$(window).resize(resizeCanvas);
-
-function resizeCanvas()
-{
-    var body = document.getElementsByTagName('body')[0];
-    var html = document.getElementsByTagName('html')[0];
-    var divMain=document.getElementById('main');
-    var divKline=document.getElementById('kline');
-    var minuteKline=document.getElementById('minuteKline');
-    var width = body.clientWidth;
-    var height =  body.clientHeight;
-    var maxDiv = width > height ? width : height;
-    var minDiv = width > height ? height: width;
-    var max = width > height ? (width - 65) : (height - 65);
-    var min = width > height ? (height - 40): (width - 40);
-    var maxMinute = width > height ? (width - 140) : (height - 140);
-    divMain.style.left = (max - min) / 2;
-    divMain.style.top = (min - max) / 2;
-    divMain.style.width=maxDiv + 'px';
-    divMain.style.height=minDiv + 'px';
-    divKline.style.width=max + 'px';
-    divKline.style.height=min + 'px';
-    minuteKline.style.width=maxMinute + 'px';
-    minuteKline.style.height=min + 'px';
-    if (divKline.JSChart) divKline.JSChart.OnSize();
-    if (minuteKline.JSChart) minuteKline.JSChart.OnSize();
-}
-
-$(function ()
-{
-    LoadEnvironment();
-    UpdateIndexListUI();
-
-    function UpdateUI(id,arySymbol,dataType,jsStock){
-        if(id == "main"){
-            UpdateMain(jsStock);
-        }else if(id == "minute"){
-            updateMinute(jsStock);
-        }else if(id == "minuteFive"){
-            updateMinuteFive(jsStock);
-        }
-    }
-
-    function UpdateMain(jsStock)
-    {
-        var read=jsStock.GetStockRead('main',UpdateUI);        //获取一个读取数据类,并绑定id,和更新数据方法
-        var name=read.Get(JSEnvironment.Symbol,STOCK_FIELD_NAME.NAME);            //读取一个股票的数据(如果缓存过数据,可以获取到数据,没有缓存过为null)
-        var price=read.Get(JSEnvironment.Symbol,STOCK_FIELD_NAME.PRICE);
-        var increase=read.Get(JSEnvironment.Symbol,STOCK_FIELD_NAME.INCREASE);
-        read.EndRead();
-
-        if(increase != undefined){
-            if(increase < 0){
-                $(".symbol-price").addClass("symbolDown");
-            }else if(increase > 0){
-                $(".symbol-price").addClass("symbolUp");
-            }else{
-                $(".symbol-price").addClass("symbolAve");
-            }
-        }
-
-        $(".symbol-name h1").html(name==null ? "----" : name);
-        $(".symbol-name span").html(JSEnvironment.Symbol.substring(0,6));
-        $(".symbol-price h1").html(Number(price).toFixed(2));
-        $(".symbol-price span").html(Number(increase).toFixed(2) + "%");
-    }
-
-    function updateMinuteFive(jsStock) {
-        var read=jsStock.GetStockRead('minuteFive',UpdateUI);        //获取一个读取数据类,并绑定id,和更新数据方法
-        var buyData=read.Get(JSEnvironment.Symbol,STOCK_FIELD_NAME.BUY5);
-        var sellData=read.Get(JSEnvironment.Symbol,STOCK_FIELD_NAME.SELL5);
-        var yClose=read.Get(JSEnvironment.Symbol,STOCK_FIELD_NAME.YCLOSE);
-        read.EndRead();
-
-        if (sellData && sellData.length==5)
-        {
-            $(".table-one").html("");
-            for(var i in sellData){
-                var dataN=sellData[i];
-                var arr=["卖一","卖二","卖三","卖四","卖五"];
-                var tr1 = "<tr><td>"+arr[i]+"</td><td class='color-change'>"+dataN.Price.toFixed(2)+"</td><td>"+dataN.Vol+"</td></tr>";
-                $(".table-one").prepend(tr1);
-
-                if(dataN.Price > yClose){
-                    $(".table-one .color-change").addClass("symbolUp");
-                }else if(dataN.Price < yClose){
-                    $(".table-one .color-change").addClass("symbolDown");
-                }else{
-                    $(".table-one .color-change").addClass("symbolAve");
-                }
-            }
-        }
-        if (buyData && buyData.length==5)
-        {
-            $(".table-two").html("");
-            for(var i in buyData){
-                var dataM=buyData[i];
-                var arr=["买一","买二","买三","买四","买五"];
-                var tr2 = "<tr><td>"+arr[i]+"</td><td class='color-change'>"+dataM.Price.toFixed(2)+"</td><td>"+dataM.Vol+"</td></tr>";
-                $(".table-two").append(tr2);
-
-                if(dataM.Price - yClose >0){
-                    $(".table-two .color-change").addClass("symbolUp");
-                }else if(dataM.Price - yClose < 0){
-                    $(".table-two .color-change").addClass("symbolDown");
-                }else{
-                    $(".table-two .color-change").addClass("symbolAve");
-                }
-            }
-        }
-    }
-
-    function updateMinute(jsStock) {
-        var read=jsStock.GetStockRead('minute',UpdateUI);        //获取一个读取数据类,并绑定id,和更新数据方法
-        var deal=read.Get(JSEnvironment.Symbol,STOCK_FIELD_NAME.DEAL);
-        var yClose=read.Get(JSEnvironment.Symbol,STOCK_FIELD_NAME.YCLOSE);
-        read.EndRead();
-
-        if (deal)
-        {
-            $(".table-info").html("");
-            for(var i in deal){
-                var item =deal[i];
-                var timer=item.Time;
-                timer = timer.toString();
-                var timeStr,newTime;
-                if(timer.length == 5){
-                    timeStr = "0" + timer;
-                }else if(timer.length == 6){
-                    timeStr = timer;
-                }
-                newTime = timeStr.substring(0,2) + ":" + timeStr.substring(2,4);
-
-                var trd = "<tr><td>"+newTime+ "</td><td class='color-change'>"+item.Price.toFixed(2)+"</td><td>"+item.Vol+"</td></tr>";
-                $(".table-info").append(trd);
-
-                if(item.Price > yClose){
-                    $(".table-info .color-change").addClass("symbolUp");
-                }else if(item.Price < yClose){
-                    $(".table-info .color-change").addClass("symbolDown");
-                }else{
-                    $(".table-info .color-change").addClass("symbolAve");
-                }
-            }
-        }
-    }
-
-    
-
-    $(".table-sell").click(function () {
-        $("#minute").hide();
-        $("#minuteFive").show();
-        $(".table-sell").addClass("active-minute").siblings().removeClass("active-minute");
-
-    });
-
-    $(".table-buy").click(function () {
-        $("#minute").show();
-        $("#minuteFive").hide();
-        $(".table-buy").addClass("active-minute").siblings().removeClass("active-minute");
-
-    });
-
-    //复权切换
-    $(".ul-one li").click(function () {
-        var num = $(this).index();
-        JSEnvironment.HistoryChart.ChangeRight(num);
-        $(this).addClass("active-right").siblings().removeClass("active-right");
-    });
-
-    //周期切换
-    $(".symbol-item li").click(function () {
-        $("#kline").show();
-        $(".phone-right").show();
-        var period = 2 - ($(this).index() - 1);
-        if (JSEnvironment.HistoryChart==null)
-        {
-            JSEnvironment.HistoryChart=JSChart.Init(document.getElementById('kline'));         //初始化K线图
-            JSEnvironment.HistoryOption.KLine.Period=period;
-            JSEnvironment.HistoryChart.SetOption(JSEnvironment.HistoryOption);
-            UpdateForceLandscape(); 
-        }
-        else
-        {
-            JSEnvironment.HistoryChart.ChangePeriod(period);
-        }
-
-        $(this).addClass("activeLi").siblings().removeClass("activeLi");
-        $("#minuteKline").hide();
-        $(".right-minute").hide();
-    });
-
-    //指标切换
-    $(".ul-two li:first-child").addClass("active-right");
-    $(".ul-two li").click(function () {
-        var text = $(this).text();
-        JSEnvironment.HistoryChart.ChangeIndex(1,text);
-        $(this).addClass("active-right").siblings().removeClass("active-right");
-    });
-
-    $(".minute-Kline").click(function () {
-        $("#kline").hide();
-        $(".phone-right").hide();
-
-        if (JSEnvironment.MinuteChart==null)
-        {
-            JSEnvironment.MinuteChart=JSChart.Init(document.getElementById('minuteKline'));  // 初始化走势图
-            JSEnvironment.MinuteChart.SetOption(JSEnvironment.MinuteOption);
-            UpdateForceLandscape();     
-        }
-
-        $("#minuteKline").show();
-        $(".right-minute").show();
-    });
-
-    function hengshuping()
-    {
-        if(window.orientation==180||window.orientation==0){
-            JSEnvironment.IsForceLandscape=true;
-            UpdateForceLandscape();
-        }
-        if(window.orientation==90||window.orientation==-90){
-            JSEnvironment.IsForceLandscape=false;
-            UpdateForceLandscape();
-        }
-    }
-
-    window.addEventListener("onorientationchange" in window ? "orientationchange" : "resize", hengshuping, false);
-
-    JSEnvironment.StockCache=JSStock.Init();           //初始化数据控件
-    UpdateMain(JSEnvironment.StockCache);
-    updateMinute(JSEnvironment.StockCache);
-    updateMinuteFive(JSEnvironment.StockCache);
-    JSEnvironment.StockCache.ReqeustData();
-
-    $(".symbol-item li").eq(3).trigger('click');    //点击日线
-
-    resizeCanvas();
-})
-
-
-
-</script>  
-</body>  
-</html>

package/src/jscommon/phoneHorizontal/rem.js

@@ -1,28 +0,0 @@
-(function(doc, win) {
-    var ps_width = 1334,
-        ps_height = 758,
-        rem = 16;
-    var docEl = doc.documentElement,
-        resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
-        recalc = function() {
-            var w = window.innerWidth /*docEl.clientWidth*/ ;
-            var h = window.innerHeight /*docEl.clientHeight*/ ;
-
-            if (!w)
-                return;
-            if (w <= h || /iphone|ipod|android.*mobile|windows.*phone|blackberry.*mobile/i.test(window.navigator.userAgent.toLowerCase())) {
-                //if(w>ps_width){w=ps_width;}
-                docEl.style.fontSize = rem * (w / ps_width) + 'px';
-            } else {
-                var w2 = h / ps_height * ps_width;
-                docEl.style.fontSize = rem * (w2 / ps_width) + 'px';
-                docEl.style.width = w2 + 'px';
-                docEl.style.margin = '0 ' + (w - w2) / 2 + 'px';
-            }
-        };
-    if (!doc.addEventListener)
-        return;
-    win.addEventListener(resizeEvt, recalc, false);
-    doc.addEventListener('DOMContentLoaded', recalc, false);
-    recalc();
-})(document, window);