Single.js 5.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246
  1. var SingleAxis = require("./SingleAxis");
  2. var axisHelper = require("../axisHelper");
  3. var _layout = require("../../util/layout");
  4. var getLayoutRect = _layout.getLayoutRect;
  5. /**
  6. * Single coordinates system.
  7. */
  8. /**
  9. * Create a single coordinates system.
  10. *
  11. * @param {module:echarts/coord/single/AxisModel} axisModel
  12. * @param {module:echarts/model/Global} ecModel
  13. * @param {module:echarts/ExtensionAPI} api
  14. */
  15. function Single(axisModel, ecModel, api) {
  16. /**
  17. * @type {string}
  18. * @readOnly
  19. */
  20. this.dimension = 'single';
  21. /**
  22. * Add it just for draw tooltip.
  23. *
  24. * @type {Array.<string>}
  25. * @readOnly
  26. */
  27. this.dimensions = ['single'];
  28. /**
  29. * @private
  30. * @type {module:echarts/coord/single/SingleAxis}.
  31. */
  32. this._axis = null;
  33. /**
  34. * @private
  35. * @type {module:zrender/core/BoundingRect}
  36. */
  37. this._rect;
  38. this._init(axisModel, ecModel, api);
  39. /**
  40. * @type {module:echarts/coord/single/AxisModel}
  41. */
  42. this.model = axisModel;
  43. }
  44. Single.prototype = {
  45. type: 'singleAxis',
  46. axisPointerEnabled: true,
  47. constructor: Single,
  48. /**
  49. * Initialize single coordinate system.
  50. *
  51. * @param {module:echarts/coord/single/AxisModel} axisModel
  52. * @param {module:echarts/model/Global} ecModel
  53. * @param {module:echarts/ExtensionAPI} api
  54. * @private
  55. */
  56. _init: function (axisModel, ecModel, api) {
  57. var dim = this.dimension;
  58. var axis = new SingleAxis(dim, axisHelper.createScaleByModel(axisModel), [0, 0], axisModel.get('type'), axisModel.get('position'));
  59. var isCategory = axis.type === 'category';
  60. axis.onBand = isCategory && axisModel.get('boundaryGap');
  61. axis.inverse = axisModel.get('inverse');
  62. axis.orient = axisModel.get('orient');
  63. axisModel.axis = axis;
  64. axis.model = axisModel;
  65. axis.coordinateSystem = this;
  66. this._axis = axis;
  67. },
  68. /**
  69. * Update axis scale after data processed
  70. * @param {module:echarts/model/Global} ecModel
  71. * @param {module:echarts/ExtensionAPI} api
  72. */
  73. update: function (ecModel, api) {
  74. ecModel.eachSeries(function (seriesModel) {
  75. if (seriesModel.coordinateSystem === this) {
  76. var data = seriesModel.getData();
  77. var dim = this.dimension;
  78. this._axis.scale.unionExtentFromData(data, seriesModel.coordDimToDataDim(dim));
  79. axisHelper.niceScaleExtent(this._axis.scale, this._axis.model);
  80. }
  81. }, this);
  82. },
  83. /**
  84. * Resize the single coordinate system.
  85. *
  86. * @param {module:echarts/coord/single/AxisModel} axisModel
  87. * @param {module:echarts/ExtensionAPI} api
  88. */
  89. resize: function (axisModel, api) {
  90. this._rect = getLayoutRect({
  91. left: axisModel.get('left'),
  92. top: axisModel.get('top'),
  93. right: axisModel.get('right'),
  94. bottom: axisModel.get('bottom'),
  95. width: axisModel.get('width'),
  96. height: axisModel.get('height')
  97. }, {
  98. width: api.getWidth(),
  99. height: api.getHeight()
  100. });
  101. this._adjustAxis();
  102. },
  103. /**
  104. * @return {module:zrender/core/BoundingRect}
  105. */
  106. getRect: function () {
  107. return this._rect;
  108. },
  109. /**
  110. * @private
  111. */
  112. _adjustAxis: function () {
  113. var rect = this._rect;
  114. var axis = this._axis;
  115. var isHorizontal = axis.isHorizontal();
  116. var extent = isHorizontal ? [0, rect.width] : [0, rect.height];
  117. var idx = axis.reverse ? 1 : 0;
  118. axis.setExtent(extent[idx], extent[1 - idx]);
  119. this._updateAxisTransform(axis, isHorizontal ? rect.x : rect.y);
  120. },
  121. /**
  122. * @param {module:echarts/coord/single/SingleAxis} axis
  123. * @param {number} coordBase
  124. */
  125. _updateAxisTransform: function (axis, coordBase) {
  126. var axisExtent = axis.getExtent();
  127. var extentSum = axisExtent[0] + axisExtent[1];
  128. var isHorizontal = axis.isHorizontal();
  129. axis.toGlobalCoord = isHorizontal ? function (coord) {
  130. return coord + coordBase;
  131. } : function (coord) {
  132. return extentSum - coord + coordBase;
  133. };
  134. axis.toLocalCoord = isHorizontal ? function (coord) {
  135. return coord - coordBase;
  136. } : function (coord) {
  137. return extentSum - coord + coordBase;
  138. };
  139. },
  140. /**
  141. * Get axis.
  142. *
  143. * @return {module:echarts/coord/single/SingleAxis}
  144. */
  145. getAxis: function () {
  146. return this._axis;
  147. },
  148. /**
  149. * Get axis, add it just for draw tooltip.
  150. *
  151. * @return {[type]} [description]
  152. */
  153. getBaseAxis: function () {
  154. return this._axis;
  155. },
  156. /**
  157. * @return {Array.<module:echarts/coord/Axis>}
  158. */
  159. getAxes: function () {
  160. return [this._axis];
  161. },
  162. /**
  163. * @return {Object} {baseAxes: [], otherAxes: []}
  164. */
  165. getTooltipAxes: function () {
  166. return {
  167. baseAxes: [this.getAxis()]
  168. };
  169. },
  170. /**
  171. * If contain point.
  172. *
  173. * @param {Array.<number>} point
  174. * @return {boolean}
  175. */
  176. containPoint: function (point) {
  177. var rect = this.getRect();
  178. var axis = this.getAxis();
  179. var orient = axis.orient;
  180. if (orient === 'horizontal') {
  181. return axis.contain(axis.toLocalCoord(point[0])) && point[1] >= rect.y && point[1] <= rect.y + rect.height;
  182. } else {
  183. return axis.contain(axis.toLocalCoord(point[1])) && point[0] >= rect.y && point[0] <= rect.y + rect.height;
  184. }
  185. },
  186. /**
  187. * @param {Array.<number>} point
  188. * @return {Array.<number>}
  189. */
  190. pointToData: function (point) {
  191. var axis = this.getAxis();
  192. return [axis.coordToData(axis.toLocalCoord(point[axis.orient === 'horizontal' ? 0 : 1]))];
  193. },
  194. /**
  195. * Convert the series data to concrete point.
  196. *
  197. * @param {number|Array.<number>} val
  198. * @return {Array.<number>}
  199. */
  200. dataToPoint: function (val) {
  201. var axis = this.getAxis();
  202. var rect = this.getRect();
  203. var pt = [];
  204. var idx = axis.orient === 'horizontal' ? 0 : 1;
  205. if (val instanceof Array) {
  206. val = val[0];
  207. }
  208. pt[idx] = axis.toGlobalCoord(axis.dataToCoord(+val));
  209. pt[1 - idx] = idx === 0 ? rect.y + rect.height / 2 : rect.x + rect.width / 2;
  210. return pt;
  211. }
  212. };
  213. var _default = Single;
  214. module.exports = _default;