示例 1: 数据可视化图表

AI 根据你的描述自动生成柱状图、折线图或饼图,让数据一目了然。

学习要点

1. Graph 组件

支持 bar(柱状图)、line(折线图)、pie(饼图)三种图表类型,使用 Recharts 库渲染。

2. 数据结构

图表需要 labels(标签数组)和 datasets(数据集数组),AI 会根据你的需求自动构建。

3. 智能选择

AI 会根据数据特点选择最合适的图表类型:趋势用折线图,对比用柱状图,占比用饼图。

4. 可视化样式

可以设置 variant(样式)和 size(大小),还能显示图例和标题。

试试这些消息:

  • • "展示过去6个月的销售额趋势"
  • • "用柱状图对比北京、上海、深圳的人口数量"
  • • "用饼图显示各部门的预算占比"
  • • "创建一个折线图显示网站流量变化"