[]
        
首页
开发者学堂
文档
论坛
市场
生态机会
活动
在线咨询 立即试用
(Showing Draft Content)

可视化

本子分类介绍 SpreadJS 中将数据以图形化方式直观呈现的功能,包括图表、迷你图、形状、条件格式、主题等。这些功能帮助用户快速洞察数据规律、突出关键信息,并打造美观的表格界面。

图表类功能

功能

说明

图表(Chart)

基于工作表数据的柱状图、折线图、饼图、散点图等完整图表体系,与 Excel 图表高度兼容。

迷你图(Sparkline)

嵌入单个单元格内的微型图表,适合在行数据旁快速展示趋势。

数据图表(DataChart)

基于 DataManager 数据的图表,区别于普通工作表图表,适用于数据驱动场景。

图形与对象

功能

说明

形状(Shape)

矩形、箭头、流程图等内置形状,支持自定义绘制。

浮动对象(Floating Object)

图片、自定义 DOM 元素等浮动在工作表上的对象。

条形码(Barcode)

生成各类一维条码与二维码(二维码依赖条形码插件)。

格式与样式增强

功能

说明

条件格式

根据单元格的值或公式自动应用格式(如数据条、色阶、图标集),直观展示数据分布。

主题

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'