| | |
| | | }, |
| | | data() { |
| | | return { |
| | | key:0, |
| | | active:0, |
| | | MinuteDayMenu: DefaultData.GetMinuteDayMenu(), |
| | | MinuteDayIndex: 0, |
| | | KLinePeriodMenu: DefaultData.GetKLinePeriodMenu(), |
| | |
| | | |
| | | VolChartHeight: 10, |
| | | chartType: "kline", |
| | | timerss:null, |
| | | isShow: false, |
| | | xData: [], |
| | | }; |
| | | }, |
| | | |
| | | created() { |
| | | const { query } = this.$route; |
| | | if (query.if_zhishu === "0") { |
| | |
| | | this.OnSize(); |
| | | this.SetChartStyle(); |
| | | this.$nextTick(() => { |
| | | // this.CreateMinuteChart(); |
| | | this.CreateMinuteChart(); |
| | | this.CreateKLineChart(); |
| | | // this.timerss = setInterval(() => { |
| | | // this.CreateKLineChart(); |
| | | // console.log(this.KLinePeriodMenu); |
| | | // // this.KLineChart.ChangePeriod(this.KLinePeriodMenu[this.KLinePeriodIndex].ID); |
| | | // //此处为了 让k线实时刷新 |
| | | // this.OnClickKLinePeriodMenu(this.KLinePeriodIndex, 0, 'kline') |
| | | // this.OnClickKLinePeriodMenu(this.KLinePeriodIndex, this.KLinePeriodMenu[this.KLinePeriodIndex], 'kline') |
| | | // // this.OnClickKLinePeriodMenu(this.KLinePeriodIndex+1, this.KLinePeriodMenu[this.KLinePeriodIndex+1], 'kline') |
| | | // // this.OnClickKLinePeriodMenu(this.KLinePeriodIndex-1, this.KLinePeriodMenu[this.KLinePeriodIndex-1], 'kline') |
| | | // }, 5000); |
| | | }); |
| | | let that = this; |
| | | window.onresize = _.debounce(this.OnSize, 200); |
| | |
| | | that.OnSize(); |
| | | }); |
| | | }, |
| | | |
| | | beforeDestroy() { |
| | | clearInterval(this.timerss); // 在组件销毁前清除定时器 |
| | | this.timerss = null |
| | | }, |
| | | methods: { |
| | | |
| | | OnSize() { |
| | | var width = this.$refs.right.clientWidth; |
| | | // var rightTab = this.$refs.rightTab |
| | |
| | | }, |
| | | |
| | | CreateMinuteChart() { |
| | | if (this.Chart) return; |
| | | // if (this.Chart) return; |
| | | |
| | | var option = DefaultData.GetMinuteOption(); |
| | | option.Symbol = this.Symbol; |
| | |
| | | option.Symbol = this.Symbol; |
| | | option.NetworkFilter = (data, callback) => { |
| | | this.NetworkFilter(data, callback); |
| | | |
| | | // this.NetworkFilter(data, callback); |
| | | }; // 网络请求回调函数 |
| | | var chart = HQChart.Chart.JSChart.Init(this.$refs.kline2); |
| | | HQChart.Chart.JSChart.GetResource().FrameLogo.Text = null; |
| | |
| | | item, |
| | | type // K线周期 |
| | | ) { |
| | | console.log('1'); |
| | | //分时额外处理才注释的 |
| | | this.chartType = type; |
| | | this.KLinePeriodIndex = index; |