反馈已提交

网络繁忙

多系列地图

  • 文档创建者:宋会青
  • 历史版本:26
  • 最近更新:Alicehyy 于 2022-08-19
  • 1. 概述

    1.1 版本

    报表服务器版本功能变动
    11.0-

    1.2 应用场景

    当地图数据的系列名选择「字段名」,并设置了多个系列时,我们称它为多系列地图。如下图所示:

    Snag_160e658.png

    多系列地图的特点是,可设置多个系列的「标签」或「提示」同时显示。那么前端展示时多个系列是按什么顺序进行叠加的呢?使用不同类型的图例时,会对多系列的配色、标签和数据点提示有什么影响呢?本文将详细介绍地图多系列设置及其展示效果。

    2. 示例:区域地图

    我们以区域地图为例,先处理好模板的基础设置、给地图绑定好数据,再分别介绍多系列地图颜色、标签和提示的设置及效果。

    2.1 设计模板

    2.1.1 数据准备

    新建决策报表,新建内置数据集,数据如下图所示:

    Snag_8c041d.png

    2.2.2 插入地图

    将地图拖入到 body 中,选择区域地图,地图边界选择「安徽省」,GIS 图层选择「标准>无」。如下图所示:

    Snag_1889279.png

    2.2.3 设置 body 背景

    给 body 设置一个深蓝色背景

    Snag_32ea5c.png

    2.2.4 绑定数据

    选择内置数据集,区域名为「区域」,设置系列名使用「字段名」,绑定 3 个字段。如下图所示:

    Snag_340429.png

    2.2 设置系列颜色

    2.2.1 颜色划分为系列

    当图表属性「样式>系列>颜色划分」选择「系列」时,如下图所示:

    Snag_3e65d0.png

    前端展示时,地图颜色默认显示第一个系列的颜色,点击 图例 可实现隐藏和显示该系列,如下图所示:

    07708687-AB1E-41EA-9526-247F7657075E.GIF

    2.2.2 颜色划分为值

    当图表属性「样式>系列>颜色划分」选择「值」时,可设置连续渐变或区域渐变,如下图所示:

    Snag_eacd31.png

    前端预览时,地图颜色采用渐变色的主题颜色,无论是连续渐变还是区域渐变,其渐变的范围值均是由第一个系列决定的。如下图所示:

    • 连续渐变

    37245BCA-E7C2-4F75-923F-AAD5CBA0F315.GIF

    • 区域渐变

    8428FC96-EED2-4453-8DD5-B84CCE36FFE6.GIF

    2.3 标签和提示

    2.3.1 属性

    属性标签提示
    勾选使用默认不勾选「使用标签」默认勾选「使用数据点提示」
    内容通用 / 富文本 / 自定义
    文本区域名、系列名、值、百分比
    样式自动 / 自定义
    显示策略内容选择「通用」时,均可以勾选「显示所有系列」,不勾选时默认显示第一个系列;选择「富文本/自定义」时,均不支持显示所有系列,只显示第一个系列

    注:提示选择「富文本/自定义」时,「显示所有系列」设置项可勾选但无效

    默认不勾选「显示所有系列」

    默认勾选「显示所有系列」

    可设置是否跟随鼠标

    注:在 10.0.18 版本之前的设计器中,「标签」不支持显示所有系列,默认只显示第一个系列,想要显示多个系列可参考文档 自定义地图标签和提示点位置 。

    2.3.2 功能设置

    点击「样式>标签」,设置如下图所示:

    Snag_f9a09a.png

    点击「样式>提示」,设置如下图所示:

    Snag_11ef906.png

    2.3.3 效果预览

    预览时标签和提示均显示所有系列,通过点击 图例 可实现系列的显示与隐藏。

    注:App 端和 HTML5 端预览效果与 PC 端一致。

    • 颜色划分为系列:标签和提示内容会随着图例的隐藏而隐藏。

    02279A2C-6DFB-4013-84B8-B70B5672CE1A.GIF

    • 颜色划分为值>连续渐变:随着图例的隐藏,地图对应区域隐藏,标签和提示同样被隐藏。

    D6E06216-F76A-4299-B9BF-9D1C9B4CAA16.GIF

    • 颜色划分为值>区域渐变:随着图例的隐藏,地图对应区域隐藏,标签和提示同样被隐藏。

    CFC23840-93D8-4C57-897B-67DDA131530B.GIF

    3. 其他地图

    3.1 点地图

    点地图的多系列设置和显示原理跟区域地图完全一致,如下图所示:

    E15773D2-D16B-42E3-9974-B3C16967AE40.GIF

    3.2 流向地图

    流向地图的线条颜色的显示原理与区域地图相反,预览时,最终显示最后一个系列的颜色,如下图所示:

    FCA8AABA-F98A-45A6-80DC-A76CE82DCBDA.GIF

    3.3 组合地图

    组合地图的颜色显示顺序和系列设置方法是上面介绍的三种地图的组合,也就是虽然组合成一个地图,但是系列颜色显示仍然采用各自的逻辑。且点地图的系列始终显示在区域地图和流向地图系列的上方,流向地图系列始终显示在区域地图系列的上方。如下图所示:

    Snag_7c62a4c.png

    4. 模板下载

    已完成模板可参见:%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\Chart\Map\多系列区域地图.frm

    点击下载模板:多系列区域地图.frm

    附件列表


    主题: 图表应用
    • 有帮助
    • 没帮助
    • 只是浏览
    中文(简体)

    鼠标选中内容,快速反馈问题

    鼠标选中存在疑惑的内容,即可快速反馈问题,我们将会跟进处理。

    不再提示

    10s后关闭

    联系我们
    在线支持
    获取专业技术支持,快速帮助您解决问题
    工作日9:00-12:00,13:30-17:30在线
    页面反馈
    针对当前网页的建议、问题反馈
    售前咨询
    采购需求/获取报价/预约演示
    或拨打: 400-811-8890 转1
    qr
    热线电话
    咨询/故障救援热线:400-811-8890转2
    总裁办24H投诉:17312781526
    提交页面反馈
    仅适用于当前网页的意见收集,帆软产品问题请在 问答板块提问前往服务平台 获取技术支持