194 lines
7.2 KiB
JavaScript
194 lines
7.2 KiB
JavaScript
|
|
||
|
/*
|
||
|
* Licensed to the Apache Software Foundation (ASF) under one
|
||
|
* or more contributor license agreements. See the NOTICE file
|
||
|
* distributed with this work for additional information
|
||
|
* regarding copyright ownership. The ASF licenses this file
|
||
|
* to you under the Apache License, Version 2.0 (the
|
||
|
* "License"); you may not use this file except in compliance
|
||
|
* with the License. You may obtain a copy of the License at
|
||
|
*
|
||
|
* http://www.apache.org/licenses/LICENSE-2.0
|
||
|
*
|
||
|
* Unless required by applicable law or agreed to in writing,
|
||
|
* software distributed under the License is distributed on an
|
||
|
* "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
|
||
|
* KIND, either express or implied. See the License for the
|
||
|
* specific language governing permissions and limitations
|
||
|
* under the License.
|
||
|
*/
|
||
|
|
||
|
|
||
|
/**
|
||
|
* AUTO-GENERATED FILE. DO NOT MODIFY.
|
||
|
*/
|
||
|
|
||
|
/*
|
||
|
* Licensed to the Apache Software Foundation (ASF) under one
|
||
|
* or more contributor license agreements. See the NOTICE file
|
||
|
* distributed with this work for additional information
|
||
|
* regarding copyright ownership. The ASF licenses this file
|
||
|
* to you under the Apache License, Version 2.0 (the
|
||
|
* "License"); you may not use this file except in compliance
|
||
|
* with the License. You may obtain a copy of the License at
|
||
|
*
|
||
|
* http://www.apache.org/licenses/LICENSE-2.0
|
||
|
*
|
||
|
* Unless required by applicable law or agreed to in writing,
|
||
|
* software distributed under the License is distributed on an
|
||
|
* "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
|
||
|
* KIND, either express or implied. See the License for the
|
||
|
* specific language governing permissions and limitations
|
||
|
* under the License.
|
||
|
*/
|
||
|
// TODO clockwise
|
||
|
import IndicatorAxis from './IndicatorAxis.js';
|
||
|
import IntervalScale from '../../scale/Interval.js';
|
||
|
import * as numberUtil from '../../util/number.js';
|
||
|
import { map, each, isString, isNumber } from 'zrender/lib/core/util.js';
|
||
|
import { alignScaleTicks } from '../axisAlignTicks.js';
|
||
|
var Radar = /** @class */function () {
|
||
|
function Radar(radarModel, ecModel, api) {
|
||
|
/**
|
||
|
*
|
||
|
* Radar dimensions
|
||
|
*/
|
||
|
this.dimensions = [];
|
||
|
this._model = radarModel;
|
||
|
this._indicatorAxes = map(radarModel.getIndicatorModels(), function (indicatorModel, idx) {
|
||
|
var dim = 'indicator_' + idx;
|
||
|
var indicatorAxis = new IndicatorAxis(dim, new IntervalScale()
|
||
|
// (indicatorModel.get('axisType') === 'log') ? new LogScale() : new IntervalScale()
|
||
|
);
|
||
|
|
||
|
indicatorAxis.name = indicatorModel.get('name');
|
||
|
// Inject model and axis
|
||
|
indicatorAxis.model = indicatorModel;
|
||
|
indicatorModel.axis = indicatorAxis;
|
||
|
this.dimensions.push(dim);
|
||
|
return indicatorAxis;
|
||
|
}, this);
|
||
|
this.resize(radarModel, api);
|
||
|
}
|
||
|
Radar.prototype.getIndicatorAxes = function () {
|
||
|
return this._indicatorAxes;
|
||
|
};
|
||
|
Radar.prototype.dataToPoint = function (value, indicatorIndex) {
|
||
|
var indicatorAxis = this._indicatorAxes[indicatorIndex];
|
||
|
return this.coordToPoint(indicatorAxis.dataToCoord(value), indicatorIndex);
|
||
|
};
|
||
|
// TODO: API should be coordToPoint([coord, indicatorIndex])
|
||
|
Radar.prototype.coordToPoint = function (coord, indicatorIndex) {
|
||
|
var indicatorAxis = this._indicatorAxes[indicatorIndex];
|
||
|
var angle = indicatorAxis.angle;
|
||
|
var x = this.cx + coord * Math.cos(angle);
|
||
|
var y = this.cy - coord * Math.sin(angle);
|
||
|
return [x, y];
|
||
|
};
|
||
|
Radar.prototype.pointToData = function (pt) {
|
||
|
var dx = pt[0] - this.cx;
|
||
|
var dy = pt[1] - this.cy;
|
||
|
var radius = Math.sqrt(dx * dx + dy * dy);
|
||
|
dx /= radius;
|
||
|
dy /= radius;
|
||
|
var radian = Math.atan2(-dy, dx);
|
||
|
// Find the closest angle
|
||
|
// FIXME index can calculated directly
|
||
|
var minRadianDiff = Infinity;
|
||
|
var closestAxis;
|
||
|
var closestAxisIdx = -1;
|
||
|
for (var i = 0; i < this._indicatorAxes.length; i++) {
|
||
|
var indicatorAxis = this._indicatorAxes[i];
|
||
|
var diff = Math.abs(radian - indicatorAxis.angle);
|
||
|
if (diff < minRadianDiff) {
|
||
|
closestAxis = indicatorAxis;
|
||
|
closestAxisIdx = i;
|
||
|
minRadianDiff = diff;
|
||
|
}
|
||
|
}
|
||
|
return [closestAxisIdx, +(closestAxis && closestAxis.coordToData(radius))];
|
||
|
};
|
||
|
Radar.prototype.resize = function (radarModel, api) {
|
||
|
var center = radarModel.get('center');
|
||
|
var viewWidth = api.getWidth();
|
||
|
var viewHeight = api.getHeight();
|
||
|
var viewSize = Math.min(viewWidth, viewHeight) / 2;
|
||
|
this.cx = numberUtil.parsePercent(center[0], viewWidth);
|
||
|
this.cy = numberUtil.parsePercent(center[1], viewHeight);
|
||
|
this.startAngle = radarModel.get('startAngle') * Math.PI / 180;
|
||
|
// radius may be single value like `20`, `'80%'`, or array like `[10, '80%']`
|
||
|
var radius = radarModel.get('radius');
|
||
|
if (isString(radius) || isNumber(radius)) {
|
||
|
radius = [0, radius];
|
||
|
}
|
||
|
this.r0 = numberUtil.parsePercent(radius[0], viewSize);
|
||
|
this.r = numberUtil.parsePercent(radius[1], viewSize);
|
||
|
each(this._indicatorAxes, function (indicatorAxis, idx) {
|
||
|
indicatorAxis.setExtent(this.r0, this.r);
|
||
|
var angle = this.startAngle + idx * Math.PI * 2 / this._indicatorAxes.length;
|
||
|
// Normalize to [-PI, PI]
|
||
|
angle = Math.atan2(Math.sin(angle), Math.cos(angle));
|
||
|
indicatorAxis.angle = angle;
|
||
|
}, this);
|
||
|
};
|
||
|
Radar.prototype.update = function (ecModel, api) {
|
||
|
var indicatorAxes = this._indicatorAxes;
|
||
|
var radarModel = this._model;
|
||
|
each(indicatorAxes, function (indicatorAxis) {
|
||
|
indicatorAxis.scale.setExtent(Infinity, -Infinity);
|
||
|
});
|
||
|
ecModel.eachSeriesByType('radar', function (radarSeries, idx) {
|
||
|
if (radarSeries.get('coordinateSystem') !== 'radar'
|
||
|
// @ts-ignore
|
||
|
|| ecModel.getComponent('radar', radarSeries.get('radarIndex')) !== radarModel) {
|
||
|
return;
|
||
|
}
|
||
|
var data = radarSeries.getData();
|
||
|
each(indicatorAxes, function (indicatorAxis) {
|
||
|
indicatorAxis.scale.unionExtentFromData(data, data.mapDimension(indicatorAxis.dim));
|
||
|
});
|
||
|
}, this);
|
||
|
var splitNumber = radarModel.get('splitNumber');
|
||
|
var dummyScale = new IntervalScale();
|
||
|
dummyScale.setExtent(0, splitNumber);
|
||
|
dummyScale.setInterval(1);
|
||
|
// Force all the axis fixing the maxSplitNumber.
|
||
|
each(indicatorAxes, function (indicatorAxis, idx) {
|
||
|
alignScaleTicks(indicatorAxis.scale, indicatorAxis.model, dummyScale);
|
||
|
});
|
||
|
};
|
||
|
Radar.prototype.convertToPixel = function (ecModel, finder, value) {
|
||
|
console.warn('Not implemented.');
|
||
|
return null;
|
||
|
};
|
||
|
Radar.prototype.convertFromPixel = function (ecModel, finder, pixel) {
|
||
|
console.warn('Not implemented.');
|
||
|
return null;
|
||
|
};
|
||
|
Radar.prototype.containPoint = function (point) {
|
||
|
console.warn('Not implemented.');
|
||
|
return false;
|
||
|
};
|
||
|
Radar.create = function (ecModel, api) {
|
||
|
var radarList = [];
|
||
|
ecModel.eachComponent('radar', function (radarModel) {
|
||
|
var radar = new Radar(radarModel, ecModel, api);
|
||
|
radarList.push(radar);
|
||
|
radarModel.coordinateSystem = radar;
|
||
|
});
|
||
|
ecModel.eachSeriesByType('radar', function (radarSeries) {
|
||
|
if (radarSeries.get('coordinateSystem') === 'radar') {
|
||
|
// Inject coordinate system
|
||
|
// @ts-ignore
|
||
|
radarSeries.coordinateSystem = radarList[radarSeries.get('radarIndex') || 0];
|
||
|
}
|
||
|
});
|
||
|
return radarList;
|
||
|
};
|
||
|
/**
|
||
|
* Radar dimensions is based on the data
|
||
|
*/
|
||
|
Radar.dimensions = [];
|
||
|
return Radar;
|
||
|
}();
|
||
|
export default Radar;
|