如何在 ReCharts 中缩小面积图

如何解决如何在 ReCharts 中缩小面积图

我正在使用 recharts 库并且我的数据具有非常大的值，因为我正在获取受感染的数字，但是我的图表变得太大，我只想在给定区域中显示它

QObject::connect(this->your_button,&QPushButton::clicked,[this]() {
    this->your_text_edit->append(this->your_line_edit->text());
} );

这是数据数组的一小部分

   <Box
  w="5xl"
  py={4}
  px={8}
  rounded="lg"
  bg={useColorModeValue("white","gray.900")}
  shadow="lg"
>
  <Flex justify="center">
    <Select mb="1.5" width="47%" variant="filled" onChange={addOpt}>
      <option defaultValue>Choose an option</option>
      <option>Infected</option>
      <option>Recovered</option>
      <option>Deceased</option>
    </Select>
  </Flex>
  <div>
    <ResponsiveContainer width="100%" height={500}>
      <AreaChart data={chartdata.length > 1 ? chartdata : data}>
        <Area dataKey="ykey"/>
        <XAxis dataKey="data"/>
        <YAxis dataKey="ykey"/>
      </AreaChart>
    </ResponsiveContainer>
  </div>
</Box>

解决方法

所以问题出在我的数据中，Recharts 使用数字而不是字符串，但我给它的是字符串