FineReport插入SVG矢量图标

使用SVG矢量图在单元格中实现不失真的显示

最新推荐文章于 2024-04-19 10:15:00 发布

原创最新推荐文章于 2024-04-19 10:15:00 发布 · 1k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#svg

避坑专栏收录该内容

9 篇文章

订阅专栏

本文介绍了如何在电子表格中通过输入函数并粘贴SVG代码，结合设置单元格属性来实现SVG矢量图的显示。这种方法确保了无论放大或缩小图像，都能保持清晰无失真的效果。

部署运行你感兴趣的模型镜像

1、在单元格内输入 =，就可以进入编辑函数模式，粘贴svg代码，并在前后加上单引号
2、鼠标点击该单元格，然后在页面右侧，选择单元格属性 - 其他 - 显示内容，将默认改为用HTML显示内容在这里插入图片描述

在这里插入图片描述
效果如图所示，使用svg矢量图，无论放大还是缩小都不会失真

您可能感兴趣的与本文相关的镜像

Stable-Diffusion-3.5

图片生成

Stable-Diffusion

Stable Diffusion 3.5 (SD 3.5) 是由 Stability AI 推出的新一代文本到图像生成模型，相比 3.0 版本，它提升了图像质量、运行速度和硬件效率

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

prelive

关注关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

FineReport 嵌入式主子报表

Davina_yu的博客

10-27

320

嵌入式主子报表特点是在单元格中嵌入独立的报表模板，嵌入的模板称为「子报表」，嵌入子报表后的整体称为「主报表」。各子报表格式可以不对齐，子表与主表的格式也可以不对齐，子报表能够获取主表中的值。

帆软（FineReport) V9任意文件覆盖漏洞

热门推荐

江左盟的博客

05-03

2万+

目录漏洞简介影响范围漏洞分析漏洞利用修复方法批量漏洞检测工具漏洞简介该漏洞是在近期HVV中被披露的，由于在初始化svg文件时，未对传入的参数做限制，导致可以对已存在的文件覆盖写入数据，从而通过将木马写入jsp文件中获取服务器权限。影响范围 WebReport V9 漏洞分析 fr-chart-9.0.jar包中com.fr.chart.web/ChartSvgInitService类传递op参数的值svginit：漏洞主要出现在fr-chart-9.0.

参与评论您还未登录，请先登录后发表或查看评论

FineReport 点击跳转到新的网页或者查看图片详情

爬爬的博客

01-23

1万+

首先先看一下需求：如图，比如需要点击链接查看具体的网址或者是图片之类的。点击百度的网址跳转到百度首页，下面三个是三个图片的链接。做法：单元格——右键——超级链接——选择JavaScript 参数随便取个名字，公式为$$$ ,取当前值，保存预览也可以隐藏链接这一列，后面增加查看按钮。如下图：

帆软单元格背景插入图片并可以写数据

weixin_48277834的博客

09-17

1731

帆软单元格背景插入图片并可以写数据，还可以随数据变更换背景图片。

帆软FineReport_单元格样式，有图标，不用双击才能输入

Null_All的博客

01-13

2137

当把单元格设置成文本控件或者别的控件的时候，必须得先单击一下，然后再点一下才会有操作。原谅我没研究过GIF 鼠标放在单元格上：第一次点击效果：第二次点击效果：感觉特别别扭还不美观。所以我闲下来的时候就随便试试功能，无意中发现了一个非常简单的方法，并且不用手动话外框。1，”模板“—”模板Web属性“ 2，在”填报页面设置“标签下，把”直接显示控件“打勾，好了

Finereport常见单元格图标（角标）含义

Liu_Arvin的芝士小栈

06-21

7216

Finereport单元格图标（角标）含义

svg矢量图标在wpf中的使用

Dahlin哥's 博客

01-20

3379

在wpf应用程序开发中，为支持图标的矢量缩放，及在不同分辨率下界面中图标元素的矢量无损缩放，所以常常用到svg图标，那么如果完美的将svg图标运用到wpf日常的项目开发中呢，这里分享一下我的个人使用经验和详细步骤。

Logo（图片）作为报表水印的解决方法

Sxb_Cry5tal的博客

10-28

492

概述在《像 word 一样增加水印功能》中，已经介绍了如何在润乾报表中增加文字水印功能，包括了静态及动态水印。水印功能将标识信息嵌入到报表载体后，使得信息安全、版权保护有了更有效的方法。水印除了纯文字形式，还有一种情况采用图片的形式，比如常用的 Logo。整体效果如下 Logo 如下（为了看得更清晰，logo 用较大点的图片）《像 word 一样增加水印功能》文中介绍的方...

精选资源

FineReport疫情仪表板制作案例 + 素材

06-24

3. **图片文字素材**：这是设计大屏时需要用到的图形、图标、文本等元素。这些素材可以帮助你美化报表，使其更具视觉冲击力。学习这个案例，你需要掌握以下几个关键知识点： 1. **FineReport基本操作**：了解如何...

精选资源

Spring Boot2.6.13集成FineReport11.0教程

04-21

用户需要了解如何创建数据库和表，并插入测试数据。知识点 3：FineReport 安装 FineReport 的安装需要注册帐号并下载安装包。用户需要了解如何下载安装包、安装 FineReport 并激活软件。知识点 4：报表设计在...

FineReport集成SSM所需要的lib包

07-01

在进行Java Web开发时，集成FineReport与SSM（Spring, SpringMVC, MyBatis）框架是一种常见的做法，旨在利用FineReport强大的报表功能和SSM框架的灵活性与高效率。要完成这一集成，需确保项目中包含了正确的库文件...

finereport-单元格悬停显示图片.cpt模板

11-26

finereport9.0的二次开发小功能：类似tooltip功能，鼠标一悬停单元格就显示图片，移开就没了，可控制哪个单元格显示.分享.cpt模板文件。本想免费的，csdn必须得要设置1分，纯属分享。。。

FineReport自学习题 V2.rar

08-10

【FineReport自学习题 V2.rar】是一个针对FineReport软件的自学资源包，包含了丰富的学习题目和相关的图表制作示例，旨在帮助用户深入理解和掌握FineReport的各项功能。FineReport是一款强大的报表设计工具，广泛...

FineReport输出格式

fascinatingGirl的博客

09-15

3673

自定义报表导出格式通过在url里直接输入参数命令来控制报表导出格式的文件。导出格式对应的参数命令，如下： PDF格式——format=pdf WORD格式——format=word EXCEL格式：分页导出——format=excel 原样导出——format=excel&extype=simple 分页分sheet导出——format=excel&extype=sheet 文

帆软【好看的—新增/删除按钮】

qq_46576582的博客

10-11

1887

帆软 reprot 自定义新增删除按钮

[FineReport帆软]使用gif图片背景/设置动态背景

云丶峰的博客

09-27

5466

1.决策报表使用gif图片背景/动态背景需要在报表块的初始化事件中添加js 1) 给整个body添加动态背景，js代码如下 setTimeout(function() { $('.content-container').css({'background': 'url(/webroot/help/picture/1.gif)no-repeat','background-size':'100% 100%'}); }, 1000); 注意，需要将图片拷贝到webroot/help/pictur

svg画图保姆级教程

qq_52775800的博客

01-05

1518

svg画图，做出地图立体感！

FineReport报表如何在单元格中显示本地图片（图片地址已存储到MySQL数据库中）

qq_39236157的博客

03-12

3092

FineReport报表如何在单元格中显示本地图片（图片地址已存储到MySQL数据库中）

使用 SVG绘制各种图表

wsl3465205046的博客

04-19

1163

这个示例中绘制了两个简单的地图区域，点击地图区域会弹出提示框显示区域的ID。你可以根据实际需求继续完善地图的绘制和交互功能，例如添加更多区域、显示区域信息等。

fineReport中单元格中设置上升和下降图标

最新发布

09-12

<think> 我们正在讨论的是FineReport中如何在单元格中设置上升和下降图标（通常称为箭头图标）来表示数据的变化趋势。根据用户提供的引用内容，其中有一个公式，但这个公式主要是处理百分比文本并添加了“↑”和“↓”符号，而不是设置图标。在FineReport中，设置上升和下降图标通常有两种方法： 1. 条件显示图标：使用条件属性，根据单元格值的变化情况显示不同的图标（例如，向上或向下的箭头）。 2. 自定义显示：使用公式在文本中添加特定的字符（如↑、↓）来模拟图标，但这种方法实际上显示的是字符，而不是真正的图标。但是，根据用户的问题，他们想要的是设置图标（可能是指图形箭头图标），而不是文本符号。在FineReport中，设置图标的常见方法是：方法一：使用条件属性添加图标步骤1：选中需要设置图标的单元格，右键选择“条件属性”。步骤2：添加多个条件，每个条件对应不同的图标。步骤3：在每个条件中，设置条件（例如，当前单元格值与前一个单元格值比较），然后选择“图标”作为显示方式，并选择具体的图标（上升箭头、下降箭头）。方法二：使用形态（自定义显示）在单元格的形态设置中，可以使用公式来返回一个包含图标的HTML内容（如果支持HTML的话），但这种方式需要FineReport支持HTML显示，且通常用于报表的Web端。然而，更常见和推荐的方式是使用条件属性来设置图标。根据引用[1]中的公式，用户可能是想通过文本方式显示趋势，但我们现在需要的是图标。因此，我将重点介绍使用条件属性设置图标的方法。具体步骤： 1. 假设我们有两列数据：当前周期和上一周期，需要计算变化趋势（比如当前周期与上一周期的比较）。 2. 在需要显示图标的单元格中，我们可以先计算出变化率或者变化值，然后根据这个值来设置图标。例如，假设当前周期的值在B2单元格，上一周期的值在C2单元格，变化率=(B2-C2)/C2。然后，在D2单元格（用于显示图标的单元格）进行以下设置： - 选中D2单元格，打开条件属性。 - 添加条件1：当变化率>0时，显示上升箭头图标。 - 添加条件2：当变化率<0时，显示下降箭头图标。 - 添加条件3：当变化率=0时，显示水平箭头图标（或者不显示图标）。在条件属性中，选择“自定义图标”，然后选择相应的图标文件（FineReport内置了一些图标，也可以自定义上传图标）。但是，注意：FineReport的条件属性中，图标设置通常是在“背景”或“前景图标”中，具体版本可能有所不同。另一种方法是使用“数据条”或“图标集”（类似于Excel的条件格式），但FineReport中对应的功能是条件属性。由于引用[1]中提到了一个公式，该公式在文本中附加了↑和↓符号，因此如果用户希望使用文本符号，也可以使用公式。但是，用户明确要求设置图标。因此，我们推荐使用条件属性来设置图标。下面，我将详细说明条件属性设置图标的步骤：步骤1：选中需要设置图标的单元格（例如D2）。步骤2：在右侧属性面板中，找到“条件属性”，点击添加按钮。步骤3：在条件编辑窗口中，添加第一个条件：条件类型：公式公式：条件表达式，例如：$$B2 > C2$$ （表示上升）然后，在“样式”选项卡中选择“前景图标”或“背景图标”（一般选择前景图标），选择向上箭头图标（需要提前上传图标或在图标库中选择）。步骤4：添加第二个条件：公式：$$B2 < C2$$ 选择向下箭头图标。步骤5：添加第三个条件（可选）：公式：$$B2 == C2$$ 选择水平箭头图标（或者不设置图标，即不显示）。注意：公式中的单元格引用需要根据实际情况调整。如果用户没有计算变化率，而是直接比较前后两个值，那么上述公式就是直接比较。另外，如果用户希望根据变化幅度设置不同的颜色（比如上升为绿色，下降为红色），也可以在条件属性中设置字体颜色。总结：在FineReport中设置上升和下降图标，主要使用条件属性来实现，根据条件显示不同的图标。相关问题： 1. 如何自定义上传图标到FineReport？ 2. 在条件属性中，如何设置多个条件叠加？ 3. 如何在FineReport中使用HTML来自定义显示图标？ 4. 如何根据变化率设置不同的图标（例如变化率大于5%显示上升箭头，小于-5%显示下降箭头，中间显示平稳）？ </think> 在FineReport中为单元格设置上升/下降图标（箭头）表示数据趋势，主要通过条件属性实现。以下是详细步骤： ### 方法一：使用条件属性设置图标 1. **准备数据** 假设A列是当前值，B列是基准值（如上一期数据） | 当前值(A2) | 基准值(B2) | |-------------|------------| | 150 | 100 | 2. **添加计算列**（用于判断趋势）在C2单元格输入公式：`=IF(A2 > B2, 1, IF(A2 < B2, -1, 0))` - `1` 表示上升 → 显示↑图标 - `-1` 表示下降 → 显示↓图标 - `0` 表示持平 3. **设置条件属性** - 选中C2单元格 → 右键选择 **条件属性** - 添加三个条件： | 条件公式 | 前景图标 | 图标位置 | |--------------------|--------------|----------| | `$$$==1` | 选择↑箭头 | 居中 | | `$$$==-1` | 选择↓箭头 | 居中 | | `$$$==0` | 留空或水平箭头| 居中 | ![条件属性设置示例](https://help.fanruan.com/finereport/doc-image/829.gif) （图示：FineReport官方教程中的图标设置界面[^1]） 4. **隐藏计算列**（可选）若不想显示计算值，将C列字体颜色设置为白色或调整列宽隐藏。 ### 方法二：文本符号法（无需图标）在单元格直接显示↑/↓符号： ```plaintext =IF(A2 > B2, round(A2/B2,2)*100 + "%↑", IF(A2 < B2, round(A2/B2,2)*100 + "%↓", round(A2/B2,2)*100 + "%→" )) ``` ### 关键注意事项 1. **图标支持** - FineReport内置箭头图标库（红/绿/灰箭头） - 支持上传自定义图标：`模板 > 模板Web属性 > 资源` 上传SVG/PNG文件 2. **动态基准值** 如需与前一单元格比较（如环比），用单元格位移语法： ```plaintext // 与上一行数据比较 =IF(A2 > D2[A2:-1], "↑", "↓") ``` 3. **性能优化** 当数据量>10万行时： - 避免整列条件格式 → 限定数据范围 - 用SQL预先计算趋势值（减少报表计算压力） > ⚠️ 注意：箭头颜色需手动设置（如上升绿色），在条件属性中同步配置 **字体颜色** 或 **背景色**[^1]。