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; | 
