LogoClawIndex
案例技能关于
LogoClawIndex

ClawIndex

OpenClaw Skills 与 Use Case 索引

ClawIndex 是一个生态驱动的 OpenClaw Skills 与真实 Use Case 索引站。

索引

Skills·
Cases

Meta

关于·
声明·
邮箱·
GitHub
© 2026 ClawIndex 保留所有权利。

recharts - 使用 Recharts 进行 React 数据可视化

使用 Recharts React 库构建响应式交互图表

标签

更新于: 2026-03-19
数据可视化图表React响应式D3交互式

能力

典型输入

典型输出

该技能可以做什么

  • 创建折线图
  • 创建柱状图
  • 创建面积图
  • 创建饼图
  • 创建散点图
  • 创建雷达图
  • 创建组合图
  • 包装响应式容器
  • 自定义提示框
  • 自定义坐标轴刻度
  • 添加提示框
  • 添加图例
  • 添加网格线

输入

  • 数据数组
  • 图表宽度
  • 图表高度
  • 数据字段键

输出

  • React 图表组件
  • 可视化数据展示

要求

  • React 环境
  • Recharts 库
  • ResponsiveContainer 包装器
  • D3.js

来源

  • 规范: SKILL.md
创建折线图
创建柱状图
创建面积图
创建饼图
数据数组
图表宽度
图表高度
React 图表组件
可视化数据展示