barPolar.js 8.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252
  1. var zrUtil = require("zrender/lib/core/util");
  2. var _number = require("../util/number");
  3. var parsePercent = _number.parsePercent;
  4. function getSeriesStackId(seriesModel) {
  5. return seriesModel.get('stack') || '__ec_stack_' + seriesModel.seriesIndex;
  6. }
  7. function getAxisKey(axis) {
  8. return axis.dim;
  9. }
  10. /**
  11. * @param {string} seriesType
  12. * @param {module:echarts/model/Global} ecModel
  13. * @param {module:echarts/ExtensionAPI} api
  14. */
  15. function barLayoutPolar(seriesType, ecModel, api) {
  16. var width = api.getWidth();
  17. var height = api.getHeight();
  18. var lastStackCoords = {};
  19. var lastStackCoordsOrigin = {};
  20. var barWidthAndOffset = calRadialBar(zrUtil.filter(ecModel.getSeriesByType(seriesType), function (seriesModel) {
  21. return !ecModel.isSeriesFiltered(seriesModel) && seriesModel.coordinateSystem && seriesModel.coordinateSystem.type === 'polar';
  22. }));
  23. ecModel.eachSeriesByType(seriesType, function (seriesModel) {
  24. // Check series coordinate, do layout for polar only
  25. if (seriesModel.coordinateSystem.type !== 'polar') {
  26. return;
  27. }
  28. var data = seriesModel.getData();
  29. var polar = seriesModel.coordinateSystem;
  30. var angleAxis = polar.getAngleAxis();
  31. var baseAxis = polar.getBaseAxis();
  32. var stackId = getSeriesStackId(seriesModel);
  33. var columnLayoutInfo = barWidthAndOffset[getAxisKey(baseAxis)][stackId];
  34. var columnOffset = columnLayoutInfo.offset;
  35. var columnWidth = columnLayoutInfo.width;
  36. var valueAxis = polar.getOtherAxis(baseAxis);
  37. var center = seriesModel.get('center') || ['50%', '50%'];
  38. var cx = parsePercent(center[0], width);
  39. var cy = parsePercent(center[1], height);
  40. var barMinHeight = seriesModel.get('barMinHeight') || 0;
  41. var barMinAngle = seriesModel.get('barMinAngle') || 0;
  42. var valueAxisStart = valueAxis.getExtent()[0];
  43. var valueMax = valueAxis.model.get('max');
  44. var valueMin = valueAxis.model.get('min');
  45. var coordDims = [seriesModel.coordDimToDataDim('radius')[0], seriesModel.coordDimToDataDim('angle')[0]];
  46. var coords = data.mapArray(coordDims, function (radius, angle) {
  47. return polar.dataToPoint([radius, angle]);
  48. }, true);
  49. lastStackCoords[stackId] = lastStackCoords[stackId] || [];
  50. lastStackCoordsOrigin[stackId] = lastStackCoordsOrigin[stackId] || []; // Fix #4243
  51. data.each(seriesModel.coordDimToDataDim(valueAxis.dim)[0], function (value, idx) {
  52. if (isNaN(value)) {
  53. return;
  54. }
  55. if (!lastStackCoords[stackId][idx]) {
  56. lastStackCoords[stackId][idx] = {
  57. p: valueAxisStart,
  58. // Positive stack
  59. n: valueAxisStart // Negative stack
  60. };
  61. lastStackCoordsOrigin[stackId][idx] = {
  62. p: valueAxisStart,
  63. // Positive stack
  64. n: valueAxisStart // Negative stack
  65. };
  66. }
  67. var sign = value >= 0 ? 'p' : 'n';
  68. var coord = polar.pointToCoord(coords[idx]);
  69. var lastCoordOrigin = lastStackCoordsOrigin[stackId][idx][sign];
  70. var r0;
  71. var r;
  72. var startAngle;
  73. var endAngle;
  74. if (valueAxis.dim === 'radius') {
  75. // radial sector
  76. r0 = lastCoordOrigin;
  77. r = coord[0];
  78. startAngle = (-coord[1] + columnOffset) * Math.PI / 180;
  79. endAngle = startAngle + columnWidth * Math.PI / 180;
  80. if (Math.abs(r) < barMinHeight) {
  81. r = r0 + (r < 0 ? -1 : 1) * barMinHeight;
  82. }
  83. lastStackCoordsOrigin[stackId][idx][sign] = r;
  84. } else {
  85. // tangential sector
  86. r0 = coord[0] + columnOffset;
  87. r = r0 + columnWidth; // clamp data if min or max is defined for valueAxis
  88. if (valueMax != null) {
  89. value = Math.min(value, valueMax);
  90. }
  91. if (valueMin != null) {
  92. value = Math.max(value, valueMin);
  93. }
  94. var angle = angleAxis.dataToAngle(value);
  95. if (Math.abs(angle - lastCoordOrigin) < barMinAngle) {
  96. angle = lastCoordOrigin - (value < 0 ? -1 : 1) * barMinAngle;
  97. }
  98. startAngle = -lastCoordOrigin * Math.PI / 180;
  99. endAngle = -angle * Math.PI / 180; // if the previous stack is at the end of the ring,
  100. // add a round to differentiate it from origin
  101. var extent = angleAxis.getExtent();
  102. var stackCoord = angle;
  103. if (stackCoord === extent[0] && value > 0) {
  104. stackCoord = extent[1];
  105. } else if (stackCoord === extent[1] && value < 0) {
  106. stackCoord = extent[0];
  107. }
  108. lastStackCoordsOrigin[stackId][idx][sign] = stackCoord;
  109. }
  110. data.setItemLayout(idx, {
  111. cx: cx,
  112. cy: cy,
  113. r0: r0,
  114. r: r,
  115. startAngle: startAngle,
  116. endAngle: endAngle
  117. });
  118. }, true);
  119. }, this);
  120. }
  121. /**
  122. * Calculate bar width and offset for radial bar charts
  123. */
  124. function calRadialBar(barSeries, api) {
  125. // Columns info on each category axis. Key is polar name
  126. var columnsMap = {};
  127. zrUtil.each(barSeries, function (seriesModel, idx) {
  128. var data = seriesModel.getData();
  129. var polar = seriesModel.coordinateSystem;
  130. var baseAxis = polar.getBaseAxis();
  131. var axisExtent = baseAxis.getExtent();
  132. var bandWidth = baseAxis.type === 'category' ? baseAxis.getBandWidth() : Math.abs(axisExtent[1] - axisExtent[0]) / data.count();
  133. var columnsOnAxis = columnsMap[getAxisKey(baseAxis)] || {
  134. bandWidth: bandWidth,
  135. remainedWidth: bandWidth,
  136. autoWidthCount: 0,
  137. categoryGap: '20%',
  138. gap: '30%',
  139. stacks: {}
  140. };
  141. var stacks = columnsOnAxis.stacks;
  142. columnsMap[getAxisKey(baseAxis)] = columnsOnAxis;
  143. var stackId = getSeriesStackId(seriesModel);
  144. if (!stacks[stackId]) {
  145. columnsOnAxis.autoWidthCount++;
  146. }
  147. stacks[stackId] = stacks[stackId] || {
  148. width: 0,
  149. maxWidth: 0
  150. };
  151. var barWidth = parsePercent(seriesModel.get('barWidth'), bandWidth);
  152. var barMaxWidth = parsePercent(seriesModel.get('barMaxWidth'), bandWidth);
  153. var barGap = seriesModel.get('barGap');
  154. var barCategoryGap = seriesModel.get('barCategoryGap');
  155. if (barWidth && !stacks[stackId].width) {
  156. barWidth = Math.min(columnsOnAxis.remainedWidth, barWidth);
  157. stacks[stackId].width = barWidth;
  158. columnsOnAxis.remainedWidth -= barWidth;
  159. }
  160. barMaxWidth && (stacks[stackId].maxWidth = barMaxWidth);
  161. barGap != null && (columnsOnAxis.gap = barGap);
  162. barCategoryGap != null && (columnsOnAxis.categoryGap = barCategoryGap);
  163. });
  164. var result = {};
  165. zrUtil.each(columnsMap, function (columnsOnAxis, coordSysName) {
  166. result[coordSysName] = {};
  167. var stacks = columnsOnAxis.stacks;
  168. var bandWidth = columnsOnAxis.bandWidth;
  169. var categoryGap = parsePercent(columnsOnAxis.categoryGap, bandWidth);
  170. var barGapPercent = parsePercent(columnsOnAxis.gap, 1);
  171. var remainedWidth = columnsOnAxis.remainedWidth;
  172. var autoWidthCount = columnsOnAxis.autoWidthCount;
  173. var autoWidth = (remainedWidth - categoryGap) / (autoWidthCount + (autoWidthCount - 1) * barGapPercent);
  174. autoWidth = Math.max(autoWidth, 0); // Find if any auto calculated bar exceeded maxBarWidth
  175. zrUtil.each(stacks, function (column, stack) {
  176. var maxWidth = column.maxWidth;
  177. if (maxWidth && maxWidth < autoWidth) {
  178. maxWidth = Math.min(maxWidth, remainedWidth);
  179. if (column.width) {
  180. maxWidth = Math.min(maxWidth, column.width);
  181. }
  182. remainedWidth -= maxWidth;
  183. column.width = maxWidth;
  184. autoWidthCount--;
  185. }
  186. }); // Recalculate width again
  187. autoWidth = (remainedWidth - categoryGap) / (autoWidthCount + (autoWidthCount - 1) * barGapPercent);
  188. autoWidth = Math.max(autoWidth, 0);
  189. var widthSum = 0;
  190. var lastColumn;
  191. zrUtil.each(stacks, function (column, idx) {
  192. if (!column.width) {
  193. column.width = autoWidth;
  194. }
  195. lastColumn = column;
  196. widthSum += column.width * (1 + barGapPercent);
  197. });
  198. if (lastColumn) {
  199. widthSum -= lastColumn.width * barGapPercent;
  200. }
  201. var offset = -widthSum / 2;
  202. zrUtil.each(stacks, function (column, stackId) {
  203. result[coordSysName][stackId] = result[coordSysName][stackId] || {
  204. offset: offset,
  205. width: column.width
  206. };
  207. offset += column.width * (1 + barGapPercent);
  208. });
  209. });
  210. return result;
  211. }
  212. var _default = barLayoutPolar;
  213. module.exports = _default;