123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247 |
- import { __extends } from "tslib";
- import * as zrUtil from 'zrender/lib/core/util.js';
- import createSeriesDataSimply from '../helper/createSeriesDataSimply.js';
- import SeriesModel from '../../model/Series.js';
- import geoSourceManager from '../../coord/geo/geoSourceManager.js';
- import { makeSeriesEncodeForNameBased } from '../../data/helper/sourceHelper.js';
- import { createTooltipMarkup } from '../../component/tooltip/tooltipMarkup.js';
- import { createSymbol } from '../../util/symbol.js';
- var MapSeries = function (_super) {
- __extends(MapSeries, _super);
- function MapSeries() {
- var _this = _super !== null && _super.apply(this, arguments) || this;
- _this.type = MapSeries.type;
-
- _this.needsDrawMap = false;
-
- _this.seriesGroup = [];
- _this.getTooltipPosition = function (dataIndex) {
- if (dataIndex != null) {
- var name_1 = this.getData().getName(dataIndex);
- var geo = this.coordinateSystem;
- var region = geo.getRegion(name_1);
- return region && geo.dataToPoint(region.getCenter());
- }
- };
- return _this;
- }
- MapSeries.prototype.getInitialData = function (option) {
- var data = createSeriesDataSimply(this, {
- coordDimensions: ['value'],
- encodeDefaulter: zrUtil.curry(makeSeriesEncodeForNameBased, this)
- });
- var dataNameMap = zrUtil.createHashMap();
- var toAppendNames = [];
- for (var i = 0, len = data.count(); i < len; i++) {
- var name_2 = data.getName(i);
- dataNameMap.set(name_2, true);
- }
- var geoSource = geoSourceManager.load(this.getMapType(), this.option.nameMap, this.option.nameProperty);
- zrUtil.each(geoSource.regions, function (region) {
- var name = region.name;
- if (!dataNameMap.get(name)) {
- toAppendNames.push(name);
- }
- });
-
-
-
- data.appendValues([], toAppendNames);
- return data;
- };
-
- MapSeries.prototype.getHostGeoModel = function () {
- var geoIndex = this.option.geoIndex;
- return geoIndex != null ? this.ecModel.getComponent('geo', geoIndex) : null;
- };
- MapSeries.prototype.getMapType = function () {
- return (this.getHostGeoModel() || this).option.map;
- };
-
-
-
-
-
-
- MapSeries.prototype.getRawValue = function (dataIndex) {
-
-
- var data = this.getData();
- return data.get(data.mapDimension('value'), dataIndex);
- };
-
- MapSeries.prototype.getRegionModel = function (regionName) {
- var data = this.getData();
- return data.getItemModel(data.indexOfName(regionName));
- };
-
- MapSeries.prototype.formatTooltip = function (dataIndex, multipleSeries, dataType) {
-
- var data = this.getData();
- var value = this.getRawValue(dataIndex);
- var name = data.getName(dataIndex);
- var seriesGroup = this.seriesGroup;
- var seriesNames = [];
- for (var i = 0; i < seriesGroup.length; i++) {
- var otherIndex = seriesGroup[i].originalData.indexOfName(name);
- var valueDim = data.mapDimension('value');
- if (!isNaN(seriesGroup[i].originalData.get(valueDim, otherIndex))) {
- seriesNames.push(seriesGroup[i].name);
- }
- }
- return createTooltipMarkup('section', {
- header: seriesNames.join(', '),
- noHeader: !seriesNames.length,
- blocks: [createTooltipMarkup('nameValue', {
- name: name,
- value: value
- })]
- });
- };
- MapSeries.prototype.setZoom = function (zoom) {
- this.option.zoom = zoom;
- };
- MapSeries.prototype.setCenter = function (center) {
- this.option.center = center;
- };
- MapSeries.prototype.getLegendIcon = function (opt) {
- var iconType = opt.icon || 'roundRect';
- var icon = createSymbol(iconType, 0, 0, opt.itemWidth, opt.itemHeight, opt.itemStyle.fill);
- icon.setStyle(opt.itemStyle);
-
- icon.style.stroke = 'none';
-
- if (iconType.indexOf('empty') > -1) {
- icon.style.stroke = icon.style.fill;
- icon.style.fill = '#fff';
- icon.style.lineWidth = 2;
- }
- return icon;
- };
- MapSeries.type = 'series.map';
- MapSeries.dependencies = ['geo'];
- MapSeries.layoutMode = 'box';
- MapSeries.defaultOption = {
-
-
-
- z: 2,
- coordinateSystem: 'geo',
-
- map: '',
-
-
-
-
-
- left: 'center',
-
- top: 'center',
-
-
-
-
-
-
-
-
-
- aspectScale: null,
-
-
-
-
-
- showLegendSymbol: true,
-
-
-
- boundingCoords: null,
-
- center: null,
- zoom: 1,
- scaleLimit: null,
- selectedMode: true,
- label: {
- show: false,
- color: '#000'
- },
-
- itemStyle: {
- borderWidth: 0.5,
- borderColor: '#444',
- areaColor: '#eee'
- },
- emphasis: {
- label: {
- show: true,
- color: 'rgb(100,0,0)'
- },
- itemStyle: {
- areaColor: 'rgba(255,215,0,0.8)'
- }
- },
- select: {
- label: {
- show: true,
- color: 'rgb(100,0,0)'
- },
- itemStyle: {
- color: 'rgba(255,215,0,0.8)'
- }
- },
- nameProperty: 'name'
- };
- return MapSeries;
- }(SeriesModel);
- export default MapSeries;
|