反馈已提交

网络繁忙

当前为10.0版本文档,只有最新版本的文档支持在线编辑修改,如果想创建/编辑文档,请移步至 最新版帮助文档

多热点图片插件

  • 文档创建者:小张好像不在线
  • 历史版本:2
  • 最近更新:Alicehyy 于 2022-08-22
  • 1. 概述

    1.1 版本

    报表服务器版本JAR包插件版本
    10.02020-08-03V1.8.2

    1.2 应用场景

    在报表设计时,插入单元格元素或者悬浮元素类型里面,新增加一种元素类型”多热点图片“。类似插入图片功能,但是支持在图片上设计热点区域,并可设置热点对应的网页链接。热点区域支持圆形、矩形和自定义多边形区域。

    设计器多热点图片效果图


    然后浏览模板时候,点击图片中对于的区域打开指定的链接地址。

    1.3 功能描述

    • 设计器上设计模板,插入元素类型中增加“多热点图片”元素。

    • 设计器上插入多热点图片支持图片编辑功能、热点区域设置及链接配置等功能。

    • 预览模板,点击图片上设置的热点区域,可打开设置的链接地址。

    • 不支持移动端。

    2. 插件介绍

    2.1 插件安装

    点击下载插件:多热点图片插件

    设计器插件安装方法请参见:设计器插件管理

    服务器安装插件方法请参见:服务器插件管理

    2.2 操作方法

    2.2.1模板插入多热点元素

    打开设计器菜单“插入”->“单元格元素/悬浮元素”->“插入多热点图片” 菜单,即可打开多热点图片设计窗口。或者通过设计器工具栏也可打开多热点图片设计窗口。如下图:


    2.2.2编辑多热点图片

    在设计器上插入多热点图片元素后,会自动弹出多热点图片编辑窗口,如图:

    2.2.3添加图片

    在设计窗口右边点击“添加图片”按钮,选择一张图片。如下图:

    2.2.4设置图片布局方式

    新增图片后,可以选择图片的布局方式,支持“默认”、“拉伸”、“适应”三种布局方式。默认:原始图片大小,拉伸:适应图片父元素大小,适应:按比例缩放适应父元素大小。

    2.2.5 设置矩形区域超链接

    在设计窗口右边点击“矩形区域”按钮,然后在图片需要设置热点的区域,按下鼠标左键(保持按下不松开)拖动鼠标,最后松开鼠标左键,即可设置矩形热点区域。如下图:

    2.2.6 设置圆形区域超链接

    圆形区域的设置步骤跟矩形区域一样。

    2.2.7 设置多边形区域超链接

    在设计窗口右边点击“多边形区域”按钮,然后在图片上单击-移动位置-再点击-再移动位置-再单击(可多次设置点),最后双击结束,即可设置多边形区域。如下图:

    2.2.8 设置区域的网页链接

    在画好的区域内,点击鼠标右键可弹出输入框,输入网页链接地址,即可完成热点区域的设置。如下图:

    2.2.9 热点区域删除

    在设计窗口右边点击“清除区域”按钮,然后在图片上画矩形区域(方法类似矩形区域按钮),画完后区域内的热点即可被清除掉。

    2.2.10 画笔设置

    另外,画区域时候,画笔的颜色及粗细,可自定义设置。

    2.2.11 预览

    设置完成后,点击确定,保存模板,预览效果,在设置的热点区域点击,即可打开设置的链接。

    3 效果预览

    PC 端预览效果如下:

    • 默认布局

    • 拉伸布局                                                           

    • 适应布局

    注:不支持移动端。

    4. 模板下载

    附件列表


    主题: 图表应用
    已经是第一篇
    已经是最后一篇
    • 有帮助
    • 没帮助
    • 只是浏览

    售前咨询电话

    400-811-8890转1

    在线技术支持

    请前往「服务平台」,选择「在线支持」

    热线电话:400-811-8890转2

    总裁办24H投诉

    热线电话:173-1278-1526