* @function FeatureThemeLine.prototype.calculateXShapeInfo * @description 计算 X 轴方向上的图形信息,此信息是一个对象,包含两个属性, * 属性 xPositions 是一个一维数组,该数组元素表示图形在 x 轴方向上的像素坐标值, * 如果图形在 x 方向上有一定宽度,通常取图形在 x 方向上的中心点为图形在 x 方向上的坐标值。 * width 表示图形的宽度(特别注意:点的宽度始终为 0,而不是其
()
| 209 | * width - {number} 表示图形的宽度(特别注意:点的宽度始终为 0,而不是其直径)。 |
| 210 | */ |
| 211 | calculateXShapeInfo() { |
| 212 | var dvb = this.dataViewBox; // 数据视图框 |
| 213 | var sets = this.setting; // 图表配置对象 |
| 214 | var fvc = this.dataValues.length; // 数组值个数 |
| 215 | |
| 216 | if (fvc < 1) { |
| 217 | return null; |
| 218 | } |
| 219 | |
| 220 | var xBlank; // x 轴空白间隔参数 |
| 221 | var xShapePositions = []; // x 轴上图形的位置 |
| 222 | var xShapeWidth = 0; // x 轴上图形宽度(自适应) |
| 223 | var dvbWidth = this.DVBWidth; // 数据视图框宽度 |
| 224 | var unitOffset = 0; // 单位偏移量 |
| 225 | |
| 226 | // x 轴空白间隔参数处理 |
| 227 | if (sets.xShapeBlank && sets.xShapeBlank.length && sets.xShapeBlank.length == 2) { |
| 228 | xBlank = sets.xShapeBlank; |
| 229 | var xsLen = dvbWidth - (xBlank[0] + xBlank[1]); |
| 230 | if (xsLen <= fvc) { |
| 231 | return null; |
| 232 | } |
| 233 | unitOffset = xsLen / (fvc - 1); |
| 234 | } else { |
| 235 | // 默认使用等距离空白间隔,空白间隔为图形宽度 |
| 236 | unitOffset = dvbWidth / (fvc + 1); |
| 237 | xBlank = [unitOffset, unitOffset, unitOffset]; |
| 238 | } |
| 239 | |
| 240 | // 图形 x 轴上的位置计算 |
| 241 | var xOffset = 0 |
| 242 | for (var i = 0; i < fvc; i++) { |
| 243 | if (i == 0) { |
| 244 | xOffset = xBlank[0]; |
| 245 | } else { |
| 246 | xOffset += unitOffset; |
| 247 | } |
| 248 | |
| 249 | xShapePositions.push(dvb[0] + xOffset); |
| 250 | } |
| 251 | |
| 252 | return { |
| 253 | "xPositions": xShapePositions, |
| 254 | "width": xShapeWidth |
| 255 | }; |
| 256 | } |
| 257 | |
| 258 | } |