diff --git a/src/components/site/previewOfSiteStatus.vue b/src/components/site/previewOfSiteStatus.vue index 3d263e8..3a2f672 100644 --- a/src/components/site/previewOfSiteStatus.vue +++ b/src/components/site/previewOfSiteStatus.vue @@ -1081,7 +1081,6 @@ if (this.vectorSourceArea) { this.vectorSourceArea.clear(); } - } // 限制数组的长度不超过10个 @@ -1137,7 +1136,6 @@ if (this.vectorSourceArea) { this.vectorSourceArea.clear(); } - } // 根据平台渲染站点数量统计及状态统计 this.loadSiteNumForOroject(); @@ -1205,14 +1203,46 @@ color: "#30919a" }, interval: 0, - formatter: function(value) { - //x轴的文字改为竖版显示 - var str = value.split(""); - return str.join("\n"); + formatter: function(params) { + var newParamsName = ""; // 最终拼接成的字符串 + var paramsNameNumber = params.length; // 实际标签的个数 + var provideNumber = 2; // 每行能显示的字的个数 + var rowNumber = Math.ceil(paramsNameNumber / provideNumber); // 换行的话,需要显示几行,向上取整 + /** + * 判断标签的个数是否大于规定的个数, 如果大于,则进行换行处理 如果不大于,即等于或小于,就返回原标签 + */ + // 条件等同于rowNumber>1 + if (paramsNameNumber > provideNumber) { + /** 循环每一行,p表示行 */ + for (var p = 0; p < rowNumber; p++) { + var tempStr = ""; // 表示每一次截取的字符串 + var start = p * provideNumber; // 开始截取的位置 + var end = start + provideNumber; // 结束截取的位置 + // 此处特殊处理最后一行的索引值 + if (p == rowNumber - 1) { + // 最后一次不换行 + tempStr = params.substring(start, paramsNameNumber); + } else { + // 每一次拼接字符串并换行 + tempStr = params.substring(start, end) + "\n"; + } + newParamsName += tempStr; // 最终拼成的字符串 + } + } else { + // 将旧标签的值赋给新标签 + newParamsName = params; + } + //将最终的字符串返回 + return newParamsName; }, fontSize: 12 //更改坐标轴文字大小 } }, + grid: { + containLabel: true, + bottom: "2%", + top: "10%" + }, yAxis: { type: "value", axisLabel: { @@ -1605,7 +1635,7 @@ this.vectorSourceArea.clear(); } //删除行政区域图层 - /* var layers=this.map.getLayers().array_; + /* var layers=this.map.getLayers().array_; for(var i=0;i { //先删除图层 - if(this.vectorArea) - this.map.removeLayer(this.vectorArea) + if (this.vectorArea) this.map.removeLayer(this.vectorArea); // console.log(response); let dataJson = response.data.features[0]; // console.log(dataJson); @@ -1630,8 +1659,8 @@ features: areaFeature }); - this.vectorArea = new LayerVector({ - layername:"xingzhengbianma", + this.vectorArea = new LayerVector({ + layername: "xingzhengbianma", renderMode: "image", maxResolution: 2, zIndex: 2, @@ -1645,10 +1674,10 @@ }) }); } - }); - - this.map.addLayer(this.vectorArea); - + }); + + this.map.addLayer(this.vectorArea); + //定位过去 //开始根据routeFeature定位 /* console.log(areaFeature[0].getGeometry().getExtent()) @@ -1658,7 +1687,6 @@ }); }, - //显示cluster聚簇界面 showCluster(clusterData) { //初始化kkLayer @@ -1667,8 +1695,7 @@ } this.source = new SourceVector({}); - if(this.vector) - this.map.removeLayer(this.vector) + if (this.vector) this.map.removeLayer(this.vector); //初始化kkLayer if (this.vectorSource) { @@ -1685,8 +1712,6 @@ } }); - - var cell, resultwkt = ""; var feature; @@ -1875,9 +1900,6 @@ // this.map.addLayer(this.vector); - - - this.$http .post(this.nozzle.listStationBase, { data: {