当前位置： 首页 > news >正文

apex发送邮件中显示饼状图和条形图

news 2025/6/24 7:31:13

在 Apex 中发送带有嵌入图表（如饼状图和条形图）的电子邮件，您可以通过以下步骤实现：

  1. 生成图表图像：使用外部库或服务生成图表图像并获取图像的 URL 或 Base64 编码。
  2. 创建电子邮件模板：在 HTML 邮件模板中嵌入图像。

下面是一个示例，展示如何在 Apex 中发送带有嵌入图表的电子邮件。假设您已经有了图表的图像 URL 或 Base64 编码。

示例：使用图像 URL

public class EmailWithChart {public static void sendEmailWithChart() {// 图表的 URLString pieChartUrl = 'https://example.com/path/to/piechart.png';String barChartUrl = 'https://example.com/path/to/barchart.png';// HTML 邮件内容String htmlBody = '<html><body>';htmlBody += '<h1>数据报告</h1>';htmlBody += '<h2>饼状图</h2>';htmlBody += '<img src="' + pieChartUrl + '" alt="饼状图" />';htmlBody += '<h2>条形图</h2>';htmlBody += '<img src="' + barChartUrl + '" alt="条形图" />';htmlBody += '</body></html>';// 创建邮件消息Messaging.SingleEmailMessage mail = new Messaging.SingleEmailMessage();mail.setToAddresses(new String[] { 'recipient@example.com' });mail.setSubject('数据报告');mail.setHtmlBody(htmlBody);// 发送邮件Messaging.sendEmail(new Messaging.SingleEmailMessage[] { mail });}
}

示例：使用 Base64 编码的图像

如果您有图表的 Base64 编码，可以直接在 HTML 邮件中嵌入图像：

public class EmailWithChart {public static void sendEmailWithChart() {// 图表的 Base64 编码String pieChartBase64 = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUg...';String barChartBase64 = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUg...';// HTML 邮件内容String htmlBody = '<html><body>';htmlBody += '<h1>数据报告</h1>';htmlBody += '<h2>饼状图</h2>';htmlBody += '<img src="' + pieChartBase64 + '" alt="饼状图" />';htmlBody += '<h2>条形图</h2>';htmlBody += '<img src="' + barChartBase64 + '" alt="条形图" />';htmlBody += '</body></html>';// 创建邮件消息Messaging.SingleEmailMessage mail = new Messaging.SingleEmailMessage();mail.setToAddresses(new String[] { 'recipient@example.com' });mail.setSubject('数据报告');mail.setHtmlBody(htmlBody);// 发送邮件Messaging.sendEmail(new Messaging.SingleEmailMessage[] { mail });}
}

注意事项

  1. 图表生成：您可以使用 Chart.js、Google Charts、QuickChart 或其他图表生成工具来生成图表，并获取图像 URL 或 Base64 编码。
  2. 图像大小：确保图表图像的大小适合在电子邮件中显示。
  3. 电子邮件服务限制：不同的电子邮件服务可能对嵌入图像的大小和格式有限制。

通过上述方法，您可以在 Apex 中发送带有嵌入图表的电子邮件。

要在 Apex 代码中通过 HTML 邮件插入图表，可以使用 JavaScript 库（如 Chart.js）生成图表并嵌入 HTML 中。然而，大多数电子邮件客户端不支持执行 JavaScript。因此，我们通常需要生成图表的图像并嵌入电子邮件中。

以下是如何使用 Chart.js 生成图表，并将图表图像嵌入到 HTML 邮件中的示例：

  1. 生成图表图像：使用 Chart.js 生成图表，并将其转换为图像（Base64 编码）。
  2. 嵌入图像到 HTML 邮件：将生成的图像嵌入 HTML 邮件。

生成图表图像

您可以在服务器端使用 Node.js 生成图表图像，或者使用在线服务生成图表图像。以下是如何使用 QuickChart（一个在线图表生成服务）生成图表图像的示例。

使用 QuickChart 生成图表图像

public class EmailWithChart {public static void sendEmailWithChart() {// QuickChart API URLString quickChartApiUrl = 'https://quickchart.io/chart?c=';// Chart.js 配置String chartConfig = '{"type": "pie","data": {"labels": ["Red", "Blue", "Yellow"],"datasets": [{"data": [300, 50, 100],"backgroundColor": ["#FF6384", "#36A2EB", "#FFCE56"]}]}}';// 将 Chart.js 配置转换为 URL 编码String chartUrlEncoded = EncodingUtil.urlEncode(chartConfig, 'UTF-8');// 图表的完整 URLString chartUrl = quickChartApiUrl + chartUrlEncoded;// HTML 邮件内容String htmlBody = '<html><body>';htmlBody += '<h1>数据报告</h1>';htmlBody += '<h2>饼状图</h2>';htmlBody += '<img src="' + chartUrl + '" alt="饼状图" />';htmlBody += '</body></html>';// 创建邮件消息Messaging.SingleEmailMessage mail = new Messaging.SingleEmailMessage();mail.setToAddresses(new String[] { 'recipient@example.com' });mail.setSubject('数据报告');mail.setHtmlBody(htmlBody);// 发送邮件Messaging.sendEmail(new Messaging.SingleEmailMessage[] { mail });}
}

注意事项

  1. 外部服务：使用 QuickChart 或类似的在线服务来生成图表图像。这种方法简单直接，但依赖于外部服务。
  2. 图表类型：可以根据需要调整 Chart.js 配置来生成不同类型的图表（如条形图、折线图等）。
  3. 嵌入图像：确保图表图像的 URL 是正确的，并且可以在电子邮件客户端中访问。

通过这种方法，您可以在 HTML 邮件中嵌入生成的图表图像，而不需要依赖客户端执行 JavaScript。

相关文章：

apex发送邮件中显示饼状图和条形图

在 Apex 中发送带有嵌入图表&#xff08;如饼状图和条形图&#xff09;的电子邮件&#xff0c;您可以通过以下步骤实现&#xff1a; 生成图表图像&#xff1a;使用外部库或服务生成图表图像并获取图像的 URL 或 Base64 编码。创建电子邮件模板&#xff1a;在 HTML 邮件模板中嵌…...

编程日记 2024/8/7 18:34:11

【HarmonyOS NEXT星河版开发学习】小型测试案例07-弹性布局小练习

个人主页→VON 收录专栏→鸿蒙开发小型案例总结​​​​​ 基础语法部分会发布于github 和 gitee上面&#xff08;暂未发布&#xff09; 前言 在鸿蒙&#xff08;HarmonyOS&#xff09;开发中&#xff0c;Flex布局是一种非常有用的布局方式&#xff0c;它允许开发者创建灵活且响…...

编程日记 2024/8/7 18:33:10

Sparksql array相关函数

前言 Apache Spark SQL 是 Spark 的一个重要模块，用于处理结构化数据。它提供了 DataFrame 和 Dataset API，使得开发者能够使用 SQL 查询语言（称为 Spark SQL）对数据进行高效的操作。在本文中，我们将介绍 Spark SQL 中所有与array相关的函数。 环境 sparksql版本<dep…...

编程日记 2024/8/7 18:32:05

软件测试学习笔记

测试学习 1. 测试流程2. Bug的提出什么是bugbug 的描述bug 级别 3. 测试用例的设计什么是测试用例测试用例应如何设计基于需求的设计方法等价类边界值场景法正交表法判定表法错误猜测法 4. 自动化测试回归测试自动化分类 5. 安装 webdriver-manager 和 selenium第一个web自动化…...

编程日记 2024/8/7 18:30:03

Centos 8系统ext4文件系统类型进行扩容缩容 （LVM）

Centos 8系统ext4文件系统类型进行扩容缩容 &#xff08;LVM&#xff09; 1.磁盘情况&#xff1a;2.缩容home分区1.备份home数据&#xff1a;2.查找使用 /home 的进程&#xff1a;3.终止这些进程&#xff1a;4.卸载 /home 分区5.检查文件系统一致性 (e2fsck)&#xff1a;6.调整…...

编程日记 2024/8/7 18:29:01

常考常考高频率

1.快排&#xff08;双指针&#xff09; 快排&#xff0c;归并排序&#xff0c;堆排序 #快速排序O&#xff08;nlogn&#xff09; def quick_sort(array, left, right):if left < right:mid partition(array, left, right)quick_sort(array, left, mid)quick_sort(array, …...

编程日记 2024/8/7 18:28:00

Linux项目环境的搭建 （Red hat 9.0Linux操作系统）

一、目的&#xff1a; 1.搭建Linux操作系统项目所需的项目环境构件&#xff1b; 2.了解 Linux的组成&#xff0c;学会编译内核。 二、内容&#xff1a; 安装Red hat 9.0Linux操作系统&#xff1b; 三、步骤&#xff1a; 3.1 正确安装Redhat9.0操作系统。 3.2 rpm -Uvh *.…...

编程日记 2024/8/7 18:26:59

Study--Oracle-08-ORACLE数据备份与恢复（一）

一、ORACLE数据保护方案 1、oracle数据保护方案 2、数据库物理保护方案 oracle数据库备份可以备份到本地集群存储，也可以备份到云存储。 3、数据库逻辑数据保护方案 二、ORACLE数据体系 1、ORACLE 数据库的存储结构 2、oracle物理和逻辑存储结构 3、数据库进程 4、数据库日…...

编程日记 2024/8/7 18:24:57

FreeIPA安装

一、环境准备 主机名IP角色master. bhlu. com192.168.22.10服务端node1. bhlu. com192.168.22.11客户端 两台服务器关闭防火墙和 selinux配置好 yum 源 1.1 配置 chronyd 配置好 chronyd&#xff0c;使用 chronyc source -v 可以验证 # 这里写了一个playbook作为示例了 --…...

编程日记 2024/8/7 18:23:56

mysql数据库：SQL语言基础和基本查询

mysql数据库&#xff1a;SQL语言基础和基本查询 SQL语言简介 Structured Query Language, 结构化查询语言非过程性语言为加强SQL的语言能力&#xff0c;各厂商增强了过程性语言的特征如&#xff1a;Oracle的PL/SQL 过程性处理能力&#xff0c;SQL Server、Sybase的T-SQLSQL是用…...

编程日记 2024/8/7 18:22:54

strimzi operator 部署kafka集群（可外部访问）

Strimzi介绍 官方文档：https://strimzi.io/docs/operators/0.42.0/overview#kafka-components_str Strimzi介绍 Strimzi 是一个用于 Apache Kafka 在 Kubernetes 上部署和管理的开源项目。它提供了一组 Kubernetes 自定义资源定义（Custom Resource Definitions，CRDs）、控制…...

编程日记 2024/8/7 18:21:53

【网络安全】探索AI 聊天机器人工作流程实现RCE

未经许可，不得转载。 文章目录 前言正文前言 我发现了一个广泛使用的AI聊天机器人平台中的远程代码执行漏洞。该漏洞存在于聊天机器人的自定义工作流响应代码中，这些工作流允许开发人员通过创建定制的流程来扩展机器人的功能。 正文 在浏览自动化聊天机器人的多个特定功能…...

编程日记 2024/8/7 18:17:46

虚拟DOM、Vue渲染流程

虚拟DOM&#xff08;Virtual DOM&#xff09;是一种在前端开发中广泛使用的技术&#xff0c;它用JavaScript对象来表示真实DOM&#xff08;文档对象模型&#xff09;的结构和状态。虚拟DOM的核心思想是将页面的状态和结构保存在内存中&#xff0c;而不是直接操作真实的DOM。这一…...

编程日记 2024/8/7 18:16:45

centos7 启动python后端服务与停止服务的sh脚本

centos7 启动python后端服务与停止服务 分别在工程目录下新建启动脚本和停止脚本。 1、启动服务脚本 start_srv.sh: python3 start_srv.py运行 nohup ./start_srv.sh & 以守护进程的方式启动这个服务。 2、停止服务脚本 stop_srv.sh: sp_pidps -ef | grep start_srv…...

编程日记 2024/8/7 18:15:44

访问网站显示不安全怎么办？

访问网站时显示“不安全”&#xff0c;针对不同的原因有不同的解决方式&#xff0c;下面是常见的几种原因和对应的解决办法。 1.未启用HTTPS协议 如果网站仅使用HTTP协议&#xff0c;数据传输没加密&#xff0c;因此会被浏览器标记为“不安全”。解决办法是启用HTTPS协议,给…...

编程日记 2024/8/7 18:13:41

Scala与集合框架：高效数据处理的利器

Scala与集合框架&#xff1a;高效数据处理的利器 Scala 是一种现代化的编程语言&#xff0c;融合了面向对象编程和函数式编程的特性。其集合框架为处理数据提供了强大而灵活的工具&#xff0c;使得数据处理变得高效且富有表达力。本文将深入探讨 Scala 的集合框架&#xff0c;…...

编程日记 2024/8/7 18:12:40

基于 JWT 的模拟登录爬取实战

准备工作 1. 了解 JWT 相关知识 2. 安装 requests 库&#xff0c;并了解其基本使用 案例介绍 爬取网站&#xff1a; https://login3.scrape.center/ 用户名和密码是&#xff1a; admin 模拟登录 基于 JWT 的网站通常采用的是前后端分离式&#xff0c; 前后端的数据传输依…...

编程日记 2024/8/7 18:11:38

力扣（2024.08.06）

1. 144&#xff1a;二叉树的前序遍历 # Definition for a binary tree node. # class TreeNode: # def __init__(self, val0, leftNone, rightNone): # self.val val # self.left left # self.right right class Solution:def preorderTravers…...

编程日记 2024/8/7 18:09:35

如何快速入门 PyTorch ？

PyTorch是一个机器学习框架&#xff0c;主要依靠深度神经网络&#xff0c;目前已迅速成为机器学习领域中最可靠的框架之一。 PyTorch 的大部分基础代码源于 Ronan Collobert 等人 在 2007 年发起的 Torch7 项目&#xff0c;该项目源于 Yann LeCun 和 Leon Bottou 首创的编程语…...

编程日记 2024/8/7 18:08:33

Qt 快速部署环境（windeployqt.exe）

windeployqt.exe 是 Qt 框架提供的一个工具&#xff0c;主要用于将 Qt 应用程序部署到 Windows 环境中。它自动将所需的所有库、插件和文件复制到应用程序的目录中&#xff0c;以便用户能够直接运行应用程序&#xff0c;而无需额外的配置。 主要功能 自动识别依赖项&#xff…...

编程日记 2024/8/7 18:07:32

谷歌浏览器插件

项目中有时候会用到插件 sync-cookie-extension1.0.0&#xff1a;开发环境同步测试 cookie 至 localhost&#xff0c;便于本地请求服务携带 cookie 参考地址&#xff1a;https://juejin.cn/post/7139354571712757767 里面有源码下载下来&#xff0c;加在到扩展即可使用FeHelp…...

编程新知 2025/6/20 16:27:47

【入坑系列】TiDB 强制索引在不同库下不生效问题

文章目录 背景SQL 优化情况线上SQL运行情况分析怀疑1：执行计划绑定问题？尝试：SHOW WARNINGS 查看警告探索 TiDB 的 USE_INDEX 写法Hint 不生效问题排查解决参考背景 项目中使用 TiDB 数据库，并对 SQL 进行优化了，添加了强制索引。 UAT 环境已经生效，但 PROD 环境强制索…...

编程新知 2025/6/24 3:41:05

【位运算】消失的两个数字（hard）

消失的两个数字&#xff08;hard&#xff09; 题⽬描述&#xff1a;解法&#xff08;位运算&#xff09;&#xff1a;Java 算法代码&#xff1a;更简便代码 题⽬链接&#xff1a;⾯试题 17.19. 消失的两个数字 题⽬描述&#xff1a; 给定⼀个数组&#xff0c;包含从 1 到 N 所有…...

编程新知 2025/6/17 9:07:51

postgresql|数据库|只读用户的创建和删除（备忘）

CREATE USER read_only WITH PASSWORD 密码 -- 连接到xxx数据库 \c xxx -- 授予对xxx数据库的只读权限 GRANT CONNECT ON DATABASE xxx TO read_only; GRANT USAGE ON SCHEMA public TO read_only; GRANT SELECT ON ALL TABLES IN SCHEMA public TO read_only; GRANT EXECUTE O…...

编程新知 2025/6/21 18:39:26

【论文笔记】若干矿井粉尘检测算法概述

总的来说&#xff0c;传统机器学习、传统机器学习与深度学习的结合、LSTM等算法所需要的数据集来源于矿井传感器测量的粉尘浓度&#xff0c;通过建立回归模型来预测未来矿井的粉尘浓度。传统机器学习算法性能易受数据中极端值的影响。YOLO等计算机视觉算法所需要的数据集来源于…...

编程新知 2025/6/21 12:00:31

代理篇12|深入理解 Vite中的Proxy接口代理配置

在前端开发中，常常会遇到 跨域请求接口 的情况。为了解决这个问题，Vite 和 Webpack 都提供了 proxy 代理功能，用于将本地开发请求转发到后端服务器。 什么是代理（proxy）？ 代理是在开发过程中，前端项目通过开发服务器，将指定的请求“转发”到真实的后端服务器，从而绕…...

编程新知 2025/6/17 5:18:28

Yolov8 目标检测蒸馏学习记录

yolov8系列模型蒸馏基本流程&#xff0c;代码下载&#xff1a;这里本人提交了一个demo:djdll/Yolov8_Distillation: Yolov8轻量化_蒸馏代码实现 在轻量化模型设计中&#xff0c;**知识蒸馏&#xff08;Knowledge Distillation&#xff09;**被广泛应用&#xff0c;作为提升模型…...

编程新知 2025/6/22 5:30:37

Windows安装Miniconda

一、下载 https://www.anaconda.com/download/success 二、安装 三、配置镜像源 Anaconda/Miniconda pip 配置清华镜像源_anaconda配置清华源-CSDN博客 四、常用操作命令 Anaconda/Miniconda 基本操作命令_miniconda创建环境命令-CSDN博客...

编程新知 2025/6/21 5:26:27

【C++】纯虚函数类外可以写实现吗？

1. 答案 先说答案&#xff0c;可以。 2.代码测试 .h头文件 #include <iostream> #include <string>// 抽象基类 class AbstractBase { public:AbstractBase() default;virtual ~AbstractBase() default; // 默认析构函数public:virtual int PureVirtualFunct…...

编程新知 2025/6/22 4:31:44

区块链技术概述

区块链技术是一种去中心化、分布式账本技术&#xff0c;通过密码学、共识机制和智能合约等核心组件&#xff0c;实现数据不可篡改、透明可追溯的系统。 一、核心技术 1. 去中心化 特点&#xff1a;数据存储在网络中的多个节点&#xff08;计算机&#xff09;&#xff0c;而非…...

编程新知 2025/6/24 6:15:07