Recharts: Невозможно зафиксировать высоту LineChart с пользовательской легендой в ResponsiveContainer - PullRequest
Новая
       51

Recharts: Невозможно зафиксировать высоту LineChart с пользовательской легендой в ResponsiveContainer

0 голосов
/ 29 апреля 2020

Я пытаюсь исправить значение высоты диаграммы, но с отзывчивым контейнером она перемещается в зависимости от customLegend. В результате Legend имеет несколько элементов (низкое значение высоты). LineChart становится больше, и наоборот. Многие элементы в Legend => small LineChart height 

<div
      style={{
        width: "100%",
        paddingBottom: 30,
        maxHeight: 1200
      }}
    >
      <ResponsiveContainer width={"100%"} minHeight={650} >
        <LineChart height={300}
          data={DataSet}
          margin={{  right: 30}}
        >
          <CartesianGrid strokeDasharray="3 3" />
          <XAxis dataKey="sold" />
          <YAxis />

          <Tooltip wrapperStyle={{ fontSize: 12 }} />
          <Point..../>
          <Brush height={25} />
          <Legend chartHeight={300}
            content={renderLegend}
            wrapperStyle={{ paddingTop: 20 }}
            align={"left"}
          />
        </LineChart>
      </ResponsiveContainer>
</div>

Поэтому я попытался везде установить фиксированную высоту, как описано в API, но это не сработало. Без таблицы параметров высоты не отображается вообще. Что не так с моим CSS?

v1.8.5

...