forked from SuperMap/iClient-JavaScript
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathRankSymbol.js
More file actions
143 lines (125 loc) · 7.05 KB
/
RankSymbol.js
File metadata and controls
143 lines (125 loc) · 7.05 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
/* Copyright© 2000 - 2023 SuperMap Software Co.Ltd. All rights reserved.
* This program are made available under the terms of the Apache License, Version 2.0
* which accompanies this distribution and is available at http://www.apache.org/licenses/LICENSE-2.0.html.*/
import {Graph} from './Graph';
/**
* @class FeatureThemeRankSymbol
* @aliasclass Feature.Theme.RankSymbol
* @deprecatedclass SuperMap.Feature.Theme.RankSymbol
* @category Visualization Theme
* @classdesc 符号专题要素基类。此类定义了符号专题要素基础模型，具体的图表模型通过继承此类，在子类中实现 assembleShapes 方法。
* 符号专题要素模型采用了可视化图形大小自适应策略，用较少的参数控制着图表诸多图形，图表配置对象 <FeatureThemeRankSymbol.setting> 的基础属性只有 5 个，
* 它们控制着图表结构、值域范围、数据小数位等基础图表形态。构成图表的图形必须在图表结构里自适应大小。
* 此类不可实例化，此类的可实例化子类必须实现 assembleShapes() 方法。
* @param {FeatureVector} data - 用户数据。
* @param {SuperMap.Layer.RankSymbol} layer - 此专题要素所在图层。
* @param {Array.<string>} fields - data 中的参与此图表生成的字段名称。
* @param {LonLat} [lonlat] - 专题要素地理位置。默认为 data 指代的地理要素 Bounds 中心。
* @param {Object} setting - 图表配置对象。除了以下 5 个基础属性，此对象的可设属性在不同子类中有较大差异，不同子类中对同一属性的解释也可能不同，请在此类的子类中查看 setting 对象的可设属性和属性含义。
* @param {Array.<number>} setting.codomain - 值域，长度为 2 的一维数组，第一个元素表示值域下限，第二个元素表示值域上限。
* @param {number} [setting.XOffset] - 专题要素（图表）在 X 方向上的偏移值，单位像素。
* @param {number} [setting.YOffset] - 专题要素（图表）在 Y 方向上的偏移值，单位像素。
* @param {Array.<number>} [setting.dataViewBoxParameter] - 数据视图框 dataViewBox 参数，它是指图表框 chartBox （由图表位置、图表宽度、图表高度构成的图表范围框）在左、下，右，上四个方向上的内偏距值。
* @param {number} [setting.decimalNumber] - 数据值数组 dataValues 元素值小数位数，数据的小数位处理参数，取值范围：[0, 16]。如果不设置此参数，在取数据值时不对数据做小数位处理。
* @extends FeatureThemeGraph
* @usage
*/
export class RankSymbol extends Graph {
constructor(data, layer, fields, setting, lonlat, options) {
super(data, layer, fields, setting, lonlat, options);
/**
* @member {Object} FeatureThemeRankSymbol.prototype.setting
* @description 符号配置对象，该对象控制着图表的可视化显示。
*/
this.setting = null;
// 配置项检测与赋值
if (setting && setting.codomain) {
this.setting = setting;
this.DVBCodomain = this.setting.codomain;
}
this.CLASS_NAME = "SuperMap.Feature.Theme.RankSymbol";
}
/**
* @function FeatureThemeRankSymbol.prototype.destroy
* @description 销毁专题要素。
*/
destroy() {
this.setting = null;
super.destroy();
}
/**
* @function FeatureThemeRankSymbol.prototype.initBaseParameter
* @description 初始化专题要素（图形）基础参数。
* 在调用此方法前，此类的图表模型相关属性都是不可用的 ，此方法在 assembleShapes 函数中调用。
* 调用此函数关系到 setting 对象的以下属性。
* @param {Array.<number>} codomain - 值域，长度为 2 的一维数组，第一个元素表示值域下限，第二个元素表示值域上限。
* @param {number} [XOffset] - 专题要素（图形）在 X 方向上的偏移值，单位像素。
* @param {number} [YOffset] - 专题要素（图形）在 Y 方向上的偏移值，单位像素。
* @param {Array.<number>} [dataViewBoxParameter] - 数据视图框 dataViewBox 参数，它是指图形框 chartBox （由图表位置、图表宽度、图表高度构成的图表范围框）在左、下，右，上四个方向上的内偏距值。
* @param {number} [decimalNumber] - 数据值数组 dataValues 元素值小数位数，数据的小数位处理参数，取值范围：[0, 16]。如果不设置此参数，在取数据值时不对数据做小数位处理。
* @returns {boolean} 初始化参数是否成功。
*/
initBaseParameter() {
// 参数初始化是否成功
var isSuccess = true;
// setting 属性是否已成功赋值
if (!this.setting) {
return false;
}
var sets = this.setting;
// 图表偏移
if (sets.XOffset) {
this.XOffset = sets.XOffset;
}
if (sets.YOffset) {
this.YOffset = sets.YOffset;
}
this.XOffset = sets.XOffset ? sets.XOffset : 0;
this.YOffset = sets.YOffset ? sets.YOffset : 0;
// 其他默认值
this.origonPoint = [];
this.chartBox = [];
this.dataViewBox = [];
this.DVBParameter = sets.dataViewBoxParameter ? sets.dataViewBoxParameter : [0, 0, 0, 0];
this.DVBOrigonPoint = [];
this.DVBCenterPoint = [];
this.origonPointOffset = [];
// 图表位置
this.resetLocation();
// 专题要素宽度 w
var w = this.width;
// 专题要素高度 h
var h = this.height;
// 专题要素像素位置 loc
var loc = this.location;
// 专题要素像素位置 loc
this.origonPoint = [loc[0] - w / 2, loc[1] - h / 2];
// 专题要素原点（左上角）
var op = this.origonPoint;
// 图表框（[left, bottom, right, top]）
this.chartBox = [op[0], op[1] + h, op[0] + w, op[1]];
// 图表框
var cb = this.chartBox;
// 数据视图框参数，它是图表框各方向对应的内偏距
var dbbP = this.DVBParameter;
// 数据视图框 （[left, bottom, right, top]）
this.dataViewBox = [cb[0] + dbbP[0], cb[1] - dbbP[1], cb[2] - dbbP[2], cb[3] + dbbP[3]];
// 数据视图框
var dvb = this.dataViewBox;
//检查数据视图框是否合法
if (dvb[0] >= dvb[2] || dvb[1] <= dvb[3]) {
return false;
}
// 数据视图框原点
this.DVBOrigonPoint = [dvb[0], dvb[3]];
// 数据视图框宽度
this.DVBWidth = Math.abs(dvb[2] - dvb[0]);
// 数据视图框高度
this.DVBHeight = Math.abs(dvb[1] - dvb[3]);
// 数据视图框中心点
this.DVBCenterPoint = [this.DVBOrigonPoint[0] + this.DVBWidth / 2, this.DVBOrigonPoint[1] + this.DVBHeight / 2];
// 数据视图框原点与图表框的原点偏移量
this.origonPointOffset = [this.DVBOrigonPoint[0] - op[0], this.DVBOrigonPoint[1] - op[1]];
return isSuccess;
}
}