React

sales@e-iceblue.com

028-81705109

2790765778

微信扫一扫

论坛

Spire.Cloud 纯前端文档控件

React

在 React 中使用 JavaScript 向 Excel 添加页眉和页脚

Excel 中的页眉和页脚是放在每页顶部和底部的文字或图像。页眉页脚中的文本或图像可以展示有关页面或文件的基本信息，如文件名、公司标志、页码、日期和时间等。Spire.XLS for JavaScript 基于 WebAssembly 在浏览器端直接完成此操作，通过虚拟文件系统（VFS）管理输入输出文件，无需后端服务支持。 Spire.XLS for JavaScript…

在 React 中使用 JavaScript 在 Excel 中创建散点图

在日常数据分析中，散点图是观察两个数值变量之间关系的直观工具——例如研究产品价格与销量、收入与消费之间的相关趋势。通过散点图，可以快速识别数据点的分布规律和潜在关联。Spire.XLS for JavaScript 基于 WebAssembly 在浏览器端直接创建散点图，通过虚拟文件系统（VFS）管理输入输出文件，无需后端服务支持。本文介绍两个核心功能点：创建基础散点图为散点图添加趋势线有关安装和项目配置，请参考…

在 React 中使用 JavaScript 在 Excel 中添加和移除水印

Excel 本身没有内置的水印功能，但在合同、报表、内部资料等业务场景中，我们经常需要为文档加上"机密"、"样本"等水印标识，防止信息被随意复制和传播。Spire.XLS for JavaScript 基于 WebAssembly 在浏览器端直接处理 Excel 文档，通过虚拟文件系统（VFS）管理输入输出文件，无需后端服务支持。借助页眉图片功能，即可为工作表轻松添加和移除水印。本文介绍两个核心功能点：…

在 React 中使用 JavaScript 修改 Excel 工作表名称并设置标签颜色

工作簿里的工作表一多，默认名称和相似的标签就难以分辨。把「Sheet1」改成「季度销售数据」，他人打开文件即可知道这张表的内容；给销售、库存、汇总三张表分别加上红、绿、浅蓝标签，切换时不必逐张点开确认。名称与标签颜色都保存在工作簿自身，不依赖外部说明，分发和归档时也不会丢失。Spire.XLS for JavaScript 基于 WebAssembly 在浏览器端直接完成上述操作，通过虚拟文件系统（VFS）管理输入输出文件，无需后端服务支持。本文介绍两个核心功能点：修改 Excel 工作表名称…

在 React 中使用 JavaScript 将 Excel 转换为图片

报表以图片形式分发时，接收方无需安装表格软件即可查看内容，图片也可以直接插入文档、聊天窗口或网页。转换需要保留表格的标题、底色、边框与数字格式，文字还要按原字体呈现，否则导出的图片会与工作簿中的样子相去甚远。Spire.XLS for JavaScript 基于 WebAssembly 在浏览器端完成工作表到图片的转换，字体与输入输出文件通过虚拟文件系统（VFS）管理，转换结果以 PNG 格式写出，无需后端服务支持。本文介绍两个核心功能点：将…

在 React 中使用 JavaScript 将 Excel 与 UOS 互转

UOS 是 UOF 规范中的电子表格格式，文件扩展名为 .uos，支持该规范的办公套件可以直接打开。把 Excel 报表交给这类办公环境时，对方若不支持 .xlsx，就需要先转换为 UOS；反过来收到 UOS…

在 React 中使用 JavaScript 给 Excel 图表添加数据表

图表能让人一眼看出走势，却读不出具体的数值：柱子的高矮需要对照纵轴估算，系列一多，估算的误差还会叠加。数据表把类别名称、系列名称与各项数值原样列在图表下方，读者不必回头翻查源单元格，也不必在柱子上逐个加数据标签。作为图表的一部分，数据表随图表一起缩放、一起移动，导出图片或打印时也不会掉队。Spire.XLS for JavaScript 基于 WebAssembly 在浏览器端直接完成上述操作，通过虚拟文件系统（VFS）管理输入输出文件，无需后端服务支持。本文介绍两个核心功能点：给 Excel 图表添加数据表…

在 React 中使用 JavaScript 格式化 Excel 中的文本框

工作表里的文本框常用来放通知、提醒或一句结论，但它的默认样式十分朴素：黑色小字、白色底、一圈细边框，放在表格旁边容易被当成普通单元格。把字体放大加重并铺上一层底色，文字就会从表格中浮出来；调整内边距与自动换行，长句才不会挤在边框上或伸出框外；去掉边框，文本框又能安静地充当注释。这些调整都可以用代码批量完成，不必逐个手动修改。Spire.XLS for JavaScript 基于 WebAssembly 在浏览器端直接完成这些操作，通过虚拟文件系统（VFS）管理输入输出文件，无需后端服务支持。本文介绍两个核心功能点：调整文本框的字体、背景色与边框设置文本框的内边距与自动换行有关安装和项目配置，请参考…

在 React 中使用 JavaScript 向 Excel 插入行和列

调整表格布局时，常需要在不打乱原有顺序的前提下腾出一块位置：在两条记录之间补上一行，在既有字段旁新增一列。在指定位置插入空白行与空白列后，其后的行与列依次后移，原有的数据、行高列宽与单元格边框随内容一并迁移，无需另行排版。Spire.XLS for JavaScript 基于 WebAssembly 在浏览器端直接完成上述操作，通过虚拟文件系统（VFS）管理输入与输出文件，无需后端服务支持。本文介绍两个核心功能点：在 Excel 中插入一行和一列…

在 React 中使用 JavaScript 复制 Excel 单元格格式

表格里调好格式的单元格，往往要直接搬到别处复用：单价列已经配好金额格式、浅蓝底纹与细边框，同一行的金额列却仍是默认样式。复制单元格格式，就是把源格已经定下来的那套外观交给目标格——数字格式、字体、填充、边框、对齐方式一次到位，目标格原有的数据保持不变。Spire.XLS for JavaScript 基于 WebAssembly 在浏览器端直接完成上述操作，通过虚拟文件系统（VFS）管理输入与输出文件，无需后端服务支持。本文介绍两个核心功能点：复制整个单元格的格式克隆命名样式并复用有关安装和项目配置，请参考…

在 React 中使用 JavaScript 将 Excel 转换为 JSON

把工作簿交给前端程序处理时，JSON 是与接口、缓存和组件都合得来的数据形态：一层数组对应一张工作表，一个对象对应一行，键名取自表头。转换为 JSON 之后，表格数据无需后端解析即可直接进入页面的数据流。Spire.XLS for JavaScript 基于 WebAssembly 在浏览器端直接完成转换，输入与输出文件通过虚拟文件系统（VFS）管理，无需后端服务支持。本文介绍四个核心功能点：…

在 React 中使用 JavaScript 删除 Excel 行和列

表格中常有一些行列需要移除：已经下架的商品、作废的记录、自外部粘贴而来却始终空着的一列。删除之后，余下的行列依次前移，表结构保持连续，引用该区域的位置也随之上移，无需另行排版。Spire.XLS for JavaScript 基于 WebAssembly 在浏览器端直接完成上述操作，通过虚拟文件系统（VFS）管理输入与输出文件，无需后端服务支持。本文介绍三个核心功能点：删除指定的行和列删除多行和多列删除空白行和空白列…

在 React 中使用 JavaScript 设置 Excel 数据分列

同一列单元格里往往挤着好几项信息：联系人的姓名、电话与城市写在一格里，订单编码把国家代码、年月日与流水号连成一段。这类数据既排不了序，也筛不出其中某一项。分列要做的，就是按既定规则把一列文本拆开，逐项落到右侧相邻的各列中，原数据留在原处，拆分结果另列保存。Spire.XLS for JavaScript 基于 WebAssembly 在浏览器端直接完成上述操作，通过虚拟文件系统（VFS）管理输入与输出文件，无需后端服务支持。本文介绍两个核心功能点：按分隔符号分列按固定宽度分列有关安装和项目配置，请参考…

在 React 中将 Excel 转为 XPS、OFD 或 PostScript

工作簿适合编辑，却不一定适合归档与打印。XPS、OFD 与 PostScript 都属于固定版式文档：页面尺寸、文字位置与字体在写出时就被固定下来，换一台机器打开也不会重排。Spire.XLS for JavaScript 基于 WebAssembly 在浏览器端直接完成这三种格式的转换，输入输出文件通过虚拟文件系统（VFS）管理，无需后端服务支持。本文介绍三个核心功能点：…

在 React 中使用 JavaScript 给 Excel 单元格区域应用样式

为单元格区域设置格式时，同一组属性若逐个单元格处理，需要在每一列上重复设置，列数一多容易遗漏；而这些格式往往分散在字体、边框与对齐几处，逐项设置之后还要各自核对一遍。Spire.XLS 的做法是先把这一组格式保存为一份命名样式，再用一个开关对象指明本次要落下样式中的哪几项，最后将其应用到目标区域——未被勾选的属性不会一并应用，区域内原有的其它格式也保持不变。Spire.XLS for JavaScript 基于 WebAssembly 在浏览器端直接完成上述操作，通过虚拟文件系统（VFS）管理输出文件，无需后端服务支持。本文介绍两个核心功能点：将命名样式应用到单元格区域读取并调整命名样式…

如何在 React 中使用 JavaScript 读取 Excel 文件

在 Web 应用中直接读取 Excel 文件适用于多种场景，例如在网页上展示电子表格数据、导入业务记录、分析工作表内容，或提取特定数据供后续处理。在 React 应用中，开发者还可能需要区分 Excel 中不同的数据类型，包括文本、数字、公式、日期和布尔值。 Spire.XLS…

在 React 中使用 JavaScript 设置 Excel 单元格字体格式

一张表格要在几秒钟内被读懂，靠的不只是数字，还有字体：标题要够大够醒目，要强调的数值要一眼找到，作废的条目要一眼看出。这些差异在 Excel 里全部由单元格自己的字体对象承载——字体名称、字号、颜色、加粗、斜体、下划线、删除线，改哪一格就只影响哪一格。同一个单元格内部也能并存好几套字体，把其中一个词换成另一种颜色或字号，重点便从整句里跳了出来。Spire.XLS for JavaScript 基于 WebAssembly 在浏览器端直接完成上述操作，通过虚拟文件系统（VFS）管理输出文件，无需后端服务支持。本文介绍两个核心功能点：设置单元格的字体格式…

在 React 中使用 JavaScript 插入带图片的批注

Excel 批注通常只承载一段文字，用于解释某个数字或补充一句说明。当说明的对象本身即为图片——供应商标识、产品外观、零件示意——纯文字难以胜任。Spire.XLS for JavaScript 支持以图片填充批注背景，单元格旁即可显示图片，无需另行插入浮动图片对象。批注背景由填充对象控制，改用纯色时同样只需修改这一个对象。Spire.XLS for JavaScript 基于 WebAssembly 在浏览器端完成上述操作，输入输出文件通过虚拟文件系统（VFS）管理，无需后端服务。…

在 React 中使用 JavaScript 为 Excel 形状添加超链接

Excel 里的形状常被当作标注或按钮：示意图上的箭头、标出重点的三角形、圈住区域的云形。给形状挂上超链接，它就从一个图形变成可点击的入口。形状和图片一样不是单元格，链接挂在形状对象自己身上，因此无论是设置还是读取，都要走工作表的形状集合，而不是单元格超链接集合。Spire.XLS for JavaScript 基于 WebAssembly 在浏览器端完成这些操作，输入输出文件通过虚拟文件系统（VFS）管理，无需后端服务支持。本文介绍两个核心功能点：为形状设置超链接读取形状上的超链接…

在 React 中使用 JavaScript 为 Excel 添加跨表与外部文件链接

Excel 表格经常需要把分散的内容串起来：汇总页上点一下就能跳到明细工作表，报价单上点一下就能打开放在旁边的源文件。这类「跳到别处」的能力由单元格超链接承担，链接类型决定跳到哪儿——同一个工作簿里的另一张工作表，或者工作簿之外的某个文件。Spire.XLS for JavaScript 基于 WebAssembly 在浏览器端完成这些操作，输入输出文件通过虚拟文件系统（VFS）管理，无需后端服务支持。本文介绍两个核心功能点：添加指向其他工作表的链接添加指向外部文件的链接…

在 React 中使用 JavaScript 为 Excel 图片添加超链接

Excel 中的图片不只是装饰。把公司标识、产品图放进工作表，再为它设置一个超链接，表格就从一份静态说明变成可以点开的入口。图片不是单元格，链接挂在图片对象上，因此无论是设置还是读取，都要走工作表的图片集合，而不是单元格超链接集合。Spire.XLS for JavaScript 基于 WebAssembly 在浏览器端完成这些操作，输入输出文件通过虚拟文件系统（VFS）管理，无需后端服务支持。本文介绍两个核心功能点：为图片设置超链接读取图片上的超链接…

在 React 中使用 JavaScript 创建自定义（组合）图表

一张图只画一种图表类型，是 Excel 的默认行为，不是必须遵守的规则。同一份报表通常不止一种读法，适合的图形也不相同：看高低用柱形，看走势用折线，看连续累计用面积。自定义（组合）图表解决的正是这个问题：在同一张图表里，每个系列可以单独指定图表类型，如何搭配取决于需要并排回答哪几个问题，并没有固定搭配。柱形配折线是实践中用得最广的一种，因为它能同时容纳「看高低」和「看走势」两种读法。本文的示例就采用这种搭配：销售额画成柱形，目标值画成折线，读者看的是折线相对柱顶的位置。如果拆成两张图，必须先对齐两条横轴才能比较；合成一张，共用的分类轴已经把月份对齐了。报表里还有一类系列放不进主数据区，只能用手工添加的方式加进来。Spire.XLS for JavaScript 基于 WebAssembly 在浏览器端直接完成这些操作，通过虚拟文件系统（VFS）管理输入输出文件，无需后端服务支持。本文介绍两个核心功能点：组合柱形图与折线图…

首页
上页
1
2
3
4
5
下页
末页
第1页共5页