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

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

news 2025/9/24 12:45:49

在 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

IDEA运行Tomcat出现乱码问题解决汇总

最近正值期末周&#xff0c;有很多同学在写期末Java web作业时&#xff0c;运行tomcat出现乱码问题&#xff0c;经过多次解决与研究&#xff0c;我做了如下整理&#xff1a; 原因&#xff1a; IDEA本身编码与tomcat的编码与Windows编码不同导致&#xff0c;Windows 系统控制台…...

编程新知 2025/9/24 2:05:49

Vim 调用外部命令学习笔记

Vim 外部命令集成完全指南 文章目录 Vim 外部命令集成完全指南核心概念理解命令语法解析语法对比 常用外部命令详解文本排序与去重文本筛选与搜索高级 grep 搜索技巧文本替换与编辑字符处理高级文本处理编程语言处理其他实用命令 范围操作示例指定行范围处理复合命令示例 实用技…...

编程新知 2025/9/21 2:23:14

连锁超市冷库节能解决方案：如何实现超市降本增效

在连锁超市冷库运营中&#xff0c;高能耗、设备损耗快、人工管理低效等问题长期困扰企业。御控冷库节能解决方案通过智能控制化霜、按需化霜、实时监控、故障诊断、自动预警、远程控制开关六大核心技术&#xff0c;实现年省电费15%-60%&#xff0c;且不改动原有装备、安装快捷、…...

编程新知 2025/9/18 22:35:44

django filter 统计数量 按属性去重

在Django中&#xff0c;如果你想要根据某个属性对查询集进行去重并统计数量&#xff0c;你可以使用values()方法配合annotate()方法来实现。这里有两种常见的方法来完成这个需求&#xff1a; 方法1&#xff1a;使用annotate()和Count 假设你有一个模型Item&#xff0c;并且你想…...

编程新知 2025/8/10 2:34:22

前端开发面试题总结-JavaScript篇(一)

文章目录 JavaScript高频问答一、作用域与闭包1.什么是闭包&#xff08;Closure&#xff09;&#xff1f;闭包有什么应用场景和潜在问题&#xff1f;2.解释 JavaScript 的作用域链&#xff08;Scope Chain&#xff09; 二、原型与继承3.原型链是什么&#xff1f;如何实现继承&a…...

编程新知 2025/9/16 19:35:13

分布式增量爬虫实现方案

之前我们在讨论的是分布式爬虫如何实现增量爬取。增量爬虫的目标是只爬取新产生或发生变化的页面&#xff0c;避免重复抓取&#xff0c;以节省资源和时间。 在分布式环境下&#xff0c;增量爬虫的实现需要考虑多个爬虫节点之间的协调和去重。 另一种思路&#xff1a;将增量判…...

编程新知 2025/9/22 15:00:47

Spring Cloud Gateway 中自定义验证码接口返回 404 的排查与解决

Spring Cloud Gateway 中自定义验证码接口返回 404 的排查与解决 问题背景 在一个基于 Spring Cloud Gateway WebFlux 构建的微服务项目中&#xff0c;新增了一个本地验证码接口 /code&#xff0c;使用函数式路由&#xff08;RouterFunction&#xff09;和 Hutool 的 Circle…...

编程新知 2025/9/24 7:50:38

【VLNs篇】07：NavRL—在动态环境中学习安全飞行

项目内容论文标题NavRL: 在动态环境中学习安全飞行 (NavRL: Learning Safe Flight in Dynamic Environments)核心问题解决无人机在包含静态和动态障碍物的复杂环境中进行安全、高效自主导航的挑战&#xff0c;克服传统方法和现有强化学习方法的局限性。核心算法基于近端策略优化…...

编程新知 2025/9/24 6:16:07

Web中间件--tomcat学习

Web中间件–tomcat Java虚拟机详解 什么是JAVA虚拟机 Java虚拟机是一个抽象的计算机&#xff0c;它可以执行Java字节码。Java虚拟机是Java平台的一部分&#xff0c;Java平台由Java语言、Java API和Java虚拟机组成。Java虚拟机的主要作用是将Java字节码转换为机器代码&#x…...

编程新知 2025/9/13 18:20:34

【Android】Android 开发 ADB 常用指令

查看当前连接的设备 adb devices 连接设备 adb connect 设备IP 断开已连接的设备 adb disconnect 设备IP 安装应用 adb install 安装包的路径 卸载应用 adb uninstall 应用包名 查看已安装的应用包名 adb shell pm list packages 查看已安装的第三方应用包名 adb shell pm list…...

编程新知 2025/8/17 23:35:19