let item=points[i];
          if (item !== null && i>leftNum && i<rightNum) {
            context.beginPath();
            
            var startX = item.x - item.width / 2;
            var height = opts.height - item.y - opts.area[2];
			console.info(opts.area[2])
			if (eachSeries.color && Array.isArray(eachSeries.color)) {
				const grd = context.createLinearGradient(startX, item.y, startX+item.width-2,opts.height - opts.area[2]);
				for(var ii = 0; ii < eachSeries.color.length; ii++) {
					grd.addColorStop((ii + 1) / eachSeries.color.length, eachSeries.color[ii])
				}
				context.setFillStyle(grd);
				context.fillRect(startX, item.y, item.width-2,height);
			} else {
				context.setStrokeStyle(item.color || eachSeries.color);
				context.setLineWidth(1)
				context.setFillStyle(item.color || eachSeries.color);
				context.moveTo(startX, item.y);
				context.lineTo(startX+item.width-2,item.y);
				context.lineTo(startX+item.width-2,opts.height - opts.area[2]);
				context.lineTo(startX,opts.height - opts.area[2]);
				context.lineTo(startX,item.y);
				context.closePath();
				context.stroke();
				context.fill();
			}
          }

getServerData() {
				let column = {
					"categories": ["00.00", "08.00", "16.00", "23.00"],
					"series": [{
						"name": "成交量1",
						textColor: '#ffffff',
						"color": ['rgb(255, 41, 71)', 'rgb(255, 185, 63)'],
						"data": [8, 5, 10, 10]
					},{
						"name": "成交量2",
						textColor: '#ffffff',
						"color": ['rgb(255, 41, 71)', 'rgb(255, 185, 63)'],
						"data": [0, 10, 20, 40]
					},{
						
						"name": "成交量3",
						textColor: '#ffffff',
						"color": ['rgb(255, 41, 71)', 'rgb(255, 185, 63)'],
						"data": [0, 17, 15,15]
					},{
						"name": "成交量4",
						textColor: '#ffffff',
						"color": ['rgb(255, 41, 71)', 'rgb(255, 185, 63)'],
						"data": [10, 20, 45, 37]
					},{
						"name": "成交量5",
						textColor: '#ffffff',
						"color": ['rgb(255, 41, 71)', 'rgb(255, 185, 63)'],
						"data": [0, 40, 35, 15]
					},]
				}
				_self.showColumn("canvasColumn", column);
			},
			showColumn(canvasId, chartData) {
				canvaColumn = new uCharts({
					$this: _self,
					canvasId: canvasId,
					type: 'column',
					legend: {
						show: false // 不显示图标下面的区分标志
					},
					fontSize: 11,
					pixelRatio: _self.pixelRatio,
					animation: true,
					categories: chartData.categories,
					series: chartData.series,
					xAxis: {
						disableGrid: true, // 不显示横坐标网格
						fontColor: '#ffffff',
					},
					yAxis: {
						gridType: 'dash',
						data: [{
							fontColor: '#ffffff',
							fontSize: uni.upx2px(18),
							axisLine: false
						}]
					},
					dataLabel: false, // 不显示y轴内容值
					width: _self.cWidth * _self.pixelRatio,
					height: _self.cHeight * _self.pixelRatio,
					extra: {
						column: {
							width: _self.cWidth * _self.pixelRatio * 0.45 / chartData.categories.length,
							meter: {
								fillColor: '#FF0000'
							}
						}
					}
				});
				 console.info(canvaColumn)
			}