## 工作流概述
这个工作流演示了如何使用QuickChart节点基于JSON对象提供的数据动态生成折线图，然后将生成的图表图像上传到Google Drive。
## 使用场景
– 在演示文稿中使用或通过HTTP请求从软件请求图表生成
– 自动化报告生成（例如，每日销售图表）
– 可视化从API或数据库获取的数据
– 简单的监控仪表板
– 向内部工具或通知添加图表
## 工作原理
**触发器**：工作流在您点击“测试工作流”时手动启动。
**设置示例数据**：Set节点（编辑字段：设置JSON数据进行测试）定义了一个名为jsonData的示例JSON对象。该对象包含：
– reportTitle：标题（在此示例中未用于图表生成，但可用于上下文）
– labels：表示图表X轴标签的字符串数组（例如[“Q1”, “Q2”, “Q3”, “Q4”]）
– salesData：表示图表Y轴数据点的数字数组（例如[1250, 1800, 1550, 2100]）
**生成图表**：QuickChart节点配置为：
– 创建折线图
– 从jsonData.labels数组动态读取标签（标签模式：从数组）
– 使用jsonData.salesData数组作为输入数据
– 节点在名为data的字段中将生成的图表图像输出为二进制数据
**上传到Google Drive**：Google Drive节点（Google Drive：上传文件）：
– 从QuickChart节点获取二进制数据（data）
– 将图像上传到您指定的Google Drive文件夹
– 根据文件扩展名动态命名文件（例如chart.png）
## 设置步骤
1. **导入**：将此模板导入到您的n8n实例中
2. **配置Google Drive凭据**：
– 选择Google Drive：上传文件节点
– 您必须配置自己的Google Drive凭据。点击“凭据”下拉菜单，选择现有凭据或按照身份验证提示创建新凭据
3. **（可选）自定义Google Drive文件夹**：在Google Drive：上传文件节点中，您可以更改Drive ID和Folder ID以指定图表应上传的确切位置
4. **激活**：如果您希望工作流基于不同的触发器自动运行，请激活工作流
## 如何使用和自定义
– **更改输入数据**：修改编辑字段：设置JSON数据进行测试节点内的labels和salesData数组以使用您自己的数据。确保标签数量与数据点数量匹配
– **使用真实数据源**：将编辑字段：设置JSON数据进行测试节点替换为从真实源获取数据的节点，如：HTTP请求（API）、Postgres / MongoDB节点（数据库）、Google Sheets节点。确保源节点的输出数据格式类似（提供labels和salesData数组）。您可能需要在QuickChart节点之前使用另一个Set节点来正确构建数据
– **更改图表类型**：在QuickChart节点中，修改图表类型参数（例如，从line更改为bar、pie、doughnut等）
– **自定义图表外观**：探索QuickChart节点内的图表选项参数，使用QuickChart的标准JSON配置选项添加标题、更改颜色、修改轴等
– **使用数据集（推荐用于复杂图表）**：对于多条线/条或更多控制，在QuickChart节点中显式配置数据集：
– 从顶级数据字段中删除表达式
– 转到数据集选项 -> 添加选项 -> 添加数据集
– 使用表达式如{{ $json.jsonData.salesData }}设置数据集内的数据字段
– 您可以以这种方式添加多个数据集
– **更改输出目标**：将Google Drive：上传文件节点替换为其他节点以不同方式处理图表图像：
– 写入二进制文件：将图表保存到运行n8n的本地文件系统
– Slack / Discord / Telegram：将图表发送到消息平台
– 移动二进制数据：将图像转换为Base64以嵌入HTML或通过webhook响应返回
## 使用的节点
– Manual Trigger
– Set
– QuickChart
– Google Drive
– Sticky Note
## 标签
QuickChart, Chart, Visualization, Line Chart, Google Drive, Reporting, Automation
评论(0)