如何解决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 举报,一经查实,本站将立刻删除。