帮助文档｜全面丰富的在线文档，助您快速了解如何使用产品

在 React 中使用 JavaScript 在 Excel 中创建树状图

当数据分成大类和小类两级，并且每个小类都带有一个数值时，表格中的多行记录很难一眼看出各分类所占的比重。树状图把层级关系放进相互嵌套的矩形，矩形面积对应数值大小，同一大类下的子类彼此相邻，适合观察分类构成与差距。把这类数据映射成树状图，再补上标签与填充色，图表就能直接用于报表和分享。Spire.XLS for JavaScript 基于 WebAssembly 在浏览器端创建并渲染树状图，输入输出文件通过虚拟文件系统（VFS）管理，无需后端服务支持。本文介绍两个核心功能点：创建树状图设置树状图的标签与填充色有关安装和项目配置，请参考…

在 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 在图表中插入图片与文本框

图表讲清楚了数据，却讲不清品牌归属和一句话的结论。报告里常见的做法是在图表角上放一个标识，再在空白处标一句「线上销售合计 1208 万元」——把结论放在读者目光已经落着的地方，而不是另起一段正文。这类元素在 Excel 里属于图表自己的形状层，位置以图表为坐标系而不是以单元格为坐标系，用代码添加时这一点最容易出错。除此之外，绘图区那块默认的白底也可以整片换掉，用一张浅色纹理图当背景，让图表与报表其余部分归于同一套视觉。Spire.XLS for JavaScript 基于 WebAssembly 在浏览器端直接完成这些操作，通过虚拟文件系统（VFS）管理输入输出文件，无需后端服务支持。…

在 React 中使用 JavaScript 创建不连续与无数据源图表

工作表里的数据很少是一块齐整的矩形。明细之间常夹着小计行、分组标题或说明行，而图表要画的恰恰是明细本身；另有一些数字根本不落在单元格里，它们由接口返回、由代码算出，或者只是本次要展示的一组目标值。这两种情形都会让「先框选一块区域、再插入图表」的做法失效。Spire.XLS for JavaScript 基于 WebAssembly 在浏览器端直接完成此操作，通过虚拟文件系统（VFS）管理输入输出文件，无需后端服务支持。本文介绍两个核心功能点：用不连续数据源创建图表用无数据源创建图表有关安装和项目配置，请参考…

在 React 中使用 JavaScript 设置 Excel 图表坐标轴格式

插入图表时，Excel 会自动确定一套刻度：纵轴的下限、上限与单位，均由依据数据范围推算而来。这套默认值在多数情况下可以满足需要，但在两种情形下会显出不足。其一，数据集中在较窄的区间内、整体又远离零点时，自动刻度会把纵轴起点抬到数据下沿附近，幅度有限的波动因而被画成接近满高的涨落，柱体之间的高低差与数值的差距不成比例；其二，刻度标签沿用数据源的格式，带小数的数字会使纵轴排满小数位，既不易辨识，也占用宽度。坐标轴格式用于调整这两处：给定刻度范围与单位，可使纵轴不随数据浮动，柱高与数值成比例，各图表也落在同一尺度上；指定刻度线与标签位置，可控制读数的落点；改写数字格式，可将标签整理为便于比较的形式；再为两轴添加标题，读者方能明确横纵两轴各自的含义。Spire.XLS for JavaScript 基于 WebAssembly 在浏览器端直接完成上述操作，通过虚拟文件系统（VFS）管理输入输出文件，无需后端服务支持。本文介绍两个核心功能点：设置数值轴的刻度格式为坐标轴添加标题…

在 React 中使用 JavaScript 在 Excel 中添加迷你图

一张图表能让人看清一组数据的走势，却很难让人同时看清几十组数据的走势。迷你图（Sparkline）正是为此而生：它把一条趋势线压缩进单个单元格，没有坐标轴也没有图例，却能让整列趋势在扫视中一览无余。把各地区、各季度的销售数字逐行配上迷你图，哪一行的曲线在爬升、哪一行在中途掉头，往往比读一列数字快得多。Spire.XLS for JavaScript 基于 WebAssembly 在浏览器端直接完成此操作，通过虚拟文件系统（VFS）管理输入输出文件，无需后端服务支持。本文介绍三个核心功能点：添加折线迷你图添加柱形迷你图并突出最高点与最低点清除工作表上的迷你图…

在 React 中使用 JavaScript 为 Excel 图表添加误差线

图表画出的是均值，看不出这组数据有多稳。同样是一条上升的折线，背后可能是六次几乎一致的测量，也可能是六次忽高忽低的读数——只盯曲线是分不出来的。误差线正是用来补上这一层信息：它在每个数据点上画出一段短线，标明该点的波动或不确定范围，让读者知道曲线上的每个拐点有多少可信度。百分比误差线按数值的固定比例给出范围，标准误差线则依据数据本身的标准误差计算，两者适用于不同的场景。Spire.XLS for JavaScript 基于 WebAssembly 在浏览器端直接完成上述操作，通过虚拟文件系统（VFS）管理输入输出文件，无需后端服务支持。本文介绍两个核心功能点：为折线图添加百分比误差线为柱状图添加标准误差线有关安装和项目配置，请参考…

在 React 中使用 JavaScript 创建多层分类标签和次坐标轴图表

当一张图表里的分类本身是分层的——比如先按大区、再按月份，或者先按年份、再按季度——把两列标签压成一行会让读者难以判断某个数据点究竟属于哪个大区、哪个月份。分层数据的另一面是量级差异：销售额以万元计，同比增长率却只有个位数，两者放在同一条数值轴上时，增长率会被压成一条贴底的直线。多层分类标签和次坐标轴分别解决这两个问题。Spire.XLS for JavaScript 基于 WebAssembly 在浏览器端直接完成上述操作，通过虚拟文件系统（VFS）管理输入输出文件，无需后端服务支持。本文介绍两个核心功能点：创建含多层分类标签的图表为图表添加次坐标轴有关安装和项目配置，请参考…

图表

在 React 中使用 JavaScript 在 Excel 中创建树状图

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

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

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

在 React 中使用 JavaScript 在图表中插入图片与文本框

在 React 中使用 JavaScript 创建不连续与无数据源图表

在 React 中使用 JavaScript 设置 Excel 图表坐标轴格式

在 React 中使用 JavaScript 在 Excel 中添加迷你图

在 React 中使用 JavaScript 为 Excel 图表添加误差线

在 React 中使用 JavaScript 创建多层分类标签和次坐标轴图表

在 React 中使用 JavaScript 创建雷达图

在 React 中使用 JavaScript 创建气泡图

在 React 中使用 JavaScript 为 Excel 图表添加趋势线

在 React 中使用 JavaScript 在 Excel 中创建分离型饼图和分离型环形图

在 React 中使用 JavaScript 在 Excel 中创建数据透视图

在 React 中使用 JavaScript 设置 Excel 图表的数据标签样式

在 React 中使用 JavaScript 创建 Excel 图表

在 React 中使用 JavaScript 保存 Excel 图表和形状为图片