Реакция ReCharts на рендеринг при наведении мыши справа - PullRequest
Новая
       35

Реакция ReCharts на рендеринг при наведении мыши справа

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

Rerents rerender

Я работаю над небольшим веб-приложением, которое будет отображать текущую скрытую информацию в диаграммах для моего портфолио. Когда я прокручиваю диаграмму с правой стороны, диаграмма выглядит как отскок.

Я использую перезарядки: ^ 1.8.5

это JSX для компонента: 

    <React.Fragment>
      <Title>{props.title}</Title>
      <ResponsiveContainer>
        <LineChart
          data={props.data}
          margin={{
            top: 16,
            right: 16,
            bottom: 0,
            left: 24
          }}
        >
          <XAxis dataKey="date" height={60} tick={<CustomizedAxisTick />} />
          <YAxis>
            <Label angle={270} position="left" style={{ textAnchor: "middle" }}>
              Rise in Covid
            </Label>
          </YAxis>
          <Tooltip />
          {props.keys.map((key, i) => {
            return (
              <Line
                type="monotone"
                key={key}
                dataKey={key}
                stroke={colors[i % colors.length]}
                dot={false}
                label={<CustomizedLabel />}
              />
            );
          })}
        </LineChart>
      </ResponsiveContainer>
    </React.Fragment>
...