Recharts在LineBarAreaComposedChart React上不显示负值

Posted 2021-05-05

我正在尝试用6个变量值优化图形。

有时这些值中的一些是负数，图表不显示它们。

我试图在Y尺度上设置负值，但这也不起作用。

图表上的线条本身消失了。

风速线具有正值，但也不可见。

我的代码：

<div className="row">
          <div className="col-md-12">
            <ComposedChart width={1100} height={800} data={this.state.data} stackOffset="sign">
              <XAxis dataKey="Date" />
              <YAxis />
              <Tooltip />
              <Legend />
              <CartesianGrid strokeDasharray="3 3" />
              <Area type='monotone' dataKey='Apress' fill='#726a64' stroke='#726a64' />
              <Bar dataKey='Rain' barSize={20} fill='#000cff'>
                <LabelList dataKey="Rain" position="top" />
              </Bar>
              <Bar dataKey='Snow' barSize={20} fill='#6387ff'>
                <LabelList dataKey="Snow" position="top" />
              </Bar>
              <Line type='monotone' dataKey='Temp' stroke='#ff0000' />
              <Line type='monotone' dataKey='WindSpeed' stroke='#00ff1a' />
            </ComposedChart>
          </div>
        </div>
      </div>

答案

添加道具stackOffset=“sign”到BarChart。

默认值为none，这就是您没有得到负值的原因。