86 lines
2.9 KiB
JavaScript
86 lines
2.9 KiB
JavaScript
|
import * as echarts from 'echarts/lib/echarts';
|
||
|
|
import componentViewControlMixin from '../common/componentViewControlMixin';
|
||
|
|
import componentPostEffectMixin from '../common/componentPostEffectMixin';
|
||
|
|
import componentLightMixin from '../common/componentLightMixin';
|
||
|
|
import componentShadingMixin from '../common/componentShadingMixin';
|
||
|
|
import geo3DModelMixin from '../../coord/geo3D/geo3DModelMixin';
|
||
|
|
var Geo3DModel = echarts.ComponentModel.extend({
|
||
|
|
type: 'geo3D',
|
||
|
|
layoutMode: 'box',
|
||
|
|
coordinateSystem: null,
|
||
|
|
optionUpdated: function () {
|
||
|
|
var option = this.option;
|
||
|
|
option.regions = this.getFilledRegions(option.regions, option.map);
|
||
|
|
var dimensions = echarts.helper.createDimensions(option.data || [], {
|
||
|
|
coordDimensions: ['value'],
|
||
|
|
encodeDefine: this.get('encode'),
|
||
|
|
dimensionsDefine: this.get('dimensions')
|
||
|
|
});
|
||
|
|
var list = new echarts.List(dimensions, this);
|
||
|
|
list.initData(option.regions);
|
||
|
|
var regionModelMap = {};
|
||
|
|
list.each(function (idx) {
|
||
|
|
var name = list.getName(idx);
|
||
|
|
var itemModel = list.getItemModel(idx);
|
||
|
|
regionModelMap[name] = itemModel;
|
||
|
|
});
|
||
|
|
this._regionModelMap = regionModelMap;
|
||
|
|
this._data = list;
|
||
|
|
},
|
||
|
|
getData: function () {
|
||
|
|
return this._data;
|
||
|
|
},
|
||
|
|
getRegionModel: function (idx) {
|
||
|
|
var name = this.getData().getName(idx);
|
||
|
|
return this._regionModelMap[name] || new echarts.Model(null, this);
|
||
|
|
},
|
||
|
|
getRegionPolygonCoords: function (idx) {
|
||
|
|
var name = this.getData().getName(idx);
|
||
|
|
var region = this.coordinateSystem.getRegion(name);
|
||
|
|
return region ? region.geometries : [];
|
||
|
|
},
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Format label
|
||
|
|
* @param {string} name Region name
|
||
|
|
* @param {string} [status='normal'] 'normal' or 'emphasis'
|
||
|
|
* @return {string}
|
||
|
|
*/
|
||
|
|
getFormattedLabel: function (dataIndex, status) {
|
||
|
|
var name = this._data.getName(dataIndex);
|
||
|
|
|
||
|
|
var regionModel = this.getRegionModel(dataIndex);
|
||
|
|
var formatter = regionModel.get(status === 'normal' ? ['label', 'formatter'] : ['emphasis', 'label', 'formatter']);
|
||
|
|
|
||
|
|
if (formatter == null) {
|
||
|
|
formatter = regionModel.get(['label', 'formatter']);
|
||
|
|
}
|
||
|
|
|
||
|
|
var params = {
|
||
|
|
name: name
|
||
|
|
};
|
||
|
|
|
||
|
|
if (typeof formatter === 'function') {
|
||
|
|
params.status = status;
|
||
|
|
return formatter(params);
|
||
|
|
} else if (typeof formatter === 'string') {
|
||
|
|
var serName = params.seriesName;
|
||
|
|
return formatter.replace('{a}', serName != null ? serName : '');
|
||
|
|
} else {
|
||
|
|
return name;
|
||
|
|
}
|
||
|
|
},
|
||
|
|
defaultOption: {
|
||
|
|
// itemStyle: {},
|
||
|
|
// height,
|
||
|
|
// label: {}
|
||
|
|
// realisticMaterial
|
||
|
|
regions: []
|
||
|
|
}
|
||
|
|
});
|
||
|
|
echarts.util.merge(Geo3DModel.prototype, geo3DModelMixin);
|
||
|
|
echarts.util.merge(Geo3DModel.prototype, componentViewControlMixin);
|
||
|
|
echarts.util.merge(Geo3DModel.prototype, componentPostEffectMixin);
|
||
|
|
echarts.util.merge(Geo3DModel.prototype, componentLightMixin);
|
||
|
|
echarts.util.merge(Geo3DModel.prototype, componentShadingMixin);
|
||
|
|
export default Geo3DModel;
|