1. 球改大

2. 1000个数据再触发合并

src/index.js

@@ -77,7 +77,7 @@ export default class StockHeatmap extends React.Component {
     yAxisTextPadding: 6,
     bidAskGraphPaddingLeft: 10,
     bidAskTransitionDuration: 500,
-    volumeCircleMaxRadius: 1,
+    volumeCircleMaxRadius: 20,
     runningRatioSeconds: 5,
     hmWidth: () => (this.props.width - this.defaults.borderPadding[1] - this.defaults.borderPadding[3] - this.defaults.bidAskWidth - this.defaults.axisYWidth),
     hmHeight: () => (this.props.height - this.defaults.borderPadding[0] - this.defaults.borderPadding[2] - this.defaults.axisXHeight),
@@ -676,7 +676,7 @@ export default class StockHeatmap extends React.Component {
         let trade_color = d3.color(marketDepth.side == 'sell' ? '#cc5040' : '#44c98b').rgb();
         trade_color.opacity = 0.7;
         this.drawingContext.fillStyle = trade_color.toString();
-        const r = /*xh2*/ Math.min(this.defaults.volumeCircleMaxRadius * (+marketDepth.lastTradedQty / avgTradedVolume) + 3, 50);
+        const r = /*xh2*/ Math.min(this.defaults.volumeCircleMaxRadius * (+marketDepth.lastTradedQty / avgTradedVolume) + 10, 50);
         this.drawingContext.beginPath();
         this.drawingContext.arc(
           this.xScale(ts) + xh2,
@@ -964,7 +964,7 @@ export default class StockHeatmap extends React.Component {
       // move position only if within valid range
       this.windowedData = this.data.slice(position, position + this.windowLength + 1);
 
-      if (this.windowedData.length > 200) {
+      if (this.windowedData.length > 1000) {
         this.windowedData = this.mergeWindowedData();
         this.isMerged = true;
       } else {