如果同一页面上有多个条形图，则重新绘制条形图 y 轴范围

Question

I am using 4 re-charts barchart control in react to display bar charts in the same page. To set the y-axis range, I am using datamax. It is working for 2 of the barcharts but for the remaining 2, it does not work. Below is the Y-Axis configuration:-

<YAxis type="number" domain={[0, (dataMax) => Number(dataMax) + 50]} />

Below is the screenshot of the way the charts are currently rendered. The ones highlighted in yellow are not correctly rendered.

Answer 1

Probably your json file has string values instead of numeric values. You can use parseInt(cost) or parseFloat(cost)