【师说AI】豆包AI生成酷炫动态可视化图表,详细实操教程来了
2025-05-30

【摘要】当前AI生成图表已普遍,但获取高级动态可视化图表仍需技巧。以班级学情分析为例,可借助Apache ECharts数据可视化库,从官网选择合适图表类型并复制代码,将代码与班级成绩数据上传至豆包修改,再把生成的代码粘贴回ECharts生成动态可视化图表,实现不同图表类型切换。

【关键词】AI图表;动态可视化;班级学情分析;代码操作


豆包生图已经不是一件稀罕事了,但是想要生成高级感强的图表,还是需要一些技巧的,如果只是简单生成学情分析图表,就是简单的二维平面图形。

比如,我想让它帮我生成我们班级详细的学情分析图▼



▼它进行分析之后,生成如下的四个图形



相较于其他的AI,能做到这一步已经很强大了,但是,我的要求不止如此,我希望可以生成动态可视化的图表,那么,怎么办呢?



一、找到合适的图表类型


这里,我们需要借助这个工具:echarts。Apache ECharts,一款基于JavaScript的数据可视化图表库,提供直观,生动,可交互,可个性化定制的数据可视化图表。直接搜索网页版即可。

进入首页之后,可以看到很多的图表案例。



我找了几个适合此次班级成绩分析的图表类型:联动和共享数据集、多雷达图。



点击图表,进入图表页,左边是代码区,右边图形显示区域。



复制左边的代码,粘贴到文本文档或者word文档中都可,进行保存。



二、豆包分析修改代码


打开豆包,上传代码文档以及班级成绩数据,输入指令:我想用学生成绩表里里面的数据来替换多维数据分析代码中的参考数据,我希望观察不同学科的成绩综合分析,请帮我分析。



等待生成好之后,点击复制代码,直接粘贴到echarts里面。



点击下方下载示例,自动保存为网页版,截图可保存静态图。



同样的,使用上述方式可以替换成不同的图表类型,下面是雷达图的示例。


下一篇