hqchart 1.1.12687 → 1.1.12706

package/src/pages/dataZoom.demo.page/index.js

@@ -1,12 +0,0 @@
-import Vue from 'vue'
-import ElementUI from 'element-ui'
-import locale from 'element-ui/lib/locale/lang/en'
-import 'element-ui/lib/theme-default/index.css';
-import App from './app.vue'
-
-Vue.use(ElementUI, { locale })
-
-new Vue({
-  el: '#app',
-  render: h => h(App)
-})

package/src/pages/historydayline.demo.page/App.vue

@@ -1,57 +0,0 @@
-<template>
-    <div class='historydaywrap' style='width:100%;height:700px;'>
-        <HistoryDayLine ref='historydayline' :DefaultSymbol='DefaultSymbol'></HistoryDayLine>
-    </div>
-
-</template>
-
-
-
-
-
-<script>
-    // import JSCommonStock from "../../jscommon/umychart.vue/umychart.stock.vue.js";
-    import HistoryDayLine from '../../jscommon/umychart.vue.components/historydayline.vue'
-
-
-    export default {
-        name: 'HistoryDayLineDemo',
-        data() {
-            return {
-                DefaultSymbol:'000001.sh',
-                JSStock:null
-            }
-        },
-
-        props: [],
-        components:{
-            HistoryDayLine
-        },
-
-        //创建
-        created: function () {
-            // this.JSStock = HistoryDayLine.JSCommonStock.JSStock;
-            
-        },
-
-        mounted: function () {
-            this.OnSize();
-            var _this = this;
-            window.onresize = function() {
-                _this.OnSize();
-            }
-        },
-
-        methods: {
-            OnSize(){
-                var historydayline =  this.$refs.historydayline;
-                historydayline.OnSize();
-            }
-        }
-    }
-</script>
-
-<style>
-
-
-</style>

package/src/pages/historydayline.demo.page/index.js

@@ -1,12 +0,0 @@
-import Vue from 'vue'
-import ElementUI from 'element-ui'
-import locale from 'element-ui/lib/locale/lang/en'
-import 'element-ui/lib/theme-default/index.css';
-import App from './app.vue'
-
-Vue.use(ElementUI, { locale })
-
-new Vue({
-  el: '#app',
-  render: h => h(App)
-})

package/src/pages/hq.demo.page/App.vue

@@ -1,163 +0,0 @@
-<template>
-    <div id="app2" >
-      <div class="demoPageTop">
-        <span>HQChart测试用例 版本号:1.1.12314</span> 
-        <a href="https://github.com/jones2000/HQChart" target="_blank">代码地址: https://github.com/jones2000/HQChart</a>
-        <div class="changeColorBtns">
-          <button type="button" @click="OnChangeStyle('black')">黑色风格</button>
-          <button type="button" @click="OnChangeStyle('white')">白色风格</button>
-        </div>
-        
-      </div>
-        
-        <!--
-        <a v-on:click="OnChangeSymbol('002230.sz')">科大讯飞</a>
-        <a v-on:click="OnChangeSymbol('600016.sh')">民生银行</a>
-        <a v-on:click="OnChangeSymbol('000001.sh')">上证指数</a>
-        !-->
-        <div class='divstockfull'>
-            <StockFull ref='stockfull' DefaultPeriod='分时' :DefaultSymbol=this.Symbol 
-                :KLineOption=this.KLineOption :MinuteOption=this.MinuteOption />
-        </div>
-    </div>
-</template>
-
-<script>
-import StockFull from '../../jscommon/umychart.vue.components/stockfull.vue'
-import HQChart from '../../jscommon/umychart.vue/umychart.vue'
-
-//定制K线设置
-const CUSTOM_KLINE_OPTION=
-{
-    Windows: //窗口指标
-    [
-        {Index:"MA", Overlay:true, Export:true, OverlayIndexType:{ Position:1, LineSpace:3 }},
-        {Index:"MACD", Overlay:true, OverlayIndexType:{ Position:1, LineSpace:3 }},
-    ], 
-
-    //TradeIndex: {Index:'交易系统-BIAS'},    //交易系统
-    //ColorIndex:{ Index:'五彩K线-十字星'},     //五彩K线
-
-    KLine:
-    {
-        //Info:["公告","互动易","调研"],              //信息地雷
-        Right:0,                                   //复权 0 不复权 1 前复权 2 后复权
-    }
-}
-
-const CUSTOM_MINUTE_OPTION=
-{
-    Windows: //窗口指标
-    [
-        {Index:"RSI", Export:true },
-    ]
-}
-
-
-
-
-export default 
-{
-    data () 
-    {
-        return {
-          KLineOption:CUSTOM_KLINE_OPTION,
-          MinuteOption:CUSTOM_MINUTE_OPTION,
-          Symbol:'000001.sz'
-        }
-    },   
-
-    components: { StockFull},
-
-    created:function()
-    {
-        var symbol = this.GetURLParams('symbol');
-        if (symbol != null) this.Symbol = symbol;
-        var isLog=this.GetURLParams('log');
-        if (isLog=='false') 
-        {
-            HQChart.JSConsole.Chart.Log=()=>{}
-            HQChart.JSConsole.Complier.Log=()=>{}
-        }
-    },
-
-    mounted:function()
-    {
-        var stockfull=this.$refs.stockfull;
-
-        var self=this;
-        window.onresize = function() { self.OnSize() }
-
-        this.OnSize();
-    },
-
-
-    methods:
-    {
-        OnChangeSymbol:function(symbol)
-        {
-            this.$refs.stockfull.SetSymbol(symbol);
-        },
-        
-        OnSize:function()
-        {
-            var height= $(window).height();
-            var width = $(window).width();
-
-            $('.divstockfull').height(height-70);
-
-            this.$refs.stockfull.OnSize();
-        },
-
-        GetURLParams:function(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;
-        },
-
-        OnChangeStyle(styleName)
-        {
-            this.$refs.stockfull.OnChangeStyle(styleName);
-        }
-    }
-}
-
-</script>
-
-<style lang="less">
-* 
-{
-    font: 14px/normal "Microsoft Yahei";
-    color: #666;
-    padding: 0;
-    margin: 0;
-}
-
-.demoPageTop{
-  position: relative;
-  height: 40px;
-  line-height: 40px;
-  text-align: center;
-
-  .changeColorBtns{
-    position: absolute;
-    top: 0;
-    right: 15px;
-    height: 100%;
-    width: 140px;
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-  }
-}
-
-.divstockfull
-{
-    height:800px;
-    margin: 5px;   
-    border:4px solid #FFA500; 
-}
-  
-</style>

package/src/pages/hq.demo.page/index.js

@@ -1,12 +0,0 @@
-import Vue from 'vue'
-import ElementUI from 'element-ui'
-import locale from 'element-ui/lib/locale/lang/en'
-import 'element-ui/lib/theme-default/index.css';
-import App from './app.vue'
-
-Vue.use(ElementUI, { locale })
-
-new Vue({
-  el: '#app',
-  render: h => h(App)
-})

package/src/pages/hqchart.black/App.vue

@@ -1,90 +0,0 @@
-<template>
-    <div id="app2" >
-        <div class="nav">
-            <router-link to="/" exact-active-class="current">分时图</router-link>
-            <router-link to="/candlestickChart" exact-active-class="current">分时图</router-link>
-            <router-link to="/stockDeallas" exact-active-class="current">分时成交</router-link>
-            <router-link to="/pricePointsTable" exact-active-class="current">分价表</router-link>
-        </div>
-        <div class="content">
-            <router-view :Symbol="Symbol"></router-view>
-        </div>
-    </div>
-</template>
-
-<script>
-
-export default 
-{
-    data() {
-        return {
-            Symbol: '000001.sz'
-        }
-    },
-    created() {
-        var symbol = this.GetURLParams('symbol');
-        if (symbol != null) this.Symbol = symbol;
-    },
-    methods: {
-        GetURLParams:function(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;
-        }
-    }
-}
-
-</script>
-
-<style lang="less">
-html,body{
-    height: 100%;
-}
-body
-{
-    font: 14px Arial,Microsoft YaHei;
-    color: #666;
-    padding: 0;
-    margin: 0;
-}
-ol,
-ul {
-  list-style: none;
-}
-a 
-{
-    text-decoration: none;
-}
-
-#app2{
-    display: flex;
-    height: 100%;
-    font: 14px Arial,Microsoft YaHei;
-}
-.nav{
-    display: flex;
-    flex-direction: column;
-    height: 100%;
-    background-color: #1a1e20;
-    border-left: 1px solid #2c3032;
-    border-right: 1px solid #2c3032;
-    color: #919aa3;
-    text-align: center;
-    > a{
-        width: 24px;
-        text-align: center;
-        text-decoration: none;
-        color: #919aa3;
-        margin-top: 10px;
-        &:hover,&.current {
-          color: #ff9900;
-        }
-    }
-}
-.content{
-    flex: 1;
-    background: #141718;
-}
-</style>

package/src/pages/hqchart.black/components/searchsymbol.vue

@@ -1,299 +0,0 @@
-<!-- 
-    股票代码搜索控件
--->
-
-<template>
-  <div class="symbolWrap">
-    <div class="inputBox" v-on:keyup.38="KeyUp" v-on:keyup.40="KeyDown" v-on:keyup.enter="KeyEnter">
-      <input
-        class="myInput"
-        v-model="Symbol"
-        autofocus="autofocus"
-        placeholder="请输入股票代码或简称"
-        @keyup="SpellSock()"
-        ref="inputSymbol"
-      >
-      <span class="iconBox" v-show="Symbol != '' ">
-        <i class="el-icon-close myIcon" @click="DeletSymbel()"></i>
-      </span>
-      <span v-show="SearchKeywords" class="SearchKeywords">
-        搜
-        <span class="keyWords">
-          "
-          <span class="widthSure">{{Symbol}}</span>"
-        </span>
-        相关股票
-      </span>
-      <div class="stockList" v-show="SpellListEle">
-        <p
-          class="item"
-          v-for="(item,index) in SpellStockData"
-          @click="HideSpellList(item)"
-          @mousemove="MouseMove(index)"
-          :key="index"
-          :class="SetSelect(index)"
-        >
-          <span class="symbol">{{item.Symbol}}</span>
-          <span class="name">{{item.Name}}</span>
-        </p>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script>
-    import JSCommonStock from "../../../jscommon/umychart.vue/umychart.stock.vue.js";
-
-    import Vue from "vue";
-    import ElementUI from "element-ui";
-    import "element-ui/lib/theme-default/index.css";
-    import locale from "element-ui/lib/locale/lang/en";
-
-    Vue.use(ElementUI, { locale });
-
-    export default {
-        name: "SearchSymbol",
-        data() {
-            return {
-            Symbol: "",
-            SearchStock: null,
-            SpellStockData: [],
-            SpellListEle: false,
-            SearchKeywords: false, // 控制搜索关键字行显示隐藏
-            Select: 0, // 搜索内容行
-            OldSymbol: "",
-            IsQuery: true //是否查询
-            };
-        },
-
-        methods: {
-            // 键盘上键事件
-            KeyUp() {
-            if (this.SpellStockData.length > 0) {
-                this.Select = this.Select - 1;
-                if (this.Select < 0) {
-                this.Select = 0;
-                }
-                this.SetScrollTo();
-            }
-            },
-            // 键盘下键事件
-            KeyDown() {
-            if (this.SpellStockData.length > 0) {
-                this.Select = this.Select + 1;
-                if (this.Select >= this.SpellStockData.length) {
-                this.Select = this.SpellStockData.length - 1;
-                }
-                this.SetScrollTo();
-            }
-            },
-            KeyEnter() {
-            if (this.Select > -1) {
-                this.Symbol = this.SpellStockData[this.Select].Symbol;
-                this.SearchKeywords = false;
-                this.SpellListEle = false;
-                this.IsQuery = false;
-                this.$emit("inputValue", this.Symbol);
-            }
-            },
-            MouseMove(index) {
-            this.Select = index;
-            },
-            SetScrollTo() {
-            if (this.Select >= 4) {
-                let itemHeight = $(".item").height() + 4;
-                $(".stockList").scrollTop(itemHeight * (this.Select - 4));
-            } else {
-                $(".stockList").scrollTop(0);
-            }
-            },
-            SetSelect(index) {
-            if (this.Select === index) {
-                return "Select";
-            }
-            },
-
-            SpellSock() {
-            if (this.Symbol) {
-                this.SearchKeywords = true;
-                this.SpellListEle = true;
-            } else {
-                this.SearchKeywords = false;
-                this.SpellListEle = false;
-                return;
-            }
-
-            if (this.OldSymbol !== this.Symbol) {
-                this.Select = 0;
-                this.OldSymbol = this.Symbol;
-
-                if (this.IsQuery) {
-                this.SearchStock = JSCommonStock.JSStock.GetSearchStock(
-                    this.SpellCallback
-                );
-                let symbol = this.Symbol;
-                this.SearchStock.Search(symbol, 2 | 4); //支持股票+指数
-                }
-                this.IsQuery = true;
-            }
-            },
-
-            SpellCallback(data) {
-            var stocks = data.Data;
-            this.SpellStockData = stocks;
-            this.SpellListEle = true;
-            },
-
-            HideSpellList(stock) {
-            var symbol = stock.Symbol;
-            this.SpellListEle = false;
-            this.SearchKeywords = false;
-            this.Symbol = symbol;
-            this.$emit("inputValue", this.Symbol);
-            //   this.$emit("inputStock", stock);
-            this.IsQuery = false;
-            },
-
-            DeletSymbel() {
-            this.Symbol = "";
-            this.SpellListEle = false;
-            this.SearchKeywords = false;
-            this.$nextTick(function() {
-                //DOM 更新了
-                this.$refs.inputSymbol.focus();
-            });
-            }
-        }
-    };
-</script>
-
-
-<style lang="less">
-.symbolWrap {
-  position: relative;
-  .Select {
-    background-color: #fff3d8;
-  }
-
-  .myInput {
-    width: 137px;
-    height: 21px;
-    line-height: 21px;
-    color: #999;
-    font-family: Microsoft YaHei;
-    border: 1px solid #999;
-  }
-
-  .iconBox {
-    display: inline-block;
-    position: absolute;
-    left: 122px;
-    top: 0;
-
-    .myIcon {
-      color: #999;
-      background: white;
-      height: 19px;
-      width: 14px;
-    }
-  }
-
-  .SearchKeywords {
-    display: block;
-    border: 1px solid #999;
-    border-top: none;
-    background: #f0f0f0;
-    position: absolute;
-    width: 192px;
-    font-size: 14px;
-    height: 22px;
-    line-height: 22px;
-    padding-left: 5px;
-    z-index: 9999;
-    top: 23px;
-
-    .keyWords {
-      color: red;
-      display: inline-block;
-
-      .widthSure {
-        display: inline-block;
-        max-width: 95px;
-        overflow: hidden;
-        text-overflow: ellipsis;
-        white-space: nowrap;
-        vertical-align: top;
-      }
-    }
-  }
-
-  .SearchKeywords:hover {
-    background: #999;
-  }
-
-  .stockList {
-    position: absolute;
-    width: 197px;
-    top: 45px;
-    left: 0;
-    max-height: 120px;
-    overflow-y: auto;
-    overflow-x: hidden;
-    border: 1px solid #999;
-    border-top: 1px solid #ccc;
-    font-size: 14px;
-    font-family: Microsoft YaHei;
-    background-color: #fff;
-    padding-right: -17px;
-    z-index: 9999;
-
-    .item {
-      padding: 2px 0;
-      width: 100%;
-    }
-
-    .symbol {
-      padding-left: 15px;
-      padding-right: 25px;
-    }
-
-    .name {
-      padding-right: 10px;
-    }
-  }
-}
-
-.el-icon-close:before {
-  font-size: 1px;
-}
-
-::-webkit-scrollbar {
-  /* 滚动条整体部分 */
-  width: 0px;
-  margin-right: 2px;
-}
-
-::-webkit-scrollbar-thumb {
-  /* 滑块 */
-  border-radius: 5px;
-  background-color: #999;
-}
-
-input::-webkit-input-placeholder {
-  /*WebKit browsers*/
-  font-size: 12px;
-  font-family: Microsoft YaHei;
-}
-
-input::-moz-input-placeholder {
-  /*Mozilla Firefox*/
-  font-size: 12px;
-  font-family: Microsoft YaHei;
-}
-
-input::-ms-input-placeholder {
-  /*Internet Explorer*/
-  font-family: Microsoft YaHei;
-  font-size: 12px;
-}
-</style>