[]
本子分类介绍 SpreadJS 中将数据以图形化方式直观呈现的功能,包括图表、迷你图、形状、条件格式、主题等。这些功能帮助用户快速洞察数据规律、突出关键信息,并打造美观的表格界面。
功能 | 说明 |
|---|---|
基于工作表数据的柱状图、折线图、饼图、散点图等完整图表体系,与 Excel 图表高度兼容。 | |
嵌入单个单元格内的微型图表,适合在行数据旁快速展示趋势。 | |
基于 DataManager 数据的图表,区别于普通工作表图表,适用于数据驱动场景。 |
功能 | 说明 |
|---|---|
矩形、箭头、流程图等内置形状,支持自定义绘制。 | |
图片、自定义 DOM 元素等浮动在工作表上的对象。 | |
生成各类一维条码与二维码(二维码依赖条形码插件)。 |
功能 | 说明 |
|---|---|
根据单元格的值或公式自动应用格式(如数据条、色阶、图标集),直观展示数据分布。 | |
SpreadJS 提供多种预设主题,并支持基于 ThemeRoller 创建自定义主题,统一控制整个工作簿的配色与字体。 |
以下功能依赖 shapes 插件,引入时请注意加载顺序:
图表(依赖 charts 插件,charts 依赖 shapes)
切片器(依赖 slicers 插件,slicers 依赖 shapes)
形状本身(shapes 插件)
// 正确的导入顺序:先 shapes,再 charts 和 slicers
import '@grapecity-software/spread-sheets-shapes'
import '@grapecity-software/spread-sheets-charts'
import '@grapecity-software/spread-sheets-slicers'