candlestickLayout.js 8.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233
  1. /*
  2. * Licensed to the Apache Software Foundation (ASF) under one
  3. * or more contributor license agreements. See the NOTICE file
  4. * distributed with this work for additional information
  5. * regarding copyright ownership. The ASF licenses this file
  6. * to you under the Apache License, Version 2.0 (the
  7. * "License"); you may not use this file except in compliance
  8. * with the License. You may obtain a copy of the License at
  9. *
  10. * http://www.apache.org/licenses/LICENSE-2.0
  11. *
  12. * Unless required by applicable law or agreed to in writing,
  13. * software distributed under the License is distributed on an
  14. * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
  15. * KIND, either express or implied. See the License for the
  16. * specific language governing permissions and limitations
  17. * under the License.
  18. */
  19. /* global Float32Array */
  20. import {subPixelOptimize} from '../../util/graphic';
  21. import createRenderPlanner from '../helper/createRenderPlanner';
  22. import {parsePercent} from '../../util/number';
  23. import {retrieve2} from 'zrender/src/core/util';
  24. var LargeArr = typeof Float32Array !== 'undefined' ? Float32Array : Array;
  25. export default {
  26. seriesType: 'candlestick',
  27. plan: createRenderPlanner(),
  28. reset: function (seriesModel) {
  29. var coordSys = seriesModel.coordinateSystem;
  30. var data = seriesModel.getData();
  31. var candleWidth = calculateCandleWidth(seriesModel, data);
  32. var cDimIdx = 0;
  33. var vDimIdx = 1;
  34. var coordDims = ['x', 'y'];
  35. var cDim = data.mapDimension(coordDims[cDimIdx]);
  36. var vDims = data.mapDimension(coordDims[vDimIdx], true);
  37. var openDim = vDims[0];
  38. var closeDim = vDims[1];
  39. var lowestDim = vDims[2];
  40. var highestDim = vDims[3];
  41. data.setLayout({
  42. candleWidth: candleWidth,
  43. // The value is experimented visually.
  44. isSimpleBox: candleWidth <= 1.3
  45. });
  46. if (cDim == null || vDims.length < 4) {
  47. return;
  48. }
  49. return {
  50. progress: seriesModel.pipelineContext.large
  51. ? largeProgress : normalProgress
  52. };
  53. function normalProgress(params, data) {
  54. var dataIndex;
  55. while ((dataIndex = params.next()) != null) {
  56. var axisDimVal = data.get(cDim, dataIndex);
  57. var openVal = data.get(openDim, dataIndex);
  58. var closeVal = data.get(closeDim, dataIndex);
  59. var lowestVal = data.get(lowestDim, dataIndex);
  60. var highestVal = data.get(highestDim, dataIndex);
  61. var ocLow = Math.min(openVal, closeVal);
  62. var ocHigh = Math.max(openVal, closeVal);
  63. var ocLowPoint = getPoint(ocLow, axisDimVal);
  64. var ocHighPoint = getPoint(ocHigh, axisDimVal);
  65. var lowestPoint = getPoint(lowestVal, axisDimVal);
  66. var highestPoint = getPoint(highestVal, axisDimVal);
  67. var ends = [];
  68. addBodyEnd(ends, ocHighPoint, 0);
  69. addBodyEnd(ends, ocLowPoint, 1);
  70. ends.push(
  71. subPixelOptimizePoint(highestPoint),
  72. subPixelOptimizePoint(ocHighPoint),
  73. subPixelOptimizePoint(lowestPoint),
  74. subPixelOptimizePoint(ocLowPoint)
  75. );
  76. data.setItemLayout(dataIndex, {
  77. sign: getSign(data, dataIndex, openVal, closeVal, closeDim),
  78. initBaseline: openVal > closeVal
  79. ? ocHighPoint[vDimIdx] : ocLowPoint[vDimIdx], // open point.
  80. ends: ends,
  81. brushRect: makeBrushRect(lowestVal, highestVal, axisDimVal)
  82. });
  83. }
  84. function getPoint(val, axisDimVal) {
  85. var p = [];
  86. p[cDimIdx] = axisDimVal;
  87. p[vDimIdx] = val;
  88. return (isNaN(axisDimVal) || isNaN(val))
  89. ? [NaN, NaN]
  90. : coordSys.dataToPoint(p);
  91. }
  92. function addBodyEnd(ends, point, start) {
  93. var point1 = point.slice();
  94. var point2 = point.slice();
  95. point1[cDimIdx] = subPixelOptimize(
  96. point1[cDimIdx] + candleWidth / 2, 1, false
  97. );
  98. point2[cDimIdx] = subPixelOptimize(
  99. point2[cDimIdx] - candleWidth / 2, 1, true
  100. );
  101. start
  102. ? ends.push(point1, point2)
  103. : ends.push(point2, point1);
  104. }
  105. function makeBrushRect(lowestVal, highestVal, axisDimVal) {
  106. var pmin = getPoint(lowestVal, axisDimVal);
  107. var pmax = getPoint(highestVal, axisDimVal);
  108. pmin[cDimIdx] -= candleWidth / 2;
  109. pmax[cDimIdx] -= candleWidth / 2;
  110. return {
  111. x: pmin[0],
  112. y: pmin[1],
  113. width: vDimIdx ? candleWidth : pmax[0] - pmin[0],
  114. height: vDimIdx ? pmax[1] - pmin[1] : candleWidth
  115. };
  116. }
  117. function subPixelOptimizePoint(point) {
  118. point[cDimIdx] = subPixelOptimize(point[cDimIdx], 1);
  119. return point;
  120. }
  121. }
  122. function largeProgress(params, data) {
  123. // Structure: [sign, x, yhigh, ylow, sign, x, yhigh, ylow, ...]
  124. var points = new LargeArr(params.count * 4);
  125. var offset = 0;
  126. var point;
  127. var tmpIn = [];
  128. var tmpOut = [];
  129. var dataIndex;
  130. while ((dataIndex = params.next()) != null) {
  131. var axisDimVal = data.get(cDim, dataIndex);
  132. var openVal = data.get(openDim, dataIndex);
  133. var closeVal = data.get(closeDim, dataIndex);
  134. var lowestVal = data.get(lowestDim, dataIndex);
  135. var highestVal = data.get(highestDim, dataIndex);
  136. if (isNaN(axisDimVal) || isNaN(lowestVal) || isNaN(highestVal)) {
  137. points[offset++] = NaN;
  138. offset += 3;
  139. continue;
  140. }
  141. points[offset++] = getSign(data, dataIndex, openVal, closeVal, closeDim);
  142. tmpIn[cDimIdx] = axisDimVal;
  143. tmpIn[vDimIdx] = lowestVal;
  144. point = coordSys.dataToPoint(tmpIn, null, tmpOut);
  145. points[offset++] = point ? point[0] : NaN;
  146. points[offset++] = point ? point[1] : NaN;
  147. tmpIn[vDimIdx] = highestVal;
  148. point = coordSys.dataToPoint(tmpIn, null, tmpOut);
  149. points[offset++] = point ? point[1] : NaN;
  150. }
  151. data.setLayout('largePoints', points);
  152. }
  153. }
  154. };
  155. function getSign(data, dataIndex, openVal, closeVal, closeDim) {
  156. var sign;
  157. if (openVal > closeVal) {
  158. sign = -1;
  159. }
  160. else if (openVal < closeVal) {
  161. sign = 1;
  162. }
  163. else {
  164. sign = dataIndex > 0
  165. // If close === open, compare with close of last record
  166. ? (data.get(closeDim, dataIndex - 1) <= closeVal ? 1 : -1)
  167. // No record of previous, set to be positive
  168. : 1;
  169. }
  170. return sign;
  171. }
  172. function calculateCandleWidth(seriesModel, data) {
  173. var baseAxis = seriesModel.getBaseAxis();
  174. var extent;
  175. var bandWidth = baseAxis.type === 'category'
  176. ? baseAxis.getBandWidth()
  177. : (
  178. extent = baseAxis.getExtent(),
  179. Math.abs(extent[1] - extent[0]) / data.count()
  180. );
  181. var barMaxWidth = parsePercent(
  182. retrieve2(seriesModel.get('barMaxWidth'), bandWidth),
  183. bandWidth
  184. );
  185. var barMinWidth = parsePercent(
  186. retrieve2(seriesModel.get('barMinWidth'), 1),
  187. bandWidth
  188. );
  189. var barWidth = seriesModel.get('barWidth');
  190. return barWidth != null
  191. ? parsePercent(barWidth, bandWidth)
  192. // Put max outer to ensure bar visible in spite of overlap.
  193. : Math.max(Math.min(bandWidth / 2, barMaxWidth), barMinWidth);
  194. }