dify案例:生成echart可视化图表信息(附源码文件)

效果演示

回复结果可以分析数据,然后显示图表。【最后有源码文件分享

dify案例:生成echart可视化图表信息(附源码文件)

原理:其实就是读取数据,然后通过代码把数据转换成为echart格式的文本,然后显示图表信息。

流程设计

1、开始节点增加上传文件

dify案例:生成echart可视化图表信息(附源码文件)

2、增加文档提取节点,节点信息如下

dify案例:生成echart可视化图表信息(附源码文件)

3、大模型节点做数据转换

dify案例:生成echart可视化图表信息(附源码文件)

4、提取csv参数

dify案例:生成echart可视化图表信息(附源码文件)

5、代码执行,把csv转换为echart字符串

dify案例:生成echart可视化图表信息(附源码文件)

具体代码如下:

import csv
import json

def main(csv_data):
    # CSV字符串分割成行
    lines = csv_data.strip().split('\n')
    # 使用CSV模块读取数据
    reader = csv.reader(lines)
    # 将所有行转换为列表
    data = [row for row in reader]
    # 将数字字符串转换为浮点数
    for row in data[1:]:  # 跳过标题行
        for i in range(1, len(row)):
            try:
                row[i] = float(row[i])
            except ValueError:
                pass

    # 创建完整的Echarts配置
    echarts_config = {
        "legend": {},
        "tooltip": {},
        "dataset": {"source": data},
        "xAxis": [{"type": "category", "gridIndex": 0}, {"type": "category", "gridIndex": 1}],
        "yAxis": [{"gridIndex": 0}, {"gridIndex": 1}],
        "grid": [{"bottom": "55%"}, {"top": "55%"}],
        "series": [
            # 第一个网格中的折线图系列
            {"type": "bar", "seriesLayoutBy": "row"},
            {"type": "bar", "seriesLayoutBy": "row"},
            {"type": "bar", "seriesLayoutBy": "row"},
            {"type": "bar", "seriesLayoutBy": "row"},
            # 第二个网格中的柱状图系列
            {"type": "bar", "xAxisIndex": 1, "yAxisIndex": 1},
            {"type": "bar", "xAxisIndex": 1, "yAxisIndex": 1},
            {"type": "bar", "xAxisIndex": 1, "yAxisIndex": 1},
            {"type": "bar", "xAxisIndex": 1, "yAxisIndex": 1},
            {"type": "bar", "xAxisIndex": 1, "yAxisIndex": 1},
            {"type": "bar", "xAxisIndex": 1, "yAxisIndex": 1}
        ]
    }

    # 生成输出文件
    output = f'''echarts\n{json.dumps(echarts_config, ensure_ascii=False)}\n'''
    return {"result": output}

6、数据输出

dify案例:生成echart可视化图表信息(附源码文件)

测试运行

准备一份数据表格样式的md文件,内容如下

dify案例:生成echart可视化图表信息(附源码文件)

上传文件之后,随便输入信息,即可开始

dify案例:生成echart可视化图表信息(附源码文件)

扩展

既然能够生成柱状图,那么echart上面其他复杂的图形,也能够执行,再进一步,从数据库读取数据,然后生成图表回复我们,功能就更加的强大了。

相关文件下载地址
*该资源需回复评论后下载,马上去发表评论?
©下载资源版权归作者所有;本站所有资源均来源于网络,仅供学习使用,请支持正版!

转载作品,原作者:黑皮爱学习,文章来源:https://www.toutiao.com/article/7493173083704951359

(0)
打赏 微信赞赏 微信赞赏 支付宝赞赏 支付宝赞赏
上一篇 2025-04-14 16:25
下一篇 2025-04-15 11:17

相关推荐

发表回复

登录后才能评论
扫码了解
扫码了解
反馈建议
分享本页
返回顶部