| | |
| | | type: "left", //left 从左往右 right 从有王座 |
| | | sortVal: 0, |
| | | kLineData: this.generateKLineData(), |
| | | klineDataList: [], |
| | | }; |
| | | }, |
| | | props: { |
| | |
| | | }, |
| | | mounted() { |
| | | this.listData.forEach((item) => { |
| | | item.kLineData = this.generateKLineData(); |
| | | if (!item.kLineData) { |
| | | item.kLineData = this.generateKLineData(); |
| | | this.klineDataList.push(item.kLineData); |
| | | } |
| | | }); |
| | | this.$nextTick(() => { |
| | | this.drawKLine(); |
| | |
| | | |
| | | canvasList.forEach((canvas, index) => { |
| | | if (!canvas) return; |
| | | // if (this.listData[index].kLineData) return; |
| | | |
| | | if (!this.listData[index].kLineData) { |
| | | this.listData[index].kLineData = |
| | | this.klineDataList[index] || this.generateKLineData(); |
| | | this.klineDataList.push(this.listData[index].kLineData); |
| | | } |
| | | // console.log( |
| | | // "kLineData", |
| | | // this.listData[index].kLineData, |
| | | // this.klineDataList |
| | | // ); |
| | | const ctx = canvas.getContext("2d"); |
| | | const width = canvas.width; |
| | | const height = canvas.height; |
| | |
| | | ctx.stroke(); |
| | | }); |
| | | |
| | | console.log("listData: ", this.listData); |
| | | // console.log("listData: ", this.listData); |
| | | }, |
| | | //排序 |
| | | listSort(val) { |
| | |
| | | }, |
| | | watch: { |
| | | listData() { |
| | | this.drawKLine(); |
| | | // this.listData.forEach((item) => { |
| | | // if (!item.kLineData) { |
| | | // item.kLineData = this.generateKLineData(); |
| | | // } |
| | | // }); |
| | | if (this.active == 0) { |
| | | this.showList = [...this.listData]; |
| | | } else if (this.active == 1) { |
| | |
| | | this.showList = [...this.listData].sort(this.compare("volume", "up")); |
| | | } |
| | | this.$forceUpdate(); |
| | | this.$nextTick(() => { |
| | | // 为每一项补充 kLineData |
| | | this.listData.forEach((item) => { |
| | | if (!item.kLineData) { |
| | | item.kLineData = this.generateKLineData(); |
| | | } |
| | | }); |
| | | }); |
| | | }, |
| | | }, |
| | | }; |