204 lines
6.1 KiB
JavaScript
204 lines
6.1 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.
|
||
|
*/
|
||
|
|
||
|
var zrUtil = require("zrender/lib/core/util");
|
||
|
|
||
|
var _number = require("../../util/number");
|
||
|
|
||
|
var parsePercent = _number.parsePercent;
|
||
|
|
||
|
/*
|
||
|
* 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.
|
||
|
*/
|
||
|
var each = zrUtil.each;
|
||
|
|
||
|
function _default(ecModel) {
|
||
|
var groupResult = groupSeriesByAxis(ecModel);
|
||
|
each(groupResult, function (groupItem) {
|
||
|
var seriesModels = groupItem.seriesModels;
|
||
|
|
||
|
if (!seriesModels.length) {
|
||
|
return;
|
||
|
}
|
||
|
|
||
|
calculateBase(groupItem);
|
||
|
each(seriesModels, function (seriesModel, idx) {
|
||
|
layoutSingleSeries(seriesModel, groupItem.boxOffsetList[idx], groupItem.boxWidthList[idx]);
|
||
|
});
|
||
|
});
|
||
|
}
|
||
|
/**
|
||
|
* Group series by axis.
|
||
|
*/
|
||
|
|
||
|
|
||
|
function groupSeriesByAxis(ecModel) {
|
||
|
var result = [];
|
||
|
var axisList = [];
|
||
|
ecModel.eachSeriesByType('boxplot', function (seriesModel) {
|
||
|
var baseAxis = seriesModel.getBaseAxis();
|
||
|
var idx = zrUtil.indexOf(axisList, baseAxis);
|
||
|
|
||
|
if (idx < 0) {
|
||
|
idx = axisList.length;
|
||
|
axisList[idx] = baseAxis;
|
||
|
result[idx] = {
|
||
|
axis: baseAxis,
|
||
|
seriesModels: []
|
||
|
};
|
||
|
}
|
||
|
|
||
|
result[idx].seriesModels.push(seriesModel);
|
||
|
});
|
||
|
return result;
|
||
|
}
|
||
|
/**
|
||
|
* Calculate offset and box width for each series.
|
||
|
*/
|
||
|
|
||
|
|
||
|
function calculateBase(groupItem) {
|
||
|
var extent;
|
||
|
var baseAxis = groupItem.axis;
|
||
|
var seriesModels = groupItem.seriesModels;
|
||
|
var seriesCount = seriesModels.length;
|
||
|
var boxWidthList = groupItem.boxWidthList = [];
|
||
|
var boxOffsetList = groupItem.boxOffsetList = [];
|
||
|
var boundList = [];
|
||
|
var bandWidth;
|
||
|
|
||
|
if (baseAxis.type === 'category') {
|
||
|
bandWidth = baseAxis.getBandWidth();
|
||
|
} else {
|
||
|
var maxDataCount = 0;
|
||
|
each(seriesModels, function (seriesModel) {
|
||
|
maxDataCount = Math.max(maxDataCount, seriesModel.getData().count());
|
||
|
});
|
||
|
extent = baseAxis.getExtent(), Math.abs(extent[1] - extent[0]) / maxDataCount;
|
||
|
}
|
||
|
|
||
|
each(seriesModels, function (seriesModel) {
|
||
|
var boxWidthBound = seriesModel.get('boxWidth');
|
||
|
|
||
|
if (!zrUtil.isArray(boxWidthBound)) {
|
||
|
boxWidthBound = [boxWidthBound, boxWidthBound];
|
||
|
}
|
||
|
|
||
|
boundList.push([parsePercent(boxWidthBound[0], bandWidth) || 0, parsePercent(boxWidthBound[1], bandWidth) || 0]);
|
||
|
});
|
||
|
var availableWidth = bandWidth * 0.8 - 2;
|
||
|
var boxGap = availableWidth / seriesCount * 0.3;
|
||
|
var boxWidth = (availableWidth - boxGap * (seriesCount - 1)) / seriesCount;
|
||
|
var base = boxWidth / 2 - availableWidth / 2;
|
||
|
each(seriesModels, function (seriesModel, idx) {
|
||
|
boxOffsetList.push(base);
|
||
|
base += boxGap + boxWidth;
|
||
|
boxWidthList.push(Math.min(Math.max(boxWidth, boundList[idx][0]), boundList[idx][1]));
|
||
|
});
|
||
|
}
|
||
|
/**
|
||
|
* Calculate points location for each series.
|
||
|
*/
|
||
|
|
||
|
|
||
|
function layoutSingleSeries(seriesModel, offset, boxWidth) {
|
||
|
var coordSys = seriesModel.coordinateSystem;
|
||
|
var data = seriesModel.getData();
|
||
|
var halfWidth = boxWidth / 2;
|
||
|
var cDimIdx = seriesModel.get('layout') === 'horizontal' ? 0 : 1;
|
||
|
var vDimIdx = 1 - cDimIdx;
|
||
|
var coordDims = ['x', 'y'];
|
||
|
var cDim = data.mapDimension(coordDims[cDimIdx]);
|
||
|
var vDims = data.mapDimension(coordDims[vDimIdx], true);
|
||
|
|
||
|
if (cDim == null || vDims.length < 5) {
|
||
|
return;
|
||
|
}
|
||
|
|
||
|
for (var dataIndex = 0; dataIndex < data.count(); dataIndex++) {
|
||
|
var axisDimVal = data.get(cDim, dataIndex);
|
||
|
var median = getPoint(axisDimVal, vDims[2], dataIndex);
|
||
|
var end1 = getPoint(axisDimVal, vDims[0], dataIndex);
|
||
|
var end2 = getPoint(axisDimVal, vDims[1], dataIndex);
|
||
|
var end4 = getPoint(axisDimVal, vDims[3], dataIndex);
|
||
|
var end5 = getPoint(axisDimVal, vDims[4], dataIndex);
|
||
|
var ends = [];
|
||
|
addBodyEnd(ends, end2, 0);
|
||
|
addBodyEnd(ends, end4, 1);
|
||
|
ends.push(end1, end2, end5, end4);
|
||
|
layEndLine(ends, end1);
|
||
|
layEndLine(ends, end5);
|
||
|
layEndLine(ends, median);
|
||
|
data.setItemLayout(dataIndex, {
|
||
|
initBaseline: median[vDimIdx],
|
||
|
ends: ends
|
||
|
});
|
||
|
}
|
||
|
|
||
|
function getPoint(axisDimVal, dimIdx, dataIndex) {
|
||
|
var val = data.get(dimIdx, dataIndex);
|
||
|
var p = [];
|
||
|
p[cDimIdx] = axisDimVal;
|
||
|
p[vDimIdx] = val;
|
||
|
var point;
|
||
|
|
||
|
if (isNaN(axisDimVal) || isNaN(val)) {
|
||
|
point = [NaN, NaN];
|
||
|
} else {
|
||
|
point = coordSys.dataToPoint(p);
|
||
|
point[cDimIdx] += offset;
|
||
|
}
|
||
|
|
||
|
return point;
|
||
|
}
|
||
|
|
||
|
function addBodyEnd(ends, point, start) {
|
||
|
var point1 = point.slice();
|
||
|
var point2 = point.slice();
|
||
|
point1[cDimIdx] += halfWidth;
|
||
|
point2[cDimIdx] -= halfWidth;
|
||
|
start ? ends.push(point1, point2) : ends.push(point2, point1);
|
||
|
}
|
||
|
|
||
|
function layEndLine(ends, endCenter) {
|
||
|
var from = endCenter.slice();
|
||
|
var to = endCenter.slice();
|
||
|
from[cDimIdx] -= halfWidth;
|
||
|
to[cDimIdx] += halfWidth;
|
||
|
ends.push(from, to);
|
||
|
}
|
||
|
}
|
||
|
|
||
|
module.exports = _default;
|