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

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

news 2026/2/10 23:23:14

在 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

React Native 开发环境搭建（全平台详解）

React Native 开发环境搭建&#xff08;全平台详解&#xff09; 在开始使用 React Native 开发移动应用之前&#xff0c;正确设置开发环境是至关重要的一步。本文将为你提供一份全面的指南&#xff0c;涵盖 macOS 和 Windows 平台的配置步骤&#xff0c;如何在 Android 和 iOS…...

编程新知 2025/10/7 2:47:54

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

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

编程新知 2026/1/31 21:56:58

【CSS position 属性】static、relative、fixed、absolute 、sticky详细介绍，多层嵌套定位示例

文章目录 ★ position 的五种类型及基本用法 ★ 一、position 属性概述 二、position 的五种类型详解（初学者版） 1. static（默认值） 2. relative（相对定位） 3. absolute（绝对定位） 4. fixed（固定定位） 5. sticky（粘性定位） 三、定位元素的层级关系（z-i…...

编程新知 2026/2/9 1:38:05

IT供电系统绝缘监测及故障定位解决方案

随着新能源的快速发展&#xff0c;光伏电站、储能系统及充电设备已广泛应用于现代能源网络。在光伏领域&#xff0c;IT供电系统凭借其持续供电性好、安全性高等优势成为光伏首选&#xff0c;但在长期运行中&#xff0c;例如老化、潮湿、隐裂、机械损伤等问题会影响光伏板绝缘层…...

编程新知 2026/2/1 6:36:36

并发编程 - go版

1.并发编程基础概念 进程和线程 A. 进程是程序在操作系统中的一次执行过程&#xff0c;系统进行资源分配和调度的一个独立单位。B. 线程是进程的一个执行实体,是CPU调度和分派的基本单位,它是比进程更小的能独立运行的基本单位。C.一个进程可以创建和撤销多个线程;同一个进程中…...

编程新知 2026/1/31 6:50:52

Rust 开发环境搭建

环境搭建 1、开发工具RustRover 或者vs code 2、Cygwin64 安装 https://cygwin.com/install.html 在工具终端执行&#xff1a; rustup toolchain install stable-x86_64-pc-windows-gnu rustup default stable-x86_64-pc-windows-gnu ​ 2、Hello World fn main() { println…...

编程新知 2026/2/2 3:59:34

从“安全密码”到测试体系：Gitee Test 赋能关键领域软件质量保障

关键领域软件测试的"安全密码"&#xff1a;Gitee Test如何破解行业痛点 在数字化浪潮席卷全球的今天&#xff0c;软件系统已成为国家关键领域的"神经中枢"。从国防军工到能源电力&#xff0c;从金融交易到交通管控&#xff0c;这些关乎国计民生的关键领域…...

编程新知 2026/2/2 20:26:17

【Linux】自动化构建-Make/Makefile

前言 上文我们讲到了Linux中的编译器gcc/g 【Linux】编译器gcc/g及其库的详细介绍-CSDN博客 本来我们将一个对于编译来说很重要的工具&#xff1a;make/makfile 1.背景 在一个工程中源文件不计其数&#xff0c;其按类型、功能、模块分别放在若干个目录中&#xff0c;mak…...

编程新知 2026/2/4 16:04:21

【LeetCode】算法详解#6 ---除自身以外数组的乘积

1.题目介绍 给定一个整数数组 nums&#xff0c;返回 数组 answer &#xff0c;其中 answer[i] 等于 nums 中除 nums[i] 之外其余各元素的乘积 。 题目数据 保证 数组 nums之中任意元素的全部前缀元素和后缀的乘积都在 32 位 整数范围内。 请 不要使用除法&#xff0c;且在 O…...

编程新知 2026/2/9 9:22:40

mac：大模型系列测试

0 MAC 前几天经过学生优惠以及国补17K入手了mac studio,然后这两天亲自测试其模型行运用能力如何&#xff0c;是否支持微调、推理速度等能力。下面进入正文。 1 mac 与 unsloth 按照下面的进行安装以及测试&#xff0c;是可以跑通文章里面的代码。训练速度也是很快的。 注意…...

编程新知 2026/2/4 0:46:21