Javascript Recharts 动态创建 XAxis

问题描述

我正在尝试使用 recharts 为下面的数据创建条形图。图表将在 x 轴上创建 2 个页面 A，而不是将第二对条形放在现有的页面 A 上。无论如何这可以做到吗？

<BarChart width={730} height={250} data={data}>
  <Cartesiangrid strokeDasharray="3 3" />
  <XAxis dataKey="name" />

const data = [
  {
    "name": "Page A","uv": 4000,"pv": 2400
  },{
    "name": "Page B","uv": 3000,"pv": 1398
  },{
    "name": "Page C","uv": 2000,"pv": 9800
  },{
    "name": "Page D","uv": 2780,"pv": 3908
  },{
    "name": "Page E","uv": 1890,"pv": 4800
  },{
    "name": "Page F","uv": 2390,"pv": 3800
  },{
    "name": "Page A","uv": 3490,"pv": 4300
  }
]

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）