data exceeds in volume bar chart

something like that

here is my volume chart code.

<Chart id={2} origin={(w, h) => [0, h - 150]} height={200} yExtents={[d => d.volume, smaVolume20.accessor()]}>
    <YAxis axisAt="left" orient="left" ticks={5} tickFormat={format(".3s")}/>
    <MouseCoordinateY
        at="right"
        orient="right"
        displayFormat={format(".3s")} />
    <BarSeries yAccessor={d => d.volume} fill={(d) => d.close > d.open ? green[500] : red[500]} />
    <LineSeries yAccessor={smaVolume20.accessor()} stroke={smaVolume20.stroke()}/>
    <CurrentCoordinate yAccessor={smaVolume20.accessor()} fill={smaVolume20.stroke()} />
</Chart>

and my json data:

is it bug or my setting problem? thanks

[rrag]

The problem was you were using string for volume, o, h, l, c. I changed volume to a number and it worked

https://codesandbox.io/s/x74j5z11po

                var obj = data[key];
                obj = {
                    open: obj["1. open"],
                    close: obj["4. close"],
                    high: obj["2. high"],
                    low: obj["3. low"],
-                   volume: obj["5. volume"],
+                   volume: +(obj["5. volume"]),
                    date: new Date(key)
                }
                return obj;
            });

[tmclouisluk]

yeah Once I change the volume to number then it’s ok now really thank you so much!!!