相关内容为你找到约238个结果
数据整理
数据可视化大屏展示的内容本质上反应的是业务逻辑，因此我们通常在整理需求时会先梳理整个大屏的业务逻辑，对大屏的内容进行结构划分，划分之后就形成了一个个子版块，每个子板块对应一组业务数据，在大屏制作之前，这些数据就需要先整理出来。 以一个企业的需求为例，我们可以将不同的部门划分为不同的子大屏，同一个部门里，我们根据业务再划分几个内容板块，这些板块对应的是部门的不同业务数据，而不同的数据因为结构不同，往...
数据请求的并发限制
通过“并发限制”，可以设置在打开项目时发起数据请求的并发数量。在看板编辑界面左上角“项目”下拉菜单中点击“项目设置”。在打开的“项目管理”窗口中点击“并发限制”。在“并发限制”窗口中，可自定义请求数据并发数量。参数设置好之后，点击“确定”即完成并发限制的设置。
数据更新
看板的数据更新有两种方式：手动更新和自动更新。 1. 手动更新手动更新主要是针对编辑看板的过程中，如果修改了本地数据源，希望更新当前看板中显示的数据。 在“数据”下拉菜单中点击“刷新数据”或者按快捷键“Ctrl + F5”都可以手动更新数据。 2. 自动更新自动更新主要是针对看板在全屏播放过程中，希望随着数据源数据的更新，看板中能够展示更新之后的数据。 山海鲸可视化的数据刷新频率为：每秒、每 10...
数据条件
数据条件通常用于组件多状态切换或者组件属性的条件格式切换，在软件中点击上方的“数据-数据条件”即可进行设置，如下图所示： 1. 添加数据条件在弹出的窗口中，我们可以点击左上角的“+添加条件”来创建一个新的数据条件，如下图所示： 添加新的数据条件后，我们可以修改条件的名称，复制以及删除条件，如下图所示： 2. 新建分组/条件在右侧还可以点击“新建分组”和“新建条件”，如下图所示： 对于条件设置而言，...
数据变化
...复杂度，对这些组件预设了一些样式，但我们仍可以在此基础上对其样式进行修改。 数据变化-保持不变、数据变化-上升、数据变化-下降都是数据变化的预设样式，这些预设的样式主要是组件自有数据、组件图形的形状、颜色和数量，但是本质上这些组件都是数据变化。 下面我们以数据变化-上升为例，给大家介绍一下该组件的使用步骤： 1. 添加组件如果您不太熟悉组件，可以通过组件窗口找到该组件后添加： 如果您比较熟悉组件，...
数据连接概述
数据连接是访问特定数据库所需要的信息的集合，包括数据源名称和登录信息。数据连接存储在工程中，当用户执行需要访问数据库的操作时这些连接被激活。我们需要在山海鲸数据管家中建立与数据源的连接，让山海鲸数据管家能获取到数据源中的数据。在创建数据连接时，有以下三种选项：1. 接入数据源选择需要的数据源类型，山海鲸数据管家目前支持的数据源有以下类型：内部数据：空数据集文件数据：EXCEL 文件、CSV 文件关...
数据操作概述
数据操作是通过创建API 应用、Hub 应用对接入山海鲸数据管家的数据源整合，以供山海鲸可视化项目调用。同时山海鲸数据管家支持使用SQLConsole 功能对数据库生成数据列表。以上两种对数据源的整合统称为数据操作。 在数据操作时，有以下两种选项： 1.创建应用选择需要创建的应用类型，山海鲸数据管家目前支持创建的应用类型有两种：API 应用、Hub 应用 2.使用 SQLConsoleSQLCon...
数据列属性
1. 概述1.1 功能简介当单元格内容为数据列时，双击单元格可以弹出数据列属性设置弹窗，如下图所示： 数据列的基本属性包括父格设置、聚合类型和扩展方向三类设置。 2. 数据列属性2.1 父格设置父格设置就是指父子格设置，详情请参看教程：父子格设置。 2.2 聚合类型聚合类型设置即修改数据的显示方式，分为分组显示、列表显示和汇总显示，详情请参看教程：数据显示方式。 2.3 扩展方向扩展方向就是指扩展...
数据显示方式
1. 概述1.1 功能简介在山海鲸可视化中，报表的效果都是通过对基础数据进行加工而来的。制作一张报表模板，首先应准备报表所需的基础数据。基础数据的来源方式有多种，例如 MySQL、SqlSever 等数据库或 Excel、JSON 等静态数据文件，将添加的数据字段拖拽到报表里，即可实时预览添加的数据。 拥有了这些基础数据后，我们就可以对这些数据进行再加工，让其显示出我们所需的样式。数据的显示方式有...
数据读取和处理
二开中对数据的处理主要分为三个部分，分别是数据的读取，数据变化的监听，数据联动的触发和撤回。0.测试数据准备首先我们先准备一个测试数据表 Excel 如下：ID地区销售员产品类型产品销量1华北张伟饮料咖啡3292华北李娜饮料橙汁7253华北王成饮料酸梅汁3634华南张荣坚果开心果6195华南韩文文坚果碧根果243将数据导入山海鲸：1.数据的读取在二开中读取数据目前有两种方式，一种是直接由二开中定义...
添加数据
我们在项目制作过程中，第一步首先要做的就是添加数据，山海鲸可视化支持添加多种不同类型的数据，本教程将以静态文件数据为例，对添加数据的过程和相关注意事项进行介绍。 下面我们就来看看该如何在项目中添加数据。 1. 打开连接数据窗口为项目添加数据分为两种方式，第一种方式是点击项目右上角按钮，然后点击“编辑数据”打开连接数据窗口。 这样我们就无需打开项目，直接打开连接数据窗口添加数据了。 第二种方式需要打...
编辑数据
山海鲸可视化的资源中心中提供了丰富的大屏模板。当我们通过模板创建大屏时，通常需要将模板自带的数据修改为自己的数据。另外，当我们使用了本地的数据源时，有时候也需要修改数据源。 修改模板自带的数据有两种方案，第一种是直接在数据源上做修改，另一种是直接替换数据源。本文主要介绍直接在数据源上做修改的方法，关于直接替换数据源的方法请参考教程：替换数据。 我们如果使用的是本地数据源，可以直接在本地打开数据源进...
替换数据
在使用资源中心的大屏模板时，或者我们一开始使用临时数据制作项目，然后提交给客户时，都需要将当前的数据源替换为最终使用的数据源。 山海鲸可视化支持一键替换数据源，但是在数据源替换过程中，有一个非常重要的前提条件：两个数据源之间的结构是完全相同的。所谓结构相同，指的是数据源所包含的数据表格的数量和字段的数量，最好连命名和顺序都是完全相同的。两个数据源之间的结构相似度越高，替换过程将会越简单。 数据源替...
设置数据联动
在山海鲸可视化软件中，软件会自动分析数据内在的关联性，这些关联会同步到使用了这些数据的组件中，从而将这些组件关联起来。 如果对这些已经存在关联的组件开启了数据联动功能，则可以实现组件之间的数据联动（关于地图的数据联动请参考该教程 →_→ 如何设置地图的数据联动和下钻 ）。 联动可以分为相同数据源的数据联动和跨数据源的数据联动，相同数据源的数据联动是以字段数值为依据，跨数据源联动是以字段名**+数值...
设置数据筛选
在某些情况下，我们需要组件只显示某些特定的数据，这时就需要用到“数据筛选”功能了。 以下为本教程中使用的示例数据。 分类 值 示例 1 1048 示例 2 735 示例 3 580 示例 4 1005 示例 5 700 选中组件，可以在“数据”界面中找到“数据筛选”选项开关。 开启“数据筛选”功能，可以看到“筛选条件”默认为“不筛选”，其他选项分别为：“筛选数据源指定行”、“选择数据条件”、“筛选...
基础数据表格
...复杂度，对这些组件预设了一些样式，但我们仍可以在此基础上对其样式进行修改。基础数据表格是数据表格组件的一种预设样式，在组件的使用过程中，我们可以按照以下步骤进行设置：1. 添加组件如果您不太熟悉组件，可以通过组件窗口找到该组件后添加：如果您比较熟悉组件，可以通过搜索来添加组件，这个方式会更便捷一些。点击搜索按钮或按键盘“Ctrl+F”键打开搜索框，输入组件名称进行搜索，然后选择对应的组件进行添加。...
如何对API数据做处理并接入山海鲸？
通过山海鲸数据管家 API 应用可以方便、快捷的对各种数据源进行整合和运算处理，生成 API 接口供山海鲸可视化项目调用。本文主要介绍在山海鲸数据管家中添加并处理 API 数据，然后将 API 接入山海鲸，具体操作如下：1. 在数据管家中添加 API 数据1.1 创建 API 应用打开山海鲸数据管家，在“工作台”界面中点击“新建”，选择“新建应用”。在创建应用界面选择“API 应用”，下方可以更改...
文本数据应用
教程正在加紧编写中，请耐心等待~~
日期数据应用
教程正在加紧编写中，请耐心等待~~
导入文件数据
山海鲸可视化软件支持的本地文件格式包括：Excel、CSV和JSON格式。在添加数据教程中我们已经给大家介绍了添加数据源的步骤，在连接数据窗口中，我们在本地文件分类中点击对应的按钮即可。1. 选择文件类型以 Excel 类型为例，点击选中Excel按钮。2. 添加 Excel 文件在弹出的窗口进行点击选择或拖拽本地的 Excel 文件。在下方有个“是否拷贝数据文件到项目根目录”设置项，如果我们勾选...
设置地图数据联动和下钻
在中国地图组件的教程中，我们介绍了地图组件的详细设置，本文主要介绍地图组件的数据联动和下钻功能。 1、数据联动 在使用地图组件的联动功能时，通常是通过点击地图某一个区域 / 标记点，其他组件同步更新显示该区域的数据，效果如下图所示： 在上图中，我们展示了省级区域切换和图片之间的联动，然后下钻到浙江省内，展示了市级区域切换和图片之间的联动，然后下钻到杭州市，展示了县级区域切换和图片之间的联动。 涉及...
山海鲸数据管家简介
1. 概述山海鲸数据管家是一款帮助用户进行数据管理与转发的软件，能够解决山海鲸可视化等软件对接数据过程中的许多常见问题。 山海鲸数据管家可以兼容各种操作系统（Windows、macOS、Linux 和各种国产操作系统），不仅可以管理多种数据源，同时可以对多种不同数据结构的数据进行融合，还能通过拖拽流程图的形式对数据进行处理并提供调用接口。 2. 产品定位传统的数据接入往往需要耗费不少时间和精力，不...
如何创建空数据集
山海鲸数据管家支持接入多种数据源，如果需要把通过接口接收到的数据存储下来，可以选择创建空数据集，然后通过 Hub 应用，将数据存储到创建的空数据集中，具体操作请参考“如何创建 Hub 应用”教程。本文主要介绍在山海鲸数据管家中创建空数据集，具体操作如下：1. 新建空数据集打开山海鲸数据管家，点击“新建”，选择“接入数据源”。在“接入数据源”弹窗中选择“空数据集”，在弹窗最下方的输入框中修改“应用名...
第三步 连接数据
在山海鲸可视化软件中，我们可以通过以下方式给项目添加数据源，项目中的数据源是公共的，可以在项目中的所有子看板页面中使用。 在编辑界面中点击数据菜单中的“添加数据”： 在打开的连接数据的弹窗中我们可以选择对应的数据源类型，然后添加数据。（常见数据源都可以直接添加，一些复杂的数据源可以通过山海鲸数据管家处理，点此下载） 以添加“Excel 文件”为例，先选择 Excel 文件，然后点击确定。 添加完成...
第四步 绑定数据到组件
首先我们需要添加组件到当前项目的看板中，如下图所示： 点击选中组件，在右侧的设置面板中切换到数据设置界面，可以在右下角看到数据。 数据中包含项目公共数据和组件自有数据，其中项目公共数据是我们通过添加数据源添加到项目中的数据，可以给项目内所有的子看板中的组件使用，组件自有数据是当前组件内置的示例数据，新添加的组件默认使用了组件自有数据，我们可以修改这个数据直接使用，或者替换为项目数据，替换过程如下：...
连接山海鲸数据管家
点此查看山海鲸数据管家使用教程。
如何使用山海鲸数据管家
1. 为什么需要山海鲸数据管家？在山海鲸可视化大屏软件中经常需要连接各种各样的数据，软件中内置了多种数据源连接方式，在“新建项目”后便可看到。山海鲸可视化大屏软件目前支持的数据源包括接口（API、WebSocket、Webhook、PostMessage），文件（Excel、CSV、JSON），数据库（MySQL、SQLServer、PostgreSQL、MongoDB、Oracle、DMB、Ki...
如何将物联网设备数据存储到数据库中？
通过山海鲸数据管家可以将物联网设备数据存储到数据库中，从而在山海鲸可视化项目中进行使用。 本文主要介绍在山海鲸数据管家中实现这个操作，在示例中会将物联网设备数据保存到Excel 文件中， 然后通过Hub 应用连接数据库，再使用API 应用导入 Excel 数据表，通过Http 请求访问 Hub 应用的网址，最后将 Excel 数据通过 Hub 应用插入到数据库中，具体操作如下： 1. 接入物联网设...
如何通过传递参数让大屏展示不同数据
山海鲸可视化的分享链接支持传入自定义参数，参数可以透传给数据源（目前支持 API 和使用 SQL 语句的数据库），数据源针对不同参数，返回不同的数据，就可以达到同一个大屏展示不同数据的效果。下面分别举例说明：1. 使用 API 数据源我们现在有一个 API 数据源（http://test.shanhaibi.com/demo_params.php），返回结果，如下图所示：我们用这个 API 数据源...
API预处理和后处理说明
...est）：主请求发送前执行，用来准备变量、鉴权、拼装请求前置数据；3）后处理脚本（Post-response）：主请求返回后执行，用来改造响应数据、二次请求、统计汇总、写回其他接口。2. 语法说明脚本使用JavaScript。示例 1：预处理常见写法。(async () => { var accessToken = pm.variables.get("accessToken"); if (!acc...
如何制作包含弹窗的标记点？
添加标记点后，通常我们还需要为其添加“弹窗”组件，来展示标记点对应的数据信息。下面我们就了解一下应该如何制作包含弹窗的标记点。一、使用软件提供的组件部分右上角带有弹窗标识的“标记点”组件自带弹窗功能，添加后即可直接进行弹窗内容设置。具体弹窗配置方法将在下文详细讲解。通过这种方式添加的标记弹窗效果如下图所示：二、手动添加制作1. 添加标记点首先，在左侧模型库中选择“标绘-标记”，选择一个标记点添加。...
设置二次开发触发选中传递
...中状态”，例如点击某个控件后，让表格行、列表项或搜索结果自动被选中，从而触发后续的数据展示或联动效果。需要注意的是，选中传递并不是所有组件都支持，只有带有“选中传递”相关设置项的组件才能使用该功能，例如菜单、表格、搜索框等。像按钮这类本身不具备选中状态的组件，无法直接参与选中传递。在实际项目中，我们可能会遇到这样的需求：点击按钮后选中表格中的某一行，再通过另一个按钮取消选中状态。但由于按钮组件本身...
连接瓦石物联中台
瓦石物联中台是一个一站式物联网设备数据采集转发平台，支持各个品牌的PLC设备以及OPCUA、MQTT、MODBUS物联网协议的数据采集和转发。下面我们来看一下，如何在山海鲸可视化中连接瓦石物联中台。1. 选择数据类型在数据源编辑窗口中，在左侧选择“添加数据”选项卡，然后在右侧点击“其他”分类中的“瓦石物联”按钮。2. 连接瓦石物联点击“瓦石物联”按钮后会弹出输入“瓦石物联”的设置框，如下图所示： ...
产品简介
...孪生可视化工具集，包含了三套工具：山海鲸编辑器、山海鲸查看器和山海鲸数据管家。山海鲸编辑器是一款零代码数字孪生开发平台，基于自研数字孪生渲染引擎 Cetus3D 和 CSaaS 架构，不仅可以支持游戏级渲染视效，而且支持 BS/CS 一键切换。山海鲸查看器是一款项目部署工具，配合山海鲸编辑器，可以实现数字孪生项目的一键私有化部署，同时支持端渲染和云渲染。山海鲸数据管家是一款零代码数据管理中台，用于...
产品价格
1. 山海鲸哪些是免费的？1.1 软件编辑功能免费山海鲸可视化提供了一整套数字孪生工具集，包括山海鲸数据管家、山海鲸编辑器和山海鲸查看器，覆盖了数字孪生+GIS+可视化大屏的整个项目制作流程。这三款软件都可以免费下载使用。1.2 二维项目制作和部署全流程免费所谓二维项目就是未使用三维模型的项目（使用了三维模型就意味着可以通过鼠标进行放大缩小和转动视角的操作，除此之外，即使看起来像是三维模型，其实只...
项目部署流程
...浏览器查看。 （2）部署文件+山海鲸查看器 您可以通过山海鲸查看器导入部署文件，然后进行数据编辑和全屏播放查看，也可以发布 Web 链接，通过第三方浏览器查看。 【温馨提示】 部署文件如果未开放编辑修改权限，则只有导出部署文件的作者账号可以修改项目，其他人均无法编辑修改 山海鲸查看器只支持部署项目，进行数据编辑和项目查看，无项目编辑功能 2. 您使用山海鲸可视化自己制作项目2.1. 您给客户做项目...
连接API
在如何添加数据源中我们已经给大家介绍了添加数据源的步骤，本文主要介绍一下API 接口的具体设置。（关于通过传递参数显示不同的数据，请参考教程：如何通过传递参数让大屏展示不同数据）（关于API的预处理和后处理问题，请参考教程：API预处理和后处理说明）目前，山海鲸可视化支持采用 JSON 返回的 API 形式，具体添加过程如下：1. 选择数据类型在数据源编辑窗口中，在左侧选择“添加数据”选项卡，然后...
连接WebSocket
...。 WebSocket 是一种允许客户端与服务器之间进行实时双向通信的技术，非常适合用于需要频繁更新的数据展示场景，如实时监控面板、金融数据流等。 1. 选择数据类型在数据源编辑窗口中，在左侧选择“添加数据”选项卡，然后在右侧点击接口分类中的“WebSocket”按钮： 2. 连接 WebSocket点击“WebSocket”按钮后会弹出输入“连接 WebSocket”的设置框，此处可以设置 We...
连接Webhook
Webhook 是一种被动式的数据通信机制，用于实时推送数据。它允许一个系统在某个事件发生时，自动把数据发送到另一个系统提供的 URL 地址，从而实现系统间的自动联动。 1. 选择数据类型在数据源编辑窗口中，在左侧选择“添加数据”选项卡，然后在右侧点击接口分类中的“Webhook”按钮： 2. 连接 Webhook点击“Webhook”按钮后会弹出输入“连接 Webhook”的设置框，如下图所示：...
连接PostMessage
...在不同窗口之间安全地传递消息。山海鲸可视化有时可能需要从外部程序或嵌入的网页接收数据，使用 PostMessage 可以让外部应用通过浏览器安全地把数据发送到山海鲸可视化项目中。1. 选择数据类型在数据源编辑窗口中，在左侧选择“添加数据”选项卡，然后在右侧点击接口分类中的“PostMessage”按钮：2. 连接 PostMessage点击“PostMessage”按钮后会弹出输入“连接 Post...
连接MySQL数据库
在如何添加数据源中我们已经给大家介绍了添加数据源的步骤，本文主要介绍一下MySQL 数据源的具体设置。 1. 连接数据库在数据源编辑窗口中，在左侧选择“添加新数据”选项卡，然后在弹窗右侧点击数据库分类中的“MySQL”选项框。 2. 设置参数软件会弹出“连接 MySQL”的设置框，填入需要连接的数据库基本参数，并点击“连接”按钮。软件会自动尝试连接数据库并获取数据库中所有的表/视图。 3. 查看数...
连接SQLServer数据库
在如何添加数据源中我们已经给大家介绍了添加数据源的步骤，本文主要介绍一下SQLServer 数据源的具体设置。 1. 连接数据库在数据源编辑窗口中，在左侧选择“添加新数据”选项卡，然后在右侧点击数据库分类中的“SQLServer 数据库”选项框。 2. 设置参数软件会弹出“连接 SQLServer”的设置框，填入需要连接的数据库基本参数，并点击“连接”按钮。软件会自动尝试连接数据库并获取数据库中所...
连接PostgreSQL数据库
在如何添加数据源中我们已经给大家介绍了添加数据源的步骤，本文主要介绍一下PostgreSQL 数据源的具体设置。 1. 连接数据库在数据源编辑窗口中，在左侧选择“添加新数据”选项卡，然后在右侧点击数据库分类中的“PgSQL 数据库”选项框。 2. 设置参数软件会弹出“连接 PgSQL”的设置框，填入需要连接的数据库基本参数，并点击“连接”按钮。软件会自动尝试连接数据库并获取数据库中所有的库。 3....
连接Oracle数据库
在如何添加数据源中我们已经给大家介绍了添加数据源的步骤，本文主要介绍一下Oracle 数据源的具体设置。 1. 连接数据库在数据源编辑窗口中，在左侧选择“添加新数据”选项卡，然后在右侧点击数据库分类中的“Oracle 数据库”选项框。 2. 设置参数软件会弹出“连接 Oracle”的设置框，填入需要连接的数据库基本参数，并点击“连接”按钮。软件会自动尝试连接数据库并获取数据库中所有的库。 3. 查...
连接达梦数据库（DM8）
在如何添加数据源中我们已经给大家介绍了添加数据源的步骤，本文主要介绍一下DM8 数据库的具体设置。 1. 连接数据库在数据源编辑窗口中，在左侧选择“添加新数据”选项卡，然后在弹窗右侧点击数据库分类中的“DM8 数据库”选项框。 2. 设置参数软件会弹出“连接 DM8 数据库”的设置框，填入需要连接的数据库基本参数，并点击“连接”按钮。软件会自动尝试连接数据库并获取数据库中所有的表/视图。 3. 查...
连接人大金仓数据库（Kingbase）
在如何添加数据源中我们已经给大家介绍了添加数据源的步骤，本文主要介绍一下人大金仓（Kingbase）数据源的具体设置。 1. 连接数据库在数据源编辑窗口中，在左侧选择“添加新数据”选项卡，然后在弹窗右侧点击数据库分类中的“Kingbase 数据库”选项框。 2. 设置参数软件会弹出“连接 Kingbase”的设置框，填入需要连接的数据库基本参数，并点击“连接”按钮。软件会自动尝试连接数据库并获取数...
连接InfluxDB数据库
在如何添加数据源中我们已经给大家介绍了添加数据源的步骤，本文主要介绍一下InfluxDB 数据源的具体设置。1. 连接数据库在数据源编辑窗口中，在左侧选择“添加新数据”选项卡，然后在弹窗右侧点击数据库分类中的“InfluxDB”选项框。2. 设置参数软件会弹出“连接 InfluxDB”的设置框，填入需要连接的数据库基本参数，并点击“连接”按钮。软件会自动尝试连接数据库并获取数据库中所有的表/视图。...
连接TDengine数据库
在如何添加数据源中我们已经给大家介绍了添加数据源的步骤，本文主要介绍一下TDengine 数据源的具体设置。 1. 连接数据库在数据源编辑窗口中，在左侧选择“添加新数据”选项卡，然后在弹窗右侧点击数据库分类中的“TDengine 数据库”选项框。 2. 设置参数软件会弹出“连接 TDengine”的设置框，填入需要连接的数据库基本参数，并点击“连接”按钮。软件会自动尝试连接数据库并获取数据库中所有...
修改数据字段类型
在创建大屏时，导入的数据源会进行一次自动识别，软件会根据数据的特征对其进行识别，然后自动设置一个数据类型，包括：字符串、数字、时期/时间。 数据类型会影响数据在组件中的展示效果，如果发现识别结果出现偏差，可以手动进行修改，右击任何一个字段都可以手动修改数据类型。
编辑大屏组件
...用方法，可以前往对应组件教程中查看。 组件的基本编辑操作主要包括“添加组件”、“添加数据”、“删除数据”、“设置样式”、“位置设置”、“分组设置”、“其他设置”，下面我们分别介绍一下这几种操作。 添加组件点击组件库中的组件会自动添加当前组件到看板画布上。 新添加的组件默认出现在画布中心位置，且组件为默认状态，显示的数据和颜色也都是默认的。 添加数据在给组件添加数据字段时，一般有两种操作方法：点击式...
设置颜色
在大屏编辑过程中，我们经常需要进行颜色的设置，例如背景色、数据颜色或字体颜色等，这些颜色的设置使用的方法基本一样的。 在山海鲸可视化编辑界面中，设置颜色的界面如下： 左上方是取色区域，右侧分别是颜色和不透明度设置滚动条，可以通过拖动滚动条设置颜色。 下方是颜色和不透明度的数值设置区域，可以通过输入数值设置颜色。 山海鲸支持 9 种渐变方式： 下面我们以大屏画布背景色设置为例演示如何设置渐变色： 【...
设置组件的多状态
...一个默认状态。 每个状态之间都是互相独立的，每一个状态中都可以设置数据和样式，状态之间可以通过设置状态触发条件来进行切换。 以“单行文本”组件为例，点击“预览”下方的“默认状态”按钮来添加状态。 点击左侧的“新建状态”可以添加一个状态，右侧的两个按钮分别用来“编辑状态”和“固定状态设置窗口”。 点击“新建状态”后****，我们可以对新添加的状态进行设置。 开启“显示高级设置”后，设置项包括“跟随看...
设置交互
...组件自身的变化，包括：入场、离场、选中和取消选中。（设置在组件上） 第三种：点击组件，包括：组件内元素、组件。（设置在组件上） 第四种：全屏播放或页面切换。（设置在子看板上） 第五种：数据变化。（设置在子看板上） 第六种：接收到二次开发中的事件。（设置在组件上或子看板上） （1）鼠标操作触发的交互这种交互设置在触发组件上，例如：点击 A 触发 B 的时候，交互是设置在 A 组件上的。 下面我们通过...
设置条件样式
...置。条件样式可以设置在每一个具体的设置项上，然后通过数据条件来切换不同的样式。条件样式有以下两种设置方式： 1. 在扩展设置中设置条件样式点击选中组件，在右侧样式设置界面中，将鼠标悬停在某个设置项上，就可以看到扩展设置的菜单按钮，点击之后就会打开扩展设置菜单。 点击“条件样式”选项，就可以打开当前设置项的条件样式设置窗口。 设置条件样式的前提是已经设置好了数据条件，然后这里才可以选择对应的数据条件...
动态值传递（交互）
...或者项目参数值，对其进行处理和传递。 下面使用“基础单行文本”组件和“数据表格”组件进行演示，实现点击数据表格，基础单行文本显示对应的行号、列号和数据的效果。 1. 设置动态值的方法首先我们选中需要操作的组件，给它添加一个交互，这里以基础数据表格为例。只有当交互触发后修改的内容有内容时，我们才可以设置动态值传递。 例如：这里的交互是点击表格任意一个单元格，通过修改设置项的方式，将对应单元格的内容传...
项目参数
项目参数是全局的一个参数配置，可以在 API 数据源的URL、BODY、HEADER以及数据库数据源的 SQL 语句中进行关联。可以使用交互或者二开代码直接设置，也可以在内嵌山海鲸页面时通过 URL 参数透传进来。此参数可以被用在很多的场景之中，如根据不同条件进行数据筛选，项目集成时的透传参数等等。下文通过项目参数的创建，项目参数值的设置和项目参数的使用三个部分来介绍： 1.项目参数的创建设置项目...
分组柱状图
...一些样式，但我们仍可以在此基础上对其样式进行修改。 T 型分组柱状图、基础分组柱状图 2、基础分组柱状图 3都是分组柱状图的预设样式，预设的样式主要包括组件自有数据、图形形状、颜色和数量，但是本质上这三种组件都是分组柱状图。 下面我们以T 型分组柱状图为例，为大家介绍一下组件的使用步骤： 1. 添加组件如果您不太熟悉组件，可以通过组件窗口找到该组件后添加： 如果您比较熟悉组件，可以通过搜索来添加组...
堆叠柱状图
...一些样式，但我们仍可以在此基础上对其样式进行修改。 基础堆叠柱状图 2、基础堆叠柱状图 3都是堆叠柱状图的预设样式，预设的样式主要包括组件自有数据、图形形状、颜色和数量，但是本质上这三种组件都是堆叠柱状图。 下面我们以基础堆叠柱状图 2为例，为大家介绍一下组件的使用步骤： 1. 添加组件如果您不太熟悉组件，可以通过组件窗口找到该组件后添加： 如果您比较熟悉组件，可以通过搜索来添加组件，这个方式会更...
基础百分比堆叠柱状图
...”键打开搜索框，输入组件名称进行搜索，然后点击对应的组件进行添加。 2. 绑定数据第一步：确认数据源格式不同的组件适合于不同格式的数据，如果数据源格式不符合组件的要求，就无法正常显示内容。 基础百分比堆叠柱状图的数据类型是一个 X 轴字段和多个 Y 轴字段，一个 Y 轴字段对应一个柱子。 其中 X 轴字段是字符串类型，Y 轴字段是数字类型。 X 轴字段（分类） Y 轴字段 1（值 1） Y 轴字段...
基础区间柱状图
...”打开搜索框，输入组件名称进行搜索，然后点击对应的组件进行添加。 2. 绑定数据第一步：确认数据源格式不同的组件适合于不同格式的数据，如果数据源格式不符合组件的要求，就无法正常显示内容。 基础区间柱状图的数据类型是一个 X 轴字段、开始字段和结束字段。 其中 X 轴字段是字符串类型，开始和结束字段是数字类型。 X 轴字段（名称） 开始字段（开始） 结束字段（结束） 示例 1 76 100 示例 2...
基础瀑布图
...输入组件名称进行搜索，然后点击对应的组件进行添加。 2. 绑定数据第一步：确认数据源格式不同的组件适合于不同格式的数据，如果数据源格式不符合组件的要求，就无法正常显示内容。 基础瀑布图的数据由多个分类字段和一个数值字段构成，分类字段对应 X 轴坐标分类，数值字段对应柱子。 其中分类字段是字符串类型，数值字段是数字类型。 分类字段（分类） 数值字段（消费） 日用品 20 伙食费 70 交通费 45 ...
基础渐变直方图
...一些样式，但我们仍可以在此基础上对其样式进行修改。 基础渐变直方图是直方图组件的预设样式，预设的样式主要包括组件自有数据、图形形状、颜色和数量，但是本质上这三种组件都是直方图。 下面我们以基础渐变直方图为例，为大家介绍一下组件的使用步骤： 1. 添加组件如果您不太熟悉组件，可以通过组件窗口找到该组件后添加： 如果您比较熟悉组件，可以通过搜索来添加组件，这个方式会更便捷一些。 点击搜索按钮或按键盘“...
基础极坐标柱状图
...键打开搜索框，输入组件名称进行搜索，然后点击对应的组件进行添加。 2. 绑定数据第一步：确认数据源格式不同的组件适合于不同格式的数据，如果数据源格式不符合组件的要求，就无法正常显示内容。 （1）数据类型 1这种数据类型适用于柱子数量固定不变的情况。 这种数据类型是一个 X 轴字段和多个 Y 轴字段，一个 Y 轴字段对应一个柱子。 其中 X 轴字段是字符串类型，Y 轴字段是数字类型。 X 轴字段（城...
分组条形图
...一些样式，但我们仍可以在此基础上对其样式进行修改。 T 型分组条形图、渐变分组条形图都是分组条形图的预设样式，预设的样式主要包括组件自有数据、组件图形的形状、颜色和数量，但是本质上这三种组件都是分组条形图。 下面我们以T 型分组条形图为例，给大家介绍一下该组件的使用步骤： 1. 添加组件如果您不太熟悉组件，可以通过组件窗口找到该组件后添加： 如果您比较熟悉组件，可以通过搜索来添加组件，这个方式会更...
基础堆叠条形图
...一些样式，但我们仍可以在此基础上对其样式进行修改。 基础堆叠条形图 2、基础堆叠条形图 3都是堆叠条形图的预设样式，预设的样式主要包括组件自有数据、图形形状、颜色和数量，但是本质上这两种组件都是堆叠条形图。 下面我们以基础堆叠条形图 2为例，为大家介绍一下组件的使用步骤： 1. 添加组件如果您不太熟悉组件，可以通过组件窗口找到该组件，然后添加组件，如下图所示： 如果您比较熟悉组件，可以通过搜索来添...
基础区间条形图
...，输入组件名称进行搜索，然后点击对应的组件进行添加。 2. 绑定数据第一步：确认数据源格式不同的组件适合于不同格式的数据，如果数据源格式不符合组件的要求，就无法正常显示内容。 这种数据类型是一个 X 轴字段、一个开始字段和一个结束字段构成，开始字段和结束字段决定条形区间。 其中 X 轴字段是字符串类型，开始字段和结束字段是数字类型。 X 轴字段（名称） 开始字段 结束字段 示例 1 76 100 ...
基础百分比堆叠条形图
...中的设计复杂度，但是这并不代表我们不可以对其样式进行修改。 基础百分比堆叠条形图是堆叠条形图组件的一种预设样式，预设的样式主要包括组件自有数据、图形形状、颜色和数量，但是本质上这种组件是堆叠条形图。 下面我们以基础百分比堆叠条形图为例，给大家介绍一下该组件的使用步骤： 1. 添加组件如果您不太熟悉组件，可以通过组件窗口找到该组件后添加： 如果您比较熟悉组件，可以通过搜索来添加组件，这个方式会更便捷...
动态条形图
...入组件名称进行搜索，然后点击对应的组件进行添加。 2. 绑定数据第一步：确认数据源格式不同的组件适合于不同格式的数据，如果数据源格式不符合组件的要求，就无法正常显示内容。 这种数据类型是一个 X 轴字段、一个 Y 轴字段和一个动态值字段构成。其中 X 轴字段是字符串类型，Y 轴字段和动态值字段是数字类型。 X 轴字段 Y 轴字段 动态值字段 茶饮料 1234 1 月 咖啡 789 1 月 气泡水 ...
折线图
...3都是折线图的一种预设样式，这些预设的样式主要是组件自有数据、组件图形的形状、颜色和数量，但是本质上这些组件都是折线图。 下面我们以基础折线图为例，给大家介绍一下该组件的使用步骤： 1. 添加组件如果您不太熟悉组件，可以通过组件窗口找到该组件，然后添加组件，如下图所示： 如果您比较熟悉组件，可以通过搜索来添加组件，这个方式会更便捷一些。 点击搜索按钮或按键盘“Ctrl+F”键打开搜索框，输入组件名...
面积图
... 3都是面积图组件的预设样式，这些预设的样式主要包括组件自有数据、组件图形的形状、颜色和数量，但是本质上这些图表都属于面积图组件。 下面我们以基础折线面积图为例，为大家介绍一下该组件的使用步骤： 1. 添加组件如果您不太熟悉组件，可以通过组件窗口找到该组件后添加： 如果您比较熟悉组件，可以通过搜索来添加组件，这个方式会更便捷一些。 点击搜索按钮或按键盘“Ctrl+F”键打开搜索框，输入组件名称进行...
基础区间面积图
...，输入组件名称进行搜索，然后点击对应的组件进行添加。 2. 绑定数据第一步：确认数据源格式不同的组件适合于不同格式的数据，如果数据源格式不符合组件的要求，就无法正常显示内容。 基础区间面积图的数据类型是一个 X 轴字段、Y 轴字段和区间字段。 其中 X 轴字段和区间字段是字符串类型，Y 轴字段是数字类型，示例数据如下： X 轴字段（名称） Y 轴字段（实际值） 区间字段（区间值） 示例 1 10 ...
基础堆叠双轴图
...一些样式，但我们仍可以在此基础上对其样式进行修改。 基础堆叠双轴图是分组双轴图组件的预设样式，预设的样式主要包括组件自有数据、图形形状、颜色和数量，但是本质上这种组件是分组双轴图。 下面我们以基础堆叠双轴图为例，为大家介绍一下组件的使用步骤： 1. 添加组件如果您不太熟悉组件，可以通过组件窗口找到该组件，然后添加组件，如下图所示： 如果您比较熟悉组件，可以通过搜索来添加组件，这个方式会更便捷一些。...
基础分组双轴图
...索框，输入组件名称进行搜索，然后点击对应的组件进行添加。 2. 绑定数据第一步：确认数据源格式不同的组件适合于不同格式的数据，如果数据源格式不符合组件的要求，就无法正常显示内容。 数据类型基础分组双轴图由一个 X 轴字段和两个 Y 轴字段构成，即一个 X 轴字段对应两个 Y 轴字段，Y 轴字段的数量对应柱子数量。其中 X 轴字段是字符串类型，Y 轴字段是数字类型。 X 轴字段（分类） 左侧 Y 轴...
反转分组双轴图
...”键打开搜索框，输入组件名称进行搜索，然后点击对应的组件进行添加。 2. 绑定数据第一步：确认数据源格式不同的组件适合于不同格式的数据，如果数据源格式不符合组件的要求，就无法正常显示内容。 数据类型反转分组双轴图**数据类型由一个 X 轴字段和两个 Y 轴字段构成，即一个 X 轴字段对应两个 Y 轴字段，Y 轴字段的数量对应柱子数量。** 其中 X 轴字段是字符串类型，Y 轴字段是数字类型。 X ...
基础百分比图
... 如果您比较熟悉组件，可以通过搜索来添加组件，这个方式会更便捷一些。 点击搜索按钮或按键盘“Ctrl+F”键打开搜索框，输入组件名称进行搜索，然后点击对应的组件进行添加。 2. 绑定数据第一步：确认数据源格式不同的组件适合于不同格式的数据，如果数据源格式不符合组件的要求，就无法正常显示内容。 这种数据类型是一个取值字段构成，取值字段对应图形占比。 其中取值字段是数字类型。 值（取值字段） 0.5 ...
基础雷达图
...一些样式，但我们仍可以在此基础上对其样式进行修改。 基础雷达图是雷达图组件的预设样式，预设的样式主要包括组件自有数据、图形形状、颜色和数量，但是本质上基础雷达图组件就是雷达图。 下面我们以基础雷达图为例，为大家介绍一下组件的使用步骤： 1. 添加组件如果您不太熟悉组件，可以通过组件窗口找到该组件，然后添加组件，如下图所示： 如果您比较熟悉组件，可以通过搜索来添加组件，这个方式会更便捷一些。 点击搜...
基础饼状图
...入组件名称进行搜索，然后点击对应的组件进行添加。 2. 绑定数据第一步：确认数据源格式不同的组件适合于不同格式的数据，如果数据源格式不符合组件的要求，就无法正常显示内容。 基础饼状图的数据类型属于分类取值字段固定不变的情况，由一个分类字段和一个取值字段构成，一个取值字段对应一个图形角度。其中分类字段是字符串类型，取值字段是数字类型。 分类字段（类型） 取值字段（数量） 铅 130 铝 58 金 1...
基础环形图
...打开搜索框，输入组件名称进行搜索，然后点击对应的组件进行添加。 2. 绑定数据第一步：确认数据源格式不同的组件适合于不同格式的数据，如果数据源格式不符合组件的要求，就无法正常显示内容。 这种数据类型是一个分类字段和一个取值字段，一个取值字段对应环形的一段。 其中分类字段是字符串类型，取值字段是数字类型。 类型 数量 铅 130 铝 58 金 10 锌 25 铁 95 银 50 铜 60 第二步：设...
基础玫瑰图
...一些样式，但我们仍可以在此基础上对其样式进行修改。 基础玫瑰图是玫瑰图组件的一种预设样式，预设的样式主要包括组件自有数据、图形形状、颜色和数量，但是本质上这种组件是玫瑰图。 下面我们以基础玫瑰图为例，为大家介绍一下组件的使用步骤： 1. 添加组件如果您不太熟悉组件，可以通过组件窗口找到该组件后添加： 如果您比较熟悉组件，可以通过搜索来添加组件，这个方式会更便捷一些。 点击搜索按钮或按键盘“Ctrl...
基础玫瑰环图
...入组件名称进行搜索，然后点击对应的组件进行添加。 2. 绑定数据第一步：确认数据源格式不同的组件适合于不同格式的数据，如果数据源格式不符合组件的要求，就无法正常显示内容。 基础玫瑰环图由一个分类字段和一个取值字段构成，其中分类字段是字符串类型，取值字段是数字类型。 分类字段（类型） 取值字段（数量） 铅 130 铝 58 金 10 锌 25 铁 95 第二步：设置数据字段（1）使用组件数据每个组件...
基础散点图
...比较熟悉组件，可以通过搜索来添加组件，这个方式会更便捷一些。 点击搜索按钮或按键盘“Ctrl+F”键打开搜索框，输入组件名称进行搜索，然后点击对应的组件进行添加。 2. 绑定数据不同的组件适合于不同格式的数据，如果数据源格式不符合组件的要求，就无法正常显示内容。 第一步：确认数据源格式这种数据类型适用于散点数量固定不变的情况。 这种数据类型是一个 X 轴字段和多个 Y 轴字段，一个 Y 轴字段对应...
基础气泡图
...一些样式，但我们仍可以在此基础上对其样式进行修改。 基础气泡图是散点图组件的一种预设样式，预设的样式主要包括组件自有数据、图形形状、颜色和数量，但是本质上基础气泡图组件是散点图。 下面我们以基础气泡图为例，为大家介绍一下组件的使用步骤： 1. 添加组件如果您不太熟悉组件，可以通过组件窗口找到该组件，然后添加组件，如下图所示： 如果您比较熟悉组件，可以通过搜索来添加组件，这个方式会更便捷一些。 点击...
基础时间序列气泡图
...框，输入组件名称进行搜索，然后点击对应的组件进行添加。 2. 绑定数据第一步：确认数据源格式不同的组件适合于不同格式的数据，如果数据源格式不符合组件的要求，就无法正常显示内容。 基础时间序列气泡图组件由一个日期字段和一个取值字段构成，其中日期字段是字符串类型，取值字段是数字类型。 日期字段（日期） 取值字段（数值） 2022-1-10 1000 2022-2-15 859 2022-3-20 65...
带线气泡图
...输入组件名称进行搜索，然后点击对应的组件进行添加。 2. 绑定数据第一步：确认数据源格式不同的组件适合于不同格式的数据，如果数据源格式不符合组件的要求，就无法正常显示内容。 这种数据类型是一个 X 轴字段、一个 Y 轴字段、一个气泡大小字段和一个图片地址字段构成，一个 Y 轴字段对应一个气泡，Y 轴字段数值大小决定气泡的大小。 其中 X 轴字段是字符串类型，Y 轴字段是数字类型。 X 轴字段 Y ...
基础仪表盘
...一些样式，但我们仍可以在此基础上对其样式进行修改。 基础仪表盘是仪表盘的预设样式，预设的样式主要包括组件自有数据、图形形状、颜色和数量。 下面我们以基础仪表盘为例，为大家介绍一下组件的使用步骤： 1. 添加组件如果您不太熟悉组件，可以通过组件窗口找到该组件，然后添加组件，如下图所示： 如果您比较熟悉组件，可以通过搜索来添加组件，这个方式会更便捷一些。 点击搜索按钮或按键盘Ctrl+F打开搜索框，输...
基础水球图
...输入组件名称进行搜索，然后点击对应的组件进行添加。 2. 绑定数据第一步：确认数据源格式不同的组件适合于不同格式的数据，如果数据源格式不符合组件的要求，就无法正常显示内容。 水球图组件的数据由一个分类字段和一个取值字段组成，其中分类字段是字符串类型，取值字段是数字类型。 分类字段（水果） 取值字段（数量） 苹果 36 香蕉 18 橘子 25 第二步：设置数据字段（1）使用组件数据每个组件都自带一个...
基础漏斗图
...过搜索来添加组件，这个方式会更便捷一些。 点击搜索按钮或按键盘“Ctrl+F”键打开搜索框，输入组件名称进行搜索，然后点击对应的组件进行添加。 2. 绑定数据第一步：确认数据源格式不同的组件适合于不同格式的数据，如果数据源格式不符合组件的要求，就无法正常显示内容。 这种数据类型是一个分类字段和一个取值字段，一个取值字段对应一个漏斗层。 其中分类字段是字符串类型，取值字段是数字类型。 名称 数值 访...
基础对比漏斗图
...一些样式，但我们仍可以在此基础上对其样式进行修改。 基础对比漏斗图是漏斗图组件的预设样式，预设的样式主要包括组件自有数据、图形形状、颜色和数量，但是本质上这种组件是漏斗图。 下面我们以基础对比漏斗图为例，为大家介绍一下组件的使用步骤： 1. 添加组件如果您不太熟悉组件，可以通过组件窗口找到该组件，然后添加组件，如下图所示： 如果您比较熟悉组件，可以通过搜索来添加组件，这个方式会更便捷一些。 点击搜...
基础对称漏斗图
...打开搜索框，输入组件名称进行搜索，然后点击对应的组件进行添加。 2. 绑定数据第一步：确认数据源格式不同的组件适合于不同格式的数据，如果数据源格式不符合组件的要求，就无法正常显示内容。 基础对称漏斗图数据由一个分类字段和两个取值字段构成，两个取值字段分别对应两个漏斗图层。 其中分类字段是字符串类型，取值字段是数字类型。 名称 站点 1 站点 2 访问 550 500 浏览 420 400 下单 2...
基础热力图
...比较熟悉组件，可以通过搜索来添加组件，这个方式会更便捷一些。 点击搜索按钮或按键盘“Ctrl+F”键打开搜索框，输入组件名称进行搜索，然后点击对应的组件进行添加。 2. 绑定数据第一步：确认数据源格式不同的组件适合于不同格式的数据，如果数据源格式不符合组件的要求，就无法正常显示内容。 这种数据类型是一个 X 轴字段、一个 Y 轴字段和一个取值字段，X 轴和Y 轴字段分别对应一个类别，取值字段大小决...
基础日历热力图
...一些样式，但我们仍可以在此基础上对其样式进行修改。 基础日历热力图是热力图组件的一种预设样式，预设的样式主要包括组件自有数据、图形形状、颜色和数量，但是本质上这种组件是热力图。 下面我们以基础日历热力图为例，为大家介绍一下组件的使用步骤： 1. 添加组件如果您不太熟悉组件，可以通过组件窗口找到该组件后添加： 如果您比较熟悉组件，可以通过搜索来添加组件，这个方式会更便捷一些。 点击搜索按钮或按键盘“...
基础华夫图
...过搜索来添加组件，这个方式会更便捷一些。 点击搜索按钮或按键盘“Ctrl+F”键打开搜索框，输入组件名称进行搜索，然后点击对应的组件进行添加。 2. 绑定数据第一步：确认数据源格式不同的组件适合于不同格式的数据，如果数据源格式不符合组件的要求，就无法正常显示内容。 这种数据类型是一个分类字段和一个取值字段，其中分类字段是字符串类型，取值字段是数字类型。 分类字段（分类） 取值字段（值） 示例 1 ...
基础矩形图
...一些样式，但我们仍可以在此基础上对其样式进行修改。 基础矩形图是色块图组件的一种预设样式，预设的样式主要包括组件自有数据、图形形状、颜色和数量，但是本质上这种组件是基础矩形图。 下面我们以基础矩形图为例，为大家介绍一下组件的使用步骤： 1. 添加组件如果您不太熟悉组件，可以通过组件窗口找到该组件后添加： 如果您比较熟悉组件，可以通过搜索来添加组件，这个方式会更便捷一些。 点击搜索按钮或按键盘“Ct...
基础环状色块图
...，输入组件名称进行搜索，然后点击对应的组件进行添加。 2. 绑定数据第一步：确认数据源格式不同的组件适合于不同格式的数据，如果数据源格式不符合组件的要求，就无法正常显示内容。 基础环状色块图的数据由一个 X 轴字段、一个 Y 轴字段和一个取值字段组成，一个 Y 轴字段对应环形的一圈。 其中 X 轴字段和 Y 轴字段是字符串类型，取值字段是数字类型。 X 轴字段（日期） Y 轴字段（产品） 取值字段...
基础矩形色块图
...比较熟悉组件，可以通过搜索来添加组件，这个方式会更便捷一些。 点击搜索按钮或按键盘“Ctrl+F”键打开搜索框，输入组件名称进行搜索，然后点击对应的组件进行添加。 2. 绑定数据第一步：确认数据源格式不同的组件适合于不同格式的数据，如果数据源格式不符合组件的要求，就无法正常显示内容。 这种数据类型是一个 X 轴字段、一个 Y 轴字段和一个取值字段，一个 Y 轴字段对应一个色块。 其中 X 轴字段和...
基础3D分组柱状图
...中的设计复杂度，但是这并不代表我们不可以对其样式进行修改。 基础 3D 分组柱状图是 3D 图表组件的一种预设样式，预设的样式主要包括组件自有数据、组件图形的形状、颜色和数量，但是本质上这种组件是 3D 图表。 下面我们以基础 3D 分组柱状图为例，给大家介绍一下该组件的使用步骤： 1. 添加组件如果您不太熟悉组件，可以通过组件窗口找到该组件后添加： 如果您比较熟悉组件，可以通过搜索来添加组件，这...
基础3D堆叠柱状图
...件名称进行搜索，然后点击对应的组件进行添加。 2. 绑定数据第一步：确认数据源格式不同的组件适合于不同格式的数据，如果数据源格式不符合组件的要求，就无法正常显示内容。 基础 3D 堆叠柱状图组件的数据由一个 X 轴字段和多个 Y 轴字段组成，一个 Y 轴字段对应一个柱子。 其中 X 轴字段是字符串类型，Y 轴字段是数字类型。 X 轴字段（分类） Y 轴字段 1（值 1） Y 轴字段 2（值 2） ...
基础3D饼状图
...过搜索来添加组件，这个方式会更便捷一些。 点击搜索按钮或按键盘“Ctrl+F”键打开搜索框，输入组件名称进行搜索，然后点击对应的组件进行添加。 2. 绑定数据第一步：确认数据源格式不同的组件适合于不同格式的数据，如果数据源格式不符合组件的要求，就无法正常显示内容。 这种数据类型是一个分类字段和一个取值字段构成，一个取值字段对应一个图形角度。 其中分类字段是字符串类型，取值字段是数字类型。 分类字段...
基础3D环形图
...一些样式，但我们仍可以在此基础上对其样式进行修改。 基础 3D 环形图是环形图组件的一种预设样式，预设的样式主要包括组件自有数据、图形形状、颜色和数量，但是本质上这种组件是 3D 图表。 下面我们以基础 3D 环形图为例，为大家介绍一下组件的使用步骤： 1. 添加组件如果您不太熟悉组件，可以通过组件窗口找到该组件后添加： 如果您比较熟悉组件，可以通过搜索来添加组件，这个方式会更便捷一些。 点击搜索...
基础3D玫瑰图
...称进行搜索，然后点击对应的组件进行添加。 2. 绑定数据第一步：确认数据源格式不同的组件适合于不同格式的数据，如果数据源格式不符合组件的要求，就无法正常显示内容。 基础 3D 玫瑰图的数据由一个分类字段和一个取值字段组成。 其中分类字段是字符串类型，取值字段是数字类型。 分类字段（类型） 取值字段（数量） 铅 80 铝 76 金 45 锌 70 铁 70 第二步：设置数据字段（1）使用组件数据每个...
基础3D玫瑰环图
...过搜索来添加组件，这个方式会更便捷一些。 点击搜索按钮或按键盘“Ctrl+F”键打开搜索框，输入组件名称进行搜索，然后点击对应的组件进行添加。 2. 绑定数据第一步：确认数据源格式不同的组件适合于不同格式的数据，如果数据源格式不符合组件的要求，就无法正常显示内容。 基础 3D 玫瑰环图的数据类型是一个分类字段和一个取值字段。 其中分类字段是字符串类型，取值字段是数字类型。 分类字段（类型） 取值字...
基础河流图
...件名称进行搜索，然后点击对应的组件进行添加。 2. 绑定数据第一步：确认数据源格式不同的组件适合于不同格式的数据，如果数据源格式不符合组件的要求，就无法正常显示内容。 这种数据类型是一个日期字段、一个分类字段和一个取值字段。 其中日期字段和分类字段是字符串类型，取值字段是数字类型。 日期字段 分类字段 取值字段 2021/5/1 示例一 3 2021/5/2 示例一 14 2021/5/3 示例一...
基础桑基图
...过搜索来添加组件，这个方式会更便捷一些。 点击搜索按钮或按键盘“Ctrl+F”键打开搜索框，输入组件名称进行搜索，然后点击对应的组件进行添加。 2. 绑定数据第一步：确认数据源格式不同的组件适合于不同格式的数据，如果数据源格式不符合组件的要求，就无法正常显示内容。 基础桑基图的数据类型由一个节点字段和一个取值字段组成，其中节点字段是字符串类型，取值字段是数字类型。 节点字段（节点 1） 节点字段（...
基础玉玦图
...过搜索来添加组件，这个方式会更便捷一些。 点击搜索按钮或按键盘“Ctrl+F”键打开搜索框，输入组件名称进行搜索，然后点击对应的组件进行添加。 2. 绑定数据第一步：确认数据源格式不同的组件适合于不同格式的数据，如果数据源格式不符合组件的要求，就无法正常显示内容。 这种数据类型是一个 X 轴字段和一个 Y 轴字段。 其中 X 轴字段是字符串类型，Y 轴字段是数字类型。 X 轴字段 Y 轴字段 示例...
基础甘特图
...输入组件名称进行搜索，然后点击对应的组件进行添加。 2. 绑定数据第一步：确认数据源格式不同的组件适合于不同格式的数据，如果数据源格式不符合组件的要求，就无法正常显示内容。 这种数据类型是一个任务字段、一个开始字段、一个结束字段和一个进度字段。 其中任务字段、开始字段和结束字段是字符串类型，进度字段是数字类型。 任务字段 开始字段 结束字段 进度字段 任务 1 2023-1-1 2023-1-5 ...
基础路径图
...过搜索来添加组件，这个方式会更便捷一些。 点击搜索按钮或按键盘“Ctrl+F”键打开搜索框，输入组件名称进行搜索，然后点击对应的组件进行添加。 2. 绑定数据第一步：确认数据源格式不同的组件适合于不同格式的数据，如果数据源格式不符合组件的要求，就无法正常显示内容。 这种数据类型是一个 X 轴字段、一个 Y 轴字段和一个分类字段组成，X 轴字段对应路径起点，Y 轴对应路径终点。 其中 X 轴字段和 ...
基础披萨图
...比较熟悉组件，可以通过搜索来添加组件，这个方式会更便捷一些。 点击搜索按钮或按键盘“Ctrl+F”键打开搜索框，输入组件名称进行搜索，然后点击对应的组件进行添加。 2. 绑定数据第一步：确认数据源格式不同的组件适合于不同格式的数据，如果数据源格式不符合组件的要求，就无法正常显示内容。 这种数据类型由一个数据字段组成，该数据字段内可包含一个或多个字段。 其中数据字段的数据类型可根据需要进行选择。 数...
基础箱型图
...过搜索来添加组件，这个方式会更便捷一些。 点击搜索按钮或按键盘“Ctrl+F”键打开搜索框，输入组件名称进行搜索，然后点击对应的组件进行添加。 2. 绑定数据第一步：确认数据源格式不同的组件适合于不同格式的数据，如果数据源格式不符合组件的要求，就无法正常显示内容。 基础箱型图只有一个取值字段，取值字段中可添加多个数据字段，取值字段为数字类型。 值 值 值 值 值 850 960 840 890 8...
基础子弹图
...比较熟悉组件，可以通过搜索来添加组件，这个方式会更便捷一些。 点击搜索按钮或按键盘Ctrl+F打开搜索框，输入组件名称进行搜索，然后点击对应的组件进行添加。 2. 绑定数据第一步：确认数据源格式不同的组件适合于不同格式的数据，如果数据源格式不符合组件的要求，就无法正常显示内容。 这种数据类型由一个标题字段、一个分组范围字段、一个实际值字段和一个目标值字段组成。 其中标题字段和分组范围字段的数据类型...
路径动画
...过搜索来添加组件，这个方式会更便捷一些。 点击搜索按钮或按键盘“Ctrl+F”键打开搜索框，输入组件名称进行搜索，然后点击对应的组件进行添加。 2. 绑定数据不同的组件适合于不同格式的数据，如果数据源格式不符合组件的要求，就无法正常显示内容。 路径动画属于特殊类型的组件，不需要绑定数据。 3. 设置组件样式点击选中组件，在右侧“样式”设置窗口中可以看到多个不同的设置分类，每一个分类里都有不同的设置...
基础普通指标卡
...一些样式，但我们仍可以在此基础上对其样式进行修改。基础普通指标卡是一种预设样式，预设的样式主要包括组件自有数据、图形形状、颜色和数量，但是本质上这种组件是指标卡。下面我们以基础普通指标卡为例，为大家介绍一下组件的使用步骤：1. 添加组件如果您不太熟悉组件，可以通过组件窗口找到该组件，然后添加组件，如下图所示：如果您比较熟悉组件，可以通过搜索来添加组件，这个方式会更便捷一些。点击搜索按钮或按键盘Ct...
基础表格（含序号列）
...这些组件预设了一些样式，但我们仍可以在此基础上对其样式进行修改。基础表格（含序号列）是数据表格组件的一种预设样式，在组件的使用过程中，我们可以按照以下步骤进行设置：1. 添加组件如果您不太熟悉组件，可以通过组件窗口找到该组件后添加：如果您比较熟悉组件，可以通过搜索来添加组件，这个方式会更便捷一些。点击搜索按钮或按键盘“Ctrl+F”键打开搜索框，输入组件名称进行搜索，然后选择对应的组件进行添加。2...
基础单行文本
...过搜索来添加组件，这个方式会更便捷一些。 点击搜索按钮或按键盘“Ctrl+F”键打开搜索框，输入组件名称进行搜索，然后点击对应的组件进行添加。 2. 绑定数据不同的组件适合于不同格式的数据，如果数据源格式不符合组件的要求，就无法正常显示内容。 基础单行文本组件默认显示示例文本，双击即可直接进行编辑。 2.1 生成文本数据打开“文本”设置项的扩展设置窗口，点击第三个选项“生成数据字段”。 点击后，该...
基础多行文本
...过搜索来添加组件，这个方式会更便捷一些。 点击搜索按钮或按键盘“Ctrl+F”键打开搜索框，输入组件名称进行搜索，然后点击对应的组件进行添加。 2. 绑定数据第一步：确认数据源格式不同的组件适合于不同格式的数据，如果数据源格式不符合组件的要求，就无法正常显示内容。 基础多行文本组件默认显示示例文本，可直接进行编辑，无需勾选数据字段。 3. 设置组件样式点击选中组件，在右侧“样式”设置窗口中可以看到...
基础词云
...添加： 如果您比较熟悉组件，可以通过搜索来添加组件，这个方式会更便捷一些。 点击搜索按钮或按键盘Ctrl+F打开搜索框，输入组件名称进行搜索，然后点击对应的组件进行添加。 2. 绑定数据第一步：确认数据源格式不同的组件适合于不同格式的数据，如果数据源格式不符合组件的要求，就无法正常显示内容。 这种数据类型是一个词集字段和一个词频字段，词频字段对应基础词云组件中字体的大小。 其中词集字段是字符串类型...
翻牌器
...一些样式，但我们仍可以在此基础上对其样式进行修改。翻牌器组件与指标卡组件类似，同样是专门用于展示数字类型数据的一种预设样式。下面我们以翻牌器为例，为大家介绍一下组件的使用步骤：1. 添加组件如果您不太熟悉组件，可以通过组件窗口找到该组件，然后添加组件，如下图所示：如果您比较熟悉组件，可以通过搜索来添加组件，这个方式会更便捷一些。点击搜索按钮或按键盘Ctrl+F打开搜索框，输入组件名称进行搜索，然后...
视频
...过搜索来添加组件，这个方式会更便捷一些。 点击搜索按钮或按键盘“Ctrl+F”键打开搜索框，输入组件名称进行搜索，然后点击对应的组件进行添加。 2. 添加视频地址视频组件可直接添加视频地址，也可以通过数据字段设置。 2.1 直接添加视频地址(1) 本地的视频点击选中视频组件，在右侧样式“基本设置”项分组中，可以对“视频地址”进行设置。 默认选项是选择“本地文件”，点击之后将本地的视频添加进来。 (...
监控
...监控地址监控地址可通过直接输入监控地址添加，也可以通过数据字段设置。 2.1 直接添加监控地址点击选中监控组件，在右侧样式窗口的监控设置项分组中，我们可以对监控地址进行直接添加。 【温馨提示】监控地址配置项的基础设置可以参看3.1.2 监控设置部分介绍。 2.2 通过数据字段设置监控地址在项目中，我们有时候需要动态修改监控组件的监控内容，此时我们可以通过上述的网络链接地址的方式来设置（使用该方式需...
轮播视频
...加视频地址轮播视频组件可直接添加视频地址，也可以通过数据字段设置。 2.1 直接添加视频地址(1) 本地的视频点击选中组件，在右侧样式“基本设置”项分组中，可以对“视频地址”进行设置。 默认选项是选择“本地文件”，点击之后将本地的视频添加进来。 (2) 网络链接的视频点击视频地址“选项切换”按钮，选择“输入网络链接”。 在视频地址处输入视频的“网络链接地址”。（使用链接地址时，需要注意该链接地址是...
音频
...过搜索来添加组件，这个方式会更便捷一些。 点击搜索按钮或按键盘“Ctrl+F”键打开搜索框，输入组件名称进行搜索，然后点击对应的组件进行添加。 2. 添加音频地址音频组件可直接添加音频地址，也可以通过数据字段设置。 2.1 直接添加音频地址(1) 本地音频点击选中音频组件，在右侧样式“基本设置”项中，可以对“音频地址”进行设置。 默认选项是选择“本地文件”，点击之后将本地的音频添加进来。 (2) ...
基础下拉菜单
...式，这是和 3.2 章节中的条件样式相对应的，条件样式就是根据数据的变化改变组件的样式。下面我们按照每一个设置项给大家介绍一下具体的设置：2.1.1 基本设置配置项说明不透明度这个设置项的一个常见用法是结合条件样式/交互/多状态来实现组件的显示和隐藏。选项设置当选项“来自数据”时，需要到“数据”设置中勾选选项字段和联动字段；当“自定义”选项时，在此处手动添加、删除选项，自定义选项内容。选项值当“自...
分组面板
.... 固定样式设置所谓固定样式，就是设置完之后一直保持的组件样式，这是和 3.2 章节中的条件样式相对应的，条件样式就是根据数据的变化改变组件的样式。 下面我们按照每一个设置项给大家介绍一下具体的设置。 2.1.1 基本设置 配置项 说明 不透明度 1）根据个人喜好或整体和谐度合理地使用透明度，会让大屏布局更美观； 2）这个设置项的一个常见用法是结合条件样式/交互/多状态来实现组件的显示和隐藏。 鼠...
列表
...根据不同的组件会有不同的内容。2.1 固定样式设置所谓固定样式，就是设置完之后一直保持的组件样式，这是和 2.2 章节中的条件样式相对应的，条件样式就是根据数据的变化改变组件的样式。下面我们按照每一个设置项给大家介绍一下具体的设置。2.1.1 基本设置配置项说明不透明度1）根据个人喜好或整体和谐度合理地使用透明度，会让大屏布局更美观；2）这个设置项的一个常见用法是结合条件样式/交互/多状态来实现组...
按钮
...件样式，这是和 2.2 章节中的条件样式相对应的，条件样式就是根据数据的变化改变组件的样式。 下面我们按照每一个设置项给大家介绍一下具体的设置： 2.1.1 基本设置 配置项 说明 不透明度 1）根据个人喜好或整体和谐度合理地使用透明度，会让大屏布局更美观； 2）这个设置项的一个常见用法是结合条件样式/交互/多状态来实现组件的显示和隐藏。 文本 在此输入按钮显示的文本。 文本排列 分为“水平排列”...
弹窗
...样式，这是和 3.2 章节中的条件样式相对应的，条件样式就是根据数据的变化改变组件的样式。 下面我们按照每一个设置项给大家介绍一下具体的设置。 2.1.1 基本设置 配置项 说明 不透明度 1）根据个人喜好或整体和谐度合理地使用透明度，会让大屏布局更美观； 2）这个设置项的一个常见用法是结合条件样式/交互/多状态来实现组件的显示和隐藏。 鼠标穿透 开启后所有鼠标操作全部会穿透到弹窗下方组件，弹窗组...
可切换分组面板（选项卡）
...一直保持的组件样式，这是和 3.2 章节中的条件样式相对应的，条件样式就是根据数据的变化改变组件的样式。 下面我们按照每一个设置项给大家介绍一下具体的设置。 2.1.1 基本设置 配置项 说明 不透明度 1）根据个人喜好或整体和谐度合理地使用透明度，会让大屏布局更美观； 2）这个设置项的一个常见用法是结合条件样式/交互/多状态来实现组件的显示和隐藏。 鼠标穿透 开启鼠标穿透，可以穿过该组件，操作被...
菜单
...组件样式，这是和 3.2 章节中的条件样式相对应的，条件样式就是根据数据的变化改变组件的样式。 下面我们按照每一个设置项给大家介绍一下具体的设置。 3.1.1 基本设置 配置项 说明 不透明度 1）根据个人喜好或整体和谐度合理地使用透明度，会让大屏布局更美观； 2）这个设置项的一个常见用法是结合条件样式/交互/多状态来实现组件的显示和隐藏。 菜单选项 可在此处手动添加、编辑、删除菜单中的选项。 默...
搜索框
...是和 3.2 章节中的条件样式相对应的，条件样式就是根据数据的变化改变组件的样式。 下面我们按照每一个设置项给大家介绍一下具体的设置。 2.1.1 基本设置 配置项 说明 不透明度 这个设置项的一个常见用法是结合条件样式/交互/多状态来实现组件的显示和隐藏。 鼠标穿透 开启后鼠标可以直接操作内部子组件或被该组件挡住的组件。 文本排列 可设置蚊拍排列方式为“水平排列”或“垂直排列”。 搜索框 透明度...
进度条
...组件样式，这是和 2.2 章节中的条件样式相对应的，条件样式就是根据数据的变化改变组件的样式。 下面我们按照每一个设置项给大家介绍一下具体的设置： 2.1.1 基本设置 配置项 说明 不透明度 该设置项的一个常见用法是结合条件样式/交互/多状态来实现组件的显示和隐藏。 鼠标穿透 开启后所有鼠标操作全部会穿透到进度条下方组件，进度条组件不响应鼠标事件。 最小值 自定义设置进度条组件在画布中显示的最小...
iframe
...rame 组件可直接添加 iframe 地址或上传文件夹，也可以通过数据字段设置。2.1 直接添加 iframe 地址点击选中 iframe 组件，在“样式”界面下“基本设置”项中，可以对 iframe 地址进行设置，默认地址为百度网址链接。将山海鲸可视化官方网站地址输入框中，效果如下图：2.2 通过数据字段设置图片地址在项目中，有时候需要动态修改图片组件的图片内容。我们可以通过上述的网络链接地址...
天气
【温馨提示】天气组件使用前需要接入第三方天气服务数据，您在使用第三方天气服务数据时，请遵守服务方的相关要求。如需支付费用，请在第三方服务商平台中支付，山海鲸只提供天气接入功能，并不提供天气服务数据或是收取天气服务数据的费用。 在组件库中，我们给大家提供了丰富的组件，且为了降低大家在项目制作过程中的设计复杂度，对这些组件预设了一些样式，但我们仍可以在此基础上对其样式进行修改。 在组件的使用过程中，我...
基础时间
...过搜索来添加组件，这个方式会更便捷一些。 点击搜索按钮或按键盘“Ctrl+F”键打开搜索框，输入组件名称进行搜索，然后点击对应的组件进行添加。 2. 绑定数据基础时间组件可直接使用软件自带时间系统，也可以通过数据字段控制时间。 2.1 使用软件自带时间点击选中时间组件，在右侧样式“基本设置”项分组中，可以对“时间格式”和“时区”进行设置。 设置好之后的效果如下图： 2.2 通过数据字段控制时间在项...
基础日历
...组件样式，这是和 3.2 章节中的条件样式相对应的，条件样式就是根据数据的变化改变组件的样式。 下面我们按照每一个设置项给大家介绍一下具体的设置： 2.1.1 基本设置 配置项 说明 不透明度 1）根据个人喜好或整体和谐度合理地使用透明度，会让大屏布局更美观； 2）这个设置项的一个常见用法是结合条件样式/交互/多状态来实现组件的显示和隐藏。 日期格式 日期格式默认为“YYYY-MM-DD”，也可以...
基础计时器
...比较熟悉组件，可以通过搜索来添加组件，这个方式会更便捷一些。 点击搜索按钮或按键盘“Ctrl+F”键打开搜索框，输入组件名称进行搜索，然后点击对应的组件进行添加。 2. 绑定数据基础计时器组件可直接使用软件自带计时器系统，也可以通过数据字段控制计时器。 2.1 软件默认计时器点击选中计时器组件，在右侧样式窗口的基本设置分组中，我们可以对计时器计时方式、开始时间和时区进行设置。 设置好之后的效果如下...
基础时间轴
...一直保持的组件样式，这是和 3.2 章节中的条件样式相对应的，条件样式就是根据数据的变化改变组件的样式。 下面我们按照每一个设置项给大家介绍一下具体的设置。 2.1.1 基本设置 配置项 说明 不透明度 1）根据个人喜好或整体和谐度合理地使用透明度，会让大屏布局更美观； 2）这个设置项的一个常见用法是结合条件样式/交互/多状态来实现组件的显示和隐藏。 2.1.2 刻度样式可在此处设置游标、刻度以及...
时间选择器
...一直保持的组件样式，这是和 3.2 章节中的条件样式相对应的，条件样式就是根据数据的变化改变组件的样式。 下面我们按照每一个设置项给大家介绍一下具体的设置。 2.1.1 基本设置 配置项 说明 不透明度 这个设置项的一个常见用法是结合条件样式/交互/多状态来实现组件的显示和隐藏。 鼠标穿透 开启后鼠标可以直接操作内部子组件或被该组件挡住的组件。 时间类型 在下拉菜单中可设置时间为“时间”“日期”“...
时间范围选择器
...直保持的组件样式，这是和 2.2 章节中的条件样式相对应的，条件样式就是根据数据的变化改变组件的样式。 下面我们按照每一个设置项给大家介绍一下具体的设置。 2.1.1 基本设置 配置项 说明 不透明度 1）根据个人喜好或整体和谐度合理地使用透明度，会让大屏布局更美观； 2）这个设置项的一个常见用法是结合条件样式/交互/多状态来实现组件的显示和隐藏。 鼠标穿透 开启后鼠标可以直接操作内部子组件或被该...
鲸AI
...都有不同的设置项，这些分类和设置项根据不同的组件会有不同的内容。2.1 固定样式设置所谓固定样式，就是设置完之后一直保持的组件样式，这是和 2.2 章节中的条件样式相对应的，条件样式就是根据数据的变化改变组件的样式。下面我们按照每一个设置项给大家介绍一下具体的设置：2.1.1 基本设置配置项说明不透明度该设置项的一个常见用法是结合条件样式/交互/多状态来实现组件的显示和隐藏。鼠标穿透开启后所有鼠标...
中国地图
...组件名称进行搜索，然后点击对应的组件进行添加。2. 绑定数据不同的组件适合于不同格式的数据，如果数据源格式不符合组件的要求，就无法正常显示内容。中国地图组件有 7 个数据字段，分别是底图层字段、呼吸点层字段、热力层字段、柱状层字段、路线层字段、飞线层字段和标记层字段，每个字段都需要先在“样式”界面中开启对应层按钮才可进行数据的勾选。（1）使用组件数据每个组件都自带有一个示例数据源，但中国地图组件需...
世界地图
...输入组件名称进行搜索，然后点击对应的组件进行添加。 2. 添加数据不同的组件适合于不同格式的数据，如果数据源格式不符合组件的要求，就无法正常显示内容。 世界地图组件有 7 个数据字段，分别是底图层字段、呼吸点层字段、热力层字段、柱状层字段、路线层字段、飞线层字段和标记层字段。 （1）使用组件数据每个组件都自带有一个示例数据源，但世界地图组件需要自行添加本地数据，具体步骤见（2）。 （2）使用本地数...
美国地图
...输入组件名称进行搜索，然后点击对应的组件进行添加。 2. 绑定数据不同的组件适合于不同格式的数据，如果数据源格式不符合组件的要求，就无法正常显示内容。 中国地图组件有 7 个数据字段，分别是底图层字段、呼吸点层字段、热力层字段、柱状层字段、路线层字段、飞线层字段和标记层字段，每个字段都需要先在“样式”界面中开启对应层按钮才可进行数据的勾选。 （1）使用组件数据每个组件都自带有一个示例数据源，但中国...
写实风3D地图
写实风 3D 地图是地图组件中预设的一种样式，通过 3D 建模接入地理数据，呈现出三维地图的效果。 1. 添加写实风 3D 地图添加写实风 3D 地图共有两种方式，分别为“新建项目时添加”和“在地图组件上添加”，下面分别详细介绍这两个添加方式。 1.1 新建项目时添加打开山海鲸可视化，点击左上角的“新建”按钮。 选择第二个“地图可视化（2D&3D）”栏目，在右边选中“写实风 3D 地图”，然后点击...
网格模型实例
...管理。与传统的复制方式不同，它采用关联复制的方式，并不会为每个模型实例创建独立的资源，而是通过共享同一源模型的材质、几何数据等，来生成多个实例，从而显著减少内存占用和渲染负担，优化系统性能。 在 Blender 中，关联复制功能能让用户能够创建多个共享相同几何和材质属性的对象，而又保留每个实例在位置、旋转、缩放上的独立性。这种方式在需要创建大量相同对象时非常有效，例如在一个场景中摆放多个树木、建筑...
路径动画
鲸孪生组件中，通过添加路径动画，不仅可以展示物体沿着指定的路径进行运动的动画效果，还可以通过数据实时展示物体位置变换轨迹。1. 基础设置路径动画的添加需要先选中一个模型图层，然后将路径动画添加到对应的模型图层中。我们可以通过鼠标点选的方式来添加路径动画轨迹，如下图所示：完成后可在上方重新编辑路径，或调整播放速度、循环播放和播放动画。2. 轨迹开启此按钮，可设置模型移动的轨迹样式。配置项说明轨迹大小...
【实战】如何设置楼层分层动画？
...，用于展示建筑物的不同楼层的结构和功能。通过数字孪生技术，可以将建筑物的实际数据和模型转化为数字化的虚拟模型，包括建筑物的结构、设备、管道等信息。然后利用动画技术，将这些虚拟模型以动画的形式展示出来。 分层动画有以下几个重要的应用和优势： 1.1 建筑设计和规划数字孪生楼层分层动画可以帮助建筑师和设计团队更好地理解建筑物的结构和功能，从而在设计和规划阶段进行优化和改进。通过动画展示，可以直观地展示...
【实战】如何制作2D和3D电梯动画，并设置电梯状态？
...梯动画，步骤如下： 1.1 添加底图使用图形组件、图片组件或直接导入本地素材，来制作代表楼层总高度的底部图形。 使用图形组件或图片组件，来制作电梯箱。 1.2 添加数据条件以下面的示例数据为例，用不同的颜色区分电梯类型。 紫色代表客梯，绿色代表货梯。 添加数据条件来区分不同状态的电梯。 步骤一：添加如下数据条件。 步骤二：选中电梯箱，打开“图形颜色”扩展设置，点击添加“条件样式”。 1.3 设置条...
标记点概述
1.标记点简介在智慧园区或智慧城市项目中，标记点是很常用的一个功能，也是最常用的和数据进行交互的功能。标记点分为自由标记点和数据标记点。两种标记方式是根据添加的方式来区分的，通过手动添加，可以移动位置的称为自由标记点；通过数据添加，例如经纬度、XYZ 坐标的，称为数据标记点。 2.标记点的样式设置2.1.添加标记点2.1.1.添加自由标记点在项目中，双击场景或者鲸孪生图层右击可以进入编辑模式，这个...
标记点面板
...要用到： 1.需要在 3D 中显示二维的图表或者数字这类数据 2.增强标记点文字清晰度和样式 在以上的方面，我们都可以添加一个标记点面板设置，当然有的时候也可以直接用标记点面板来代替标记点主体。 1.面板用来显示数据在三维场景中显示二维图表或者数字是标记点面板最常用的一个场景，我们这里带大家一起看一下如何一步步设置好这样的标记点面板。 1.1 生成数据标记点首先打开我们的示例项目，删除掉里面已有的...
标记点联动与选中
标记点除了前面文档中提到的标识和弹窗的功能外，通常还可能需要根据数据的变化来改变状态，数量。同时也可能需要和外部其他的组件进行选中的绑定，这篇文档中将逐一给大家介绍这些功能点： 1.标记点条件样式对于标记点最常见的需求如根据数据判断，出故障的监控标记点需要显示成红色，这种需求在标记点中采用条件样式来实现。 1.1 调整数据字段我们首先把上一篇文档中的数据进行一些修改如下，添加一栏状态字段： 保存文...
标记点路径动画
标记点可以根据数据或者预设播放路径动画，具体有两种情况： 1 预设路径动画对于不需要根据数据改编的路径动画，我们可以直接在场景中打点的模式来生成路径。 首先我们场景中加入一个新的标记组，我们随意挑选一个样式： 我们把删除标记组样式中主体的所有元素，注意一定要选择标记组进行设置。删除后，再添加一个新的部分，导入我们准备好的小车模型： 导入后可以看到标记点已经变成了一个小车的效果： 我们选中这个标记点...
飞线
...世界中的各种关系和连接，下面我们介绍一下飞线的操作。1. 添加飞线添加飞线共有两种方式，分别为“手动点选添加”和“通过数据生成”，下面依次进行演示：1.1 手动点选添加在组件库的飞线中选择需要添加的样式，然后在场景中通过鼠标选择飞线的起点和终点，选择完毕后点击左上方的“完成”按钮即可成功添加飞线，如下图所示：添加飞线后可以通过经纬度坐标调整飞线起始位置：1.2 通过数据生成很多时候，我们需要进行数...
电子围栏
...标左键进入鲸孪生组件的编辑模式。 在工具栏中点击“标绘”，选择“电子围栏”，将电子围栏添加至场景中。 需要选择不同的点位来确定电子围栏的范围，如下图所示： 1.2 通过数据生成很多时候，我们需要进行数据联动、数据筛选时，手动点选添加的电子围栏无法实现，就需要使用数据来生成电子围栏。在组件图层中点击电子围栏组，在右侧的数据中可以绑定数据字段：坐标类型、围栏 ID、坐标数据，如下图所示： 1.2.1 ...
管道
...添加管道组件后即可点选管道创建位置，也可以通过左上角的“添加”按钮来创建管道。创建管道，过程如下图所示：2. 数据设置添加好管道后，在“数据”设置中可以添加空间坐标或经纬度坐标的位置数据，管道也会根据数据变化。2.1 空间坐标数据空间坐标数据需要根据项目的三维场景来生成，示例数据如下：管道ID数据1["-47,0.09,-64","4.7,-0.06,-20"]2["0,1,3","20,40,6...
流光
.... 添加流光在鲸孪生组件的编辑模式中，在左侧菜单栏“标绘”中选择“流光”栏目。 流光组件通过点击选择不同点位，最后连成线的方式来进行添加，如下图所示： 2. 数据设置添加好流光后，在“数据”设置中可以添加经纬度或空间坐标的位置数据，流光也会根据数据变化。 2.1 空间坐标数据空间坐标数据需要根据项目的三维场景来生成，示例数据如下： 流光 ID 坐标数据 流光 1 [“64.05,0,-41.14”...
热力图
热力图，通过使用颜色编码来显示数据点的密度和分布情况。它能够直观地展示大量数据集中的区域和变化趋势，以帮助我们发现数据中的模式和规律。1. 添加热力图在山海鲸可视化软件“我的项目”中点击“+新建”，选择“3D 地理信息(GIS)”创建一个空白的 GIS3D 场景。在项目中双击子看板，进入鲸孪生组件的编辑模式。在工具栏中点击“标绘”，选择“热力图”，将热力图添加至场景中。2. 数据设置添加好热力图后...
标记点概述
1. 标记点简介在电子地图和卫星地图中，标记点是很常用的一个功能，也是最常用的和数据进行交互的功能。标记点通过手动添加，可以移动位置的称为自由标记点；通过数据添加，例如经纬度、XYZ 坐标的，称为数据标记点。 2. 标记点的样式设置2.1 添加标记点2.1.1 添加自由标记点在项目中，双击鲸地图可以进入编辑状态，这个状态下鲸地图之外的其他组件都会自动隐藏掉，左侧的面板会切换成鲸地图相关功能。 在鲸...
标记点面板
标记点面板是标记点的一个重要补充，在以下几种情况下都需要用到： 1. 需要显示二维的图表或者数字等数据； 2. 增强标记点文字清晰度和样式； 通过弹窗显示二维图表或者数字是标记点面板最常用的一个场景，我们这里带大家一起看一下如何一步步设置好这样的标记点面板。 1. 生成数据标记点首先，在地图上添加自由标记点，然后选中所有的自由标记点，右击选择复制数据： 然后新建一个 Excel，并按下“Ctrl+...
标记点联动与选中
...选中的相关功能。 1. 标记点关联筛选有的时候我们希望只显示符合条件的标记点，这时就要用到标记点筛选了，我们在画面中添加一个下拉菜单组件，并添加“数据标记 1”和“数据标记 2”两个选项。 然后在下拉菜单组件的联动字段中，填入状态字段的字段名。 然后打开数据筛选联动中的联动其他组件开关，筛选联动会互相影响，如果希望控制更精准一些，可以打开高级设置，并切换成白名单模式，选择“基础标记组”组件。 然后...
搜索和电子地图标记点的搜索定位联动
电子地图的标记点除了和“弹窗”、“下拉菜单”、“数据表格”等组件进行联动，还可以和控件中的“搜索框”组件实现搜索定位联动效果，我们在搜索框输入标记点的名称进行查找，就可以自动定位并切换到该标记点的视角。想要实现这个效果，需要使用“选中传递”功能，下面为大家介绍具体的设置步骤。 1. 搜索框的添加与设置用山海鲸可视化打开我们的示例项目，该项目已经添加了一个标记组，里面共有三个数据标记点，并且已经在“...
飞线
在山海鲸可视化鲸地图组件中，不仅支持手动添加、删除飞线，还支持通过添加数据来展示飞线。使用飞线可以更直观地展示鲸地图中各地区的关系与连接。 1. 添加飞线在鲸地图组件的编辑界面左侧功能菜单栏标绘中点击“飞线”即可在场景中添加飞线。 飞线的添加需要确定“起点”和“终点”，通过鼠标点击可以选择起点和终点，添加后还可以详细调整每个飞线的经纬度坐标，如下图所示： 选中左侧组件图层中的“基础飞线组”，将提前...
线段
...择两个点即可生成一条线段。 也可以选择多个点来生成线段，如下图所示： 数据线段的示例数据如下： 名称字段（名称） 点位字段（点位） 线段 1 [[123.50006404331965,62.325800310907],[124.47696957661248,62.33147124113512],[124.20832055495694,61.86000752639001]] 线段 2 [[122.3...
多边形
...择各个顶点的位置，然后将首尾相连形成封闭图形即可生成“自由多边形”。 数据多边形的示例数据如下： 名称字段（名称） 点位字段（点位） 数据多边形 [[159.1046014853191,41.18451134373868],[152.4614997901289,39.15426302391356],[151.9079079821964,32.51977563836516],[160.7653769...
热力图
热力图，通过使用颜色编码来显示数据点的密度和分布情况。它能够直观地展示大量数据集中的区域和变化趋势，以帮助我们发现数据中的模式和规律，鲸地图可以在“标绘”中添加“热力图”。 1. 添加热力图打开一个添加了“鲸地图”组件的项目，双击进入鲸地图的“编辑状态”。 点击左侧菜单栏中的“标绘”，选择“热力图”进行添加，如下图所示： 2. 绑定数据第一步：确认数据源格式添加热力图后，我们需要为热力图“绑定数据...
如何接入EXCEL文件
在数字孪生项目的开发中，我们经常需要使用示例数据进行前期设计，这时就需要接入 EXCEL 文件数据了。 本文主要介绍在山海鲸数据管家中接入 EXCEL 文件，具体操作如下： 1. 接入数据源打开山海鲸数据管家，点击“新建”，选择“接入数据源”。 在“接入数据源”弹窗中选择“EXCEL 文件”，在弹窗最下方的输入框中修改“应用名称”，点击“创建”。 在弹窗中点击“选择文件”，选择需要添加的 EXCE...
如何接入CSV文件
1. 接入数据源打开山海鲸数据管家，点击“新建”，在下拉菜单中选择“接入数据源”。 在“接入数据源”弹窗中选择“CSV 文件”，在弹窗最下方的输入框中可以修改“应用名称”，点击“创建”。 在弹窗中点击“选择文件”，选择需要添加的 CSV 文件后，点击“打开”，点击“确定”即可将该 CSV 文件接入山海鲸数据管家。 2. 查看数据源接入 CSV 文件后，可以看到应用界面左上角的“CSV 示例”，点击...
如何接入MySQL数据库
本文主要介绍在山海鲸数据管家中接入 MySQL 数据库，具体操作如下： 1. 接入数据源打开山海鲸数据管家，点击“新建”，选择“接入数据源”。 在“接入数据源”弹窗中选择“MySQL 数据库”，在弹窗最下方的输入框中修改“应用名称”，点击“创建”。 2. 设置参数在“连接 MySQL 数据库”弹窗中填入“主机”、“端口”、“用户名”和“密码”参数信息。 【温馨提示】山海鲸数据管家会自动填入部分参数...
如何接入Oracle数据库
...-uev5km/shanhaibi/glx4rg 本文将介绍在山海鲸数据管家中接入 Oracle 数据库的操作过程，具体操作如下： 1.接入数据源打开山海鲸数据管家，点击“新建”，选择“接入数据源”。 在“接入数据源”弹窗中选择“Oracle 数据库”，在弹窗最下方的输入框中可修改“应用名称”，点击“创建”。 2.设置参数在“连接 Oracle 数据库”弹窗中填入“主机”、“端口”、“用户名”和“...
如何接入PgSQL数据库
本文主要介绍在山海鲸数据管家中接入 PgSQL 数据库，具体操作如下： 1. 接入数据源打开山海鲸数据管家，点击“新建”，选择“接入数据源”。 在“接入数据源”弹窗中选择“PgSQL 数据库”，在弹窗最下方的输入框中修改“应用名称”，点击“创建”。 2. 设置参数在“连接 PgSQL 数据库”弹窗中填入“主机”、“端口”、“用户名”和“密码”参数信息。 【温馨提示】山海鲸数据管家会自动填入部分参数...
如何接入SQL Server数据库
本文主要介绍在山海鲸数据管家中接入 SQL Server 数据库，具体操作如下： 1. 接入数据源打开山海鲸数据管家，点击“新建”，选择“接入数据源”。 在“接入数据源”弹窗中选择“SQLServer 数据库”，在弹窗最下方的输入框中修改“应用名称”，点击“创建”。 2. 设置参数在“连接 sqlServer 数据库”弹窗中填入“主机”、“端口”、“用户名”、“密码”和“版本号”参数信息。 【温馨...
如何接入MongoDB数据库
1. 接入数据源打开山海鲸数据管家，点击“新建”，在下拉菜单中选择“接入数据源”。 在“接入数据源”弹窗中选择“MongoDB 数据库”，在弹窗最下方的输入框中可以修改“应用名称”，点击“创建”。 2. 设置参数在“连接 MongoDB 数据库”弹窗中填入参数信息：“主机”、“端口”、“用户名”和“密码”。 【温馨提示】山海鲸数据管家会自动填入部分参数信息。 3. 测试连接在“连接 MongoDB...
如何连接海康威视
本文主要介绍如何在山海鲸数据管家中连接海康威视，具体操作如下：1. 下载安装数据管家在山海鲸可视化官网下载并安装山海鲸数据管家，如下图所示：2. 接入数据源打开山海鲸数据管家，点击“新建”，选择“连接开放平台”。在“连接开放平台”弹窗中选择海康威视的平台，这里使用“海康威视综合安防管理”进行演示，在弹窗最下方的输入框中修改“应用名称”，点击“创建”。3. 设置参数3.1 获取海康威视授权密钥打开浏...
如何连接明道云
本文主要介绍如何在山海鲸数据管家中连接明道云，具体操作如下： 1. 下载安装数据管家在山海鲸可视化官网下载并安装山海鲸数据管家。 2. 接入数据源打开山海鲸数据管家，点击“新建”，选择“连接开放平台”。 在“连接开放平台”弹窗中选择“明道云”，在弹窗最下方的输入框中修改“应用名称”，点击“创建”。 3. 设置参数3.1 获取明道云授权密钥在明道云注册后，新建应用，在应用选项中选择“API 开发文档...
如何连接Modbus协议的物联网设备
本文主要介绍如何在山海鲸数据管家中连接 Modbus 协议的物联网设备，具体操作如下： 1. 接入数据源打开山海鲸数据管家，点击“新建”，选择“接入数据源”。 在“接入数据源”弹窗中选择“Modbus 协议”，在弹窗最下方的输入框中修改“应用名称”，点击“创建”。 2. 设置参数在“连接 Modbus 协议”弹窗中填入“主机”、“端口”参数信息。 【温馨提示】山海鲸数据管家会自动填入部分参数信息。...
如何连接MQTT协议的物联网设备
...网(IoT)设备之间的通信。本文主要介绍如何在山海鲸数据管家中连接 MQTT，具体操作如下： 1. 接入数据源打开山海鲸数据管家，点击“新建”，选择“连接物联网设备”。 在“连接物联网设备”弹窗中选择“MQTT”，在弹窗最下方的输入框中修改“应用名称”，点击“创建”。 2. 设置参数在“新的 MQTT”弹窗中填入“链接”、“用户名”和“密码”参数信息。 配置项 说明 链接 指的是是主机端口：举个例...
如何连接OPC UA协议的物联网设备
OPC UA（开放平台通信统一架构）是跨平台的工业通信协议，它支持安全、可靠的数据传输。本文主要介绍如何在山海鲸数据管家中连接 OPC UA 协议的物联网设备，具体操作如下： 1. OPC UA 服务器配置KEPServerEX是一款功能强大的 OPC 服务器软件，这里使用KEPServerEX 6进行演示，打开软件后，在软件左侧的项目中单击鼠标右键选择“新建通道”。 创建通道并填写名称后，点击“...
如何创建API应用
通过山海鲸数据管家 API 应用可以方便、快捷的将各种数据源整合起来生成一个 API 接口，供山海鲸可视化项目调用。本文主要介绍在山海鲸数据管家中创建 API 应用，具体操作如下：1. 新建 API 应用打开山海鲸数据管家，点击“新建”，选择“新建应用”。在创建应用界面选择“API 应用”，下方可以更改“应用名称”，设置完成后点击“创建”。2. 设置参数2.1 通用设置在“授权访问”界面，可以更改...
如何创建Hub应用
通过山海鲸数据管家 Hub 应用可以方便、快捷的将各种数据源整合起来生成一个 Hub 接口，供山海鲸可视化项目调用。 本文主要介绍在山海鲸数据管家中创建 Hub 应用，具体操作如下： 1. 新建 Hub 应用打开山海鲸数据管家，点击“新建”，选择“新建应用”。 在创建应用界面选择“Hub 应用”，下方可以更改“应用名称”，设置完成后点击“创建”。 2. 设置参数2.1 通用设置在“授权访问”界面，...
导入和导出应用
1. 概述山海鲸数据管家支持自由导入和导出API 应用、Hub 应用和HttpServer 服务这三种应用。 2. 导入应用打开山海鲸数据管家，在“工作台”中点击“导入应用”。 选择需要导入的应用文件后，点击“导入”。 导入后的应用会显示在“工作台”中，可以对其进行“打开”“删除”和“导出”等操作。 3. 导出应用在山海鲸数据管家“工作台”中，点击需要导出的应用右上角的按钮，即可实现该应用的导出。...
如何使用SQLConsole
山海鲸数据管家提供 SQLConsole 功能，可以使用复杂的 SQL 语句生成数据表。本教程主要介绍在山海鲸数据管家中如何使用 SQLConsole 功能，下面以MySQL 数据库为例进行说明，具体操作如下： 1. SQLConsole 功能简介在接入一个 MySQL 数据库后，可以看到界面右侧的SQLConsole 功能区域。 1.1 执行 SQL 语句在输入框中填入SQL 语句。 1SELE...
层级权限生效逻辑
1. 逻辑简介数据决策系统中的权限载体“部门”可以为树结构，存在父部门和子部门。下文中称为权限载体树。 数据决策系统中的权限实体“目录”可以为树结构，存在父目录和子目录。下文中称为权限实体树。 按照不同的时间先后顺序给父部门/子部门分配父目录/子目录的权限，最终生效结果各不相同。 职务和子部门同理，都会被父部门配置的权限覆盖掉。 【注意事项】本文中的权限配置是指打开或关闭某维度的权限，维度包括：“...
中国式报表概述
1. 概述中国式报表是山海鲸可视化软件中的一个组件，支持通过拖拉拽的方式将数据拖拽到单元格中实现数据的展示。 2. 示例2.1 基础表格这是一个基础表格的示例，展现了中国式报表中最基本的数据纵向展开和分组展示的功能。 2.2 交叉表格这是一个交叉表格的示例，是中国式报表中最常用的表格类型之一。 3. 功能简介多数据源支持：支持 Excel、CSV、JSON 文件，以及常见的数据库如 Mysql、S...
父子格设置
...售员。我们希望这两个字段在单元格扩展时，能够表现出他们之间的层级关系，也就是让这两个字段的数据能够分组展示。山海鲸报表使用父子格设置来实现这种效果。 图示中“地区”字段为父格，“销售员”字段为子格。设置方法在下面的示例中详细说明。 1.2 功能介绍山海鲸报表设计报表时，选中单元格后，单元格的父格会有黄色的“左字标识”。如下图所示： 山海鲸报表支持两种类型的父子格设置。 1）左父格：单元格之间存在纵...
单元格扩展
1. 概述通过设置单元格扩展功能，可以让一个字段下的不同数据在多个单元格中展示。 2. 功能简介山海鲸报表提供了三种单元格扩展方向： 纵向扩展：单元格中字段的数据纵向扩展，在不同单元格中展示。 横向扩展：单元格中字段的数据横向扩展，在不同单元格中展示 不扩展：单元格中字段的数据不扩展，所有数据在一个单元格中展示。 3. 示例3.1 纵向扩展双击选中任意单元格，在“数据列”面板中可以看到，将字段拖入...
行式报表
1. 概述行式报表即“清单式明细表”，是最常见也是最简单的报表样式。 行式报表对数据进行“纵向扩展”，将数据展示为一个列表式的表格，如下图所示： 2. 示例2.1 数据准备在本地环境中创建数据文件，这里使用 Excel 进行演示，将使用到的数据都保存到 Excel 文件中，然后点击左上方的“数据”>“添加数据”，选择 Excel，将创建好的文件导入，如下图所示： 2.2 报表设计山海鲸报表门户提供...
自由报表
1. 概述1.1 应用场景当数据表中包含多个字段，这些字段的数据都要显示在报表中，如果将所有数据显示在报表的一行上，看起来会很拥挤。这个时候就可以将报表做成自由报表，提高报表展示的美观度和可读性。 1.2 功能简介自由报表的特点是数据库表中的一条记录不分布在同一行上，而是将数据散放在多行上，记录分块或者分页显示。 例如：将每个订单的数据在同一个表格块中进行多行展示，并对不同的订单所在的表格块进行纵...
交叉报表
1. 概述1.1 应用场景交叉报表是常见的基本报表类型，交叉报表同时包含数据的横向扩展和纵向扩展。 1.2 功能特点交叉报表的特点是表头是由上表头和左表头组成，从形式上来看，有点类似于数学上的二维数列，将数据按照行和列进行分类。如下图即为典型的交叉报表，将销售数据按照产品、销售员和地区进行分类展示。 2. 示例2.1 数据准备在本地环境中创建数据文件，这里使用 Excel 进行演示，将需要使用到的...
纵向分组报表
...样式，其中一种常见的样式就是组标题（组头）不在左边，而是在上面或下面。 如下图所示，数据按照地区字段进行了分组，分组后地区字段作为组的标题，自成一行，这样的报表我们称之为纵向分组报表。 1.3 实现思路父子设置中提到过，数据列在同一行时会自动形成父子关系。若数据列都来自于同一个数据集，就会自动形成附属关系，产生分组效果。 而纵向分组报表，组头单独一行，数据列不在同一行，组头与数据间不存在父格关系，...
分组汇总
1. 概述在分组报表中往往需要对组内的数据进行数量汇总。 2. 示例 在山海鲸报表门户中创建一个基础表格示例。 选中H3单元格，添加表格标题“合计”，使该表格背景与字体颜色与左侧单元格保持一致。 选中H4单元格，切换至“数据”设置页面。 对H4单元格进行如下设置，得到：
二开中请求URL
1.fetch 函数有的时候，我们需要做一些独立的数据请求，或者数据提交，甚至是物联网设备的反向控制，都需要在二开中直接请求 url，目前山海鲸中支持采用 fetch 函数来请求 url，需要详细的 fetch 接口可以参考文档：https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API/Using_Fetch在山海鲸中对于 fetch 的...
3D元素的复制和删除
3D 元素的动态生成除了使用数据标记点以外，也可以直接用二开中的复制和删除来实现。具体参考 API 文档：Element 类 - 开发教程 - 山海鲸可视化
Element类
...件的 Element 对象就会赋值给这个类的 elememt 属性。通过此对象可以操作对应的组件，获取设置项、修改设置项、数据联动、监听事件等。Element 对象由系统创建并绑定，用户无需构造。class Button { mounted() { console.log(this.element.name); } } export default Button;1.基础属性和方法name获取组件...
造形家模型导入
...形、树木等内容的三维场地模型，结合AI识别与精细手动修改能力，实现从地图数据到可交付三维模型的快速构建。生成的模型支持多平台导入，可广泛应用于数字孪生、GIS、游戏引擎、BIM等多个领域，让三维场景制作更加高效、便捷。在造形家框选地图并成功生成模型后，如果要导入山海鲸使用有两种可选的导出方式。一、 导出为“山海鲸dta”格式在造形家软件右侧图层管理面板右击对应模型的“框选区域”图层，在弹出的弹窗中...
如何将项目导出成EXE文件？
...击右上角的“发布”按钮，打开导出EXE文件的设置。在“基础设置”中，我们可以自定义修改EXE文件的“应用名称”和“应用图标”。如果项目中使用了局域网动态数据源，此处可以选择“是”，系统会将动态数据源前100条数据转化为静态JSON数据，从而确保接收方可以正常打开项目。开启“项目OEM”后，可以上传图片替换山海鲸LOGO，该功能需要支付鲸币才能正常使用。完成后点击右下角“导出EXE文件”即可，如果文...
如何使用电子地图（鲸地图）
...用，1.2 要素鲸地图中的“要素”指的是WFS要素，是一种用于获取地图“要素数据”的服务，可以直接用于展示和交互。我们可以在“服务-要素”中添加WFS要素。WFS要素通过服务地址添加，需要填写完整的 GetFeature 请求地址，才能正确解析并显示地图要素。例如：https://ahocevar.com/geoserver/wfs?service=WFS&version=1.0.0&reques...
连接斑斑低代码
...方案，帮助广大中小企业零成本搭建安全、高效、可拓展的业务系统，轻松开启数字化转型。下面我们来看一下，如何在山海鲸可视化中连接斑斑低代码。1. 选择数据类型在数据源编辑窗口中，在左侧选择“添加数据”选项卡，然后在右侧点击“其他”分类中的“斑斑低代码”按钮。2. 连接斑斑低代码点击“斑斑低代码”按钮后会弹出输入“斑斑低代码”的设置框，如下图所示：2.1 连接名称在此处可以修改斑斑低代码的连接名称，如下...
Extension生命周期
...合做不依赖宿主挂载的初始化，例如：初始化内部状态、建立数据监听、注册不依赖 DOM 的事件。created?(): voidmounted()该函数在当前宿主挂载完成后调用。这里适合做依赖宿主实例、挂载态或 DOM 的逻辑。mounted?(): voidready()该函数在项目的所有组件初始化完成时调用。这时所有组件都已经加载并初始化完毕，可以在这里去访问其他组件。ready?(): void...
发布云托管Web链接（临时）
...可视化的服务器中进行加密存储。 如果项目中使用了静态数据源，该数据源文件将会一起打包上传，如果项目中使用了动态数据源，需保证该数据源可以被公开网络环境访问。 此外，项目中使用的视频文件不能超过 150M 限制，根据账号的套餐不同，可以同时托管的项目数量不同。 第一步：安装山海鲸可视化，创建和编辑项目请在山海鲸可视化官网下载页中下载适合您电脑操作系统的山海鲸可视化安装包，然后安装软件。 然后创建和编...
连接MongoDB数据库
在如何添加数据源中我们已经给大家介绍了添加数据源的步骤，本文主要介绍一下MongoDB 数据源的具体设置。 1. 连接数据库在数据源编辑窗口中，在左侧选择“添加新数据”选项卡，然后在右侧点击数据库分类中的“MongoDB 数据库”选项框。 2. 设置参数软件会弹出“连接 MongoDB”的设置框，填入需要连接的数据库基本参数，并点击“连接”按钮。软件会自动尝试连接数据库并获取数据库中所有的库。 3...
连接SQLite数据库
在如何添加数据源中我们已经给大家介绍了添加数据源的步骤，本文主要介绍一下SQLite 数据源的具体设置。1. 连接数据库在数据源编辑窗口中，在左侧选择“添加新数据”选项卡，然后在右侧点击数据库分类中的“SQLite 数据库”选项框。2. 添加文件软件会弹出“连接 SQLServer”的设置框，可以在下方添加本地的db文件。添加后点击“确定”按钮，软件会自动获取db文件中的所有数据。3. 查看数据源...
看板编辑界面
...会进入看板编辑界面，如下图所示： 具体界面介绍如下： 1. 菜单栏：包括“项目”、“数据”、“操作”、“发布”、“云托管”和“预览”。 2. 看板图层：每个添加到看板中的组件都一个图层，图层列表从上到下的顺序就是组件在大屏中的上下摆放层次。 3. 组件：所有组件都根据不同的分类显示在这里，包括“图表”、“文本”、“媒体”、“控件”、“地图”、“3D”和“套件”。 4. 看板画布：看板内容的编辑区域...
图片
...来添加组件，这个方式会更便捷一些。点击搜索按钮或按键盘“Ctrl+F”键打开搜索框，输入组件名称进行搜索，然后点击对应的组件进行添加。【温馨提示】在使用本地图片素材时（如果图片组件是通过数据字段中的图片链接地址来设置时不适用本方法），图片组件还有一种更为便捷的添加方式，即直接使用快捷键 Ctrl+C 复制本地图片，然后在看板中使用 Ctrl+V 进行粘贴，即可将本地图片添加到当前看板中，粘贴后的图...
轮播图
...添加图片地址轮播图组件可直接添加图片地址，也可以通过数据字段设置。 2.1 直接添加图片地址(1) 本地图片点击选中图片组件，在右侧“样式”设置中的“轮播图设置”中，可以对图片地址进行设置。 默认选项是选择本地文件，点击之后可以选择本地的图片。 (2) 网络链接的图片在“图片地址”右侧下拉菜单中，可选择以网络链接的方式添加图片。 输入图片的网络链接地址即可。（使用链接地址时，需要注意该链接地址是否...
基础PDF
...F 文件基础 PDF 组件可直接添加 PDF 地址，也可以通过数据字段设置。 2.1 直接添加 PDF 地址(1) 本地的 PDF点击选中 PDF 组件，在右侧样式窗口的 PDF 设置项分组中，我们可以对 PDF 地址进行设置。 默认选项是选择本地文件，点击之后可以选择本地的 PDF (2) 网络链接的 PDF点击 PDF 地址选项，切换到网络链接。 然后输入图片的网络链接地址即可。（使用链接地址...
倾斜摄影（OSGB/3D Tiles）
...。根据倾斜摄影的中心点创建新的原点，是方便后续对倾斜摄影的配置。这样我们就成功导入倾斜摄影模型。但是因为当前模板使用的是杭州地形，所以我们添加进来的这个倾斜摄影对应的位置没有地形数据，我们可以删除杭州地形，然后重新添加一个地形。点击工具栏的 GIS，然后切换到地形，选择后即可添加。可以看到此时已经完全对齐了。3. 倾斜摄影的设置在左侧组件图层中点击选中倾斜摄影图层，就可以进行相关的设置。3.1 编...
标记点交互
...是指切换到当前选中的标记点视角。 选中标记点主要是采用手动选择，根据数据匹配功能目前主要已经被选中传递功能替代。 3.实战案例3.1 选中标记点时切换到标记点视角这是一个非常常见的功能，我们内置的标记点也都自动设置了这个交互： 我们选中标记组，点击交互选项卡即可看到这个交互： 我们也可以将触发换成当点击标记点时，这样的话，对于选中传递的场景中就不会触发切换视角的交互。 3.2 根据选中标记点触发数...
多边形
... 添加多边形组件后即可点选多边形创建位置，左上角的“直线”和“曲线”按钮可以切换多边形边的形状。 添加直线多边形，效果如下图所示： 添加曲线多边形，效果如下图所示： 2. 数据设置添加好多边形后，在“数据”设置中可以添加经纬度或空间坐标的位置数据，多边形也会根据数据变化。 2.1 空间坐标数据空间坐标数据需要根据项目的三维场景来生成，示例数据如下： 多边形 ID 坐标数据 多边形 1 [“64.0...
中国各省市轮廓
...份、城市等），逐步深入到更细粒度的层级，以获取该区域及其子区域更详细的数据信息。 在组件图层中选择需要设置下钻功能的省份或城市，在右侧样式中打开“开启下钻”设置，如下图所示： 中国各省市轮廓 开启下钻，如下图所示： 2.1 下钻切换 配置项 说明 右键返回 开启后，在下钻后点击鼠标右键即可返回上一级。 切换时长 下钻时视角切换的时间长短，默认值为“500 毫秒”。 视窗内边距 视角切换后图形相对于...
模块说明
...tion 回调中可取到，右侧为处理后输出的值。 假设数据为[ {name:a, value:1}, {name:b, value:2} ]，且连接了 arg1 每条数据调用一次：每一行数据都会单独进脚本的回调,一共进入两次，arg1 分别为 {name:a, value:1}和{name:b, value:2} 整体调用一次：只会进一次回调，arg1 为 [ {name:a, value:1}, ...
根据角色分配权限
...门架构里的职位。 根据角色分配权限是指根据角色对其分配报表、平台管理、数据连接的权限。下文将简单介绍如何根据角色分配权限。 2. 示例2.1 添加角色管理员登录报表门户系统，点击“系统管理>用户管理>角色”，点击“新增”按钮，将用户“张三”添加进角色“普通用户 1”中。如下图所示： 2.2 配置权限管理员登录报表门户系统，点击“管理系统>权限管理>角色”。 在“角色”页面下，选择权限载体为“普通用...
分组报表
...，一般来说，分组报表只有纵向的分组。 2. 示例2.1 数据准备将以下示例数据添加至软件中： 2.2 报表制作单元格写入表格标题信息，选中所有包含标题的单元格，为其设置背景颜色。 将对应的数据字段拖入标题下方的单元格中，如下图所示： 2.3 效果预览字段添加完毕后，点击上方按钮打开实时预览。 得到如下效果：
部署文件部署
...访客管理和项目参数功能，然后在 Web 分享时开启访客模式，则打开项目链接时需要输入账号密码，从而实现不同的人看到不同的页面或不同的数据的效果。 c.访问安全 在山海鲸查看器中开启 Web 分享时，可以设置这个链接是否支持直接访问或（和）iframe 嵌入网页访问。 （2）APP 控制开启 APP 控制后，在山海鲸查看器中打开项目后，可以通过山海鲸 APP 进行大小屏互动控制。 【温馨提示】开启 ...
大屏模板
...。 第三步：编辑项目每个模板都自带一套页面内容和 Excel 数据源，我们可以在此基础上进行修改。 如果我们需要使用本地其他数据源，可以先删除模板数据源，然后添加本地数据源，再将数据绑定到组件上。 点击“数据—>编辑数据”菜单: 在编辑数据窗口中，我们可以删除模板自带的 Excel 数据，然后添加新数据源： 如果我们希望直接在模板的数据上修改，可以打开对应的 Excel 文件修改。 在编辑数据窗口...
Revit导入鲸孪生
...格式，导入自己选中的 rvt 模型，并点击“导入”。 此时，该模型已经被添加到场景中了。 如果导入的 rvt 文件，出现数据丢失参考以下链接导出方式。 1.3 Revit 导出 OBJ 模型文件 设置好文件导出路径后，点击“Export（导出）”，将导入至 Blender 软件中的 OBJ 模型导出为GLB/GLTF 模型文件。 1.4 将 GLB/GLTF 模型文件导入鲸孪生在山海鲸可视化软件中...
报表编辑
...表中。 在报表管理面板上方的“菜单”中，点击“打开报表门户”按钮可以打开网站后台，点击“添加数据”可以打开“连接数据”窗口，点击“刷新数据”可以重新加载看板中的组件。 点击右侧按钮可以“新建文件夹”和“新建看板”，也可以通过本地看板文件来直接“导入看板”。 选中左侧列表中的看板或文件夹后，点击上方“删除”按钮，可以将看板或文件夹移入回收站中。 通过软件首页左侧可以进入回收站，在回收站中的项目可以通...
项目的基本操作
... 6. 复制项目点击复制项目可以复制一个完全相同的项目。 7. 编辑数据在一些无法打开项目的设备中，如果需要修改数据源，可以从这里进入，从而避免项目无法打开的问题。 点击之后会打开连接数据窗口。 8. 移动至修改项目文件的存放路径，例如挪到到某个文件夹中。 9. 自动播放主要用于软件重启后的项目自动全屏播放。 如果是在重启电脑/服务器的场景下，需要结合软件的开机自动启动来实现。 10. API 域...
发布Web链接
...后会同步更新发布的内容；如果选择了手动更新方式，那么修改本地项目后，保存后不会影响发布的内容，需要手动再点击更新，具体可以参考下文发布更新章节内容。 【温馨提示】如需设置更新数据，请参考数据更新教程。 （3）访问安全设置发布后的 Web 链接是否支持直接访问或（和）iframe 嵌入网页访问。 如果支持 iframe 嵌入网页访问，可以设置嵌入的域名。 （4）项目 OEM项目 OEM 是将项目打开...
部署后的项目修改
...署文件（.dt-deploy 文件），当客户将项目部署到客户本地后，可能会进行数据源替换等操作，此时如果需要返工修改，我们建议您基于客户本地的项目进行修改，这样就可以避免下次发给客户时还需要重复数据源替换的操作。 如果需要客户导出部署文件（.dt-deploy），可以在山海鲸查看器中点击项目缩略图上的“另存为”菜单。 在设置窗口中，客户可以选择是否将动态数据源转换为静态数据源（适用于数据库和 AP...
数据类型概述
山海鲸可视化的数据源，如下图所示：以上数据源可以分为静态数据源和动态数据源两种。静态数据源包括：Excel、CSV、静态 JSON。动态数据源包括： API、WebSocket、Webhook、PostMessage 接口，MySQL、达梦、InfluxDB、OceanBase、ClickHouse 等多种数据库，以及山海鲸数据管家、瓦石物联和斑斑低代码。山海鲸数据管家主要用于复杂的数据源接入和处...
设置选中传递
...中的组件操作； 本文将以下拉菜单和可切换分组面板为例进行演示。 以下为本教程中使用的示例数据。 城市 北京 上海 杭州 1. 添加组件首先，创建空白项目，添加一个下拉菜单组件和一个可切换分组面板组件。 2. 添加数据字段然后，在下拉菜单组件中添加数据字段，包括“选项字段”和“联动字段”，这里我们添加的是“城市”字段。 在可切换分组面板组件中绑定“联动字段”，在“联动字段”中输入“城市”，在“联动值...
设置动态数据项
利用“动态数据项”功能，可以使用数据源中的数据字段来替代软件中设置的参数。一旦数据源中的参数发生变动，大屏中设置了动态数据项的参数就会随之变动，以此达到参数的动态变化。 首先，在需要设置动态数据项的选项处找到“扩展选项”按钮，将鼠标移至选项名称时该按钮会自动显示。 在“扩展菜单”中选择“生成数据字段”。 点击后，会在选项处显示“请设置数据字段”。 切换到“数据”界面，可以看到出现了“动态数据字段”...
GIS地形
...”或“Assetld”导入。 当然我们也提供了预置的两个地形数据，分别是：“全球地形”和“杭州地形”。 2. 地形编辑选中 GIS 地形图层，可以看到画面左上角的“添加”按钮，点击即可进入地形编辑。 在上方可以设置连接线为曲线或直线，右侧可以切换“自由视图”和“顶视图”视角，方便圈选地形操作。 通过鼠标点击的方式，圈选需要编辑的地形，完成后点击右上角的“完成”按钮。 接着我们可以在右侧“基础设置”...
矢量
.... 矢量的设置2.1 基础设置配置项说明是否显示是否显示矢量图像。覆盖物颜色分为“统一设置”和“从数据选择”两种设置方式，“统一设置”可以直接设置矢量覆盖物颜色，“从数据选择”可以选择一条数据作为覆盖物颜色。可点击开启后可以通过鼠标点击选中矢量图像。精度兼容开启“启用精度调整”后，可设置矢量精度的“保留小数位数”，位数越多图像越精细。选中颜色自定义设置矢量区域被选中时，覆盖物显示的颜色。高度属性可...
系统集成概述
...用场景： 1.运行端集成把山海鲸已经编辑完的项目集成到已有系统当中就是运行端集成，这种集成方式最为常见。比如我们希望在自己的设备管理平台中插入山海鲸中制作的设备数据看板。就可以用 iFrame 的方式将山海鲸发布的 web 链接集成过来。这种形式一般来说不需要对页面上的组件进行移动和编辑。一些简单的属性修改可以通过调用 postmessage 实现。具体详见查看端集成分组下的文档。 2.编辑端集成...
如何使用山海鲸查看器
...选项，这样导入后的项目就会自动打开。如果当前的部署环境只是用来发布 Web 链接的服务器，尤其是服务器通常没有显卡，无法打开项目的情况下，这时候就可以去掉这个选项。（2）还原动态数据源如果导出项目时开启了是否将动态数据源转换为静态数据源（适用于数据库和 API），那么导入项目时就需要开启还原动态数据源，从而将项目中的数据库/API 数据恢复为本地数据源。导入项目后默认会开启 Web 分享，在“我的...
访客管理（千人千面）
...“项目参数”如果未锁定，该访客就可以对这些参数进行修改，如果锁定了，则这些参数将不允许进行修改，只能使用这里设置的默认值。（关于项目参数的修改，请参考该教程 →_→项目参数）5. 参数传递给数据源通过将参数传递给数据源，就可以达到返回不同数据的效果了，请参考这篇教程：如何通过传递参数让大屏展示不同数据6. 开启访客模式创建访客账户后，在“项目部署”弹窗中点击“发布 Web 链接”的“高级设置”开启...
场景模型
...生主要支持两种模型格式，分别是 glb 和 gltf， 两种文件格式属于同一类文件格式，区别在于数据格式的不同，glb 的数据格式是二进制，gltf 的数据格式是 json。 在鲸孪生编辑界面中点击左侧“模型”，在“本地”菜单栏中点击“+”即可导入模型文件。 1.1 导入 GLB(X)格式glb 格式是二进制的 gltf 格式，也是山海鲸目前最推荐的导入格式，另外 glbx 是山海鲸加密处理的 g...
网格模型
...入物体内部，则物体外部的其他物体也不会显示。这个选项是一个画面性能优化的方案，特别针对有室内室外场景切换时非常适用。 3.相机可视化检测利用相机收集实时的视觉信息，并将其转化为可分析的可视化数据。 4.面板面板就是在该模型上面的弹窗。 配置项 说明 选择弹窗 自由选择看板中的弹窗组件。 显示方式 弹窗的显示方式，有两种方式：三维和二维。 尺寸 即弹窗组件的宽度和高度，单位为px。 偏移 模型上的弹...
分层动画
...的场景： 如果建筑较紧凑，推荐使用垂直抬起，这样不容易出现遮挡问题，且分层的定位也更加准确；如果建筑较简单独立，推荐使用抽屉拉出，抽屉拉出给人的视觉冲击力会更强一些，数据按时也会更直观。 2.3.1 垂直抬起 配置项 说明 抬起速度 点击相应楼层后，该层抬起的速度，值越小，速度越慢，值越大，速度越快。 抬起缓动动画 分为四种类型动画：无、指数进入、指数离开和指数进入并离开。 楼层抬升距离 自定义填...
场景
...所示：2. 视角设置2.1 当前视角配置项说明地图层级对应地图显示等级，取值范围为“1-19”。地图中心点代表当前视角下地图中心点的“经纬度数据”。改变当前视角，地图的缩放程度和地图中心点也会跟随动态变化，如下图所示：2.2 预设视角配置项说明初始视角地图打开时的默认视角，可以从预先设置好的视角中进行选择，默认值为“当前视角”。视角名称添加的预设视角的名称，可以自定义修改。地图层级添加的预设视角中...
跨大屏复制组件
.... 粘贴组件打开目标项目，按“Ctrl+V”粘贴组件。 3. 跨项目复制组件跨项目复制组件时，会弹窗提示“当前粘贴组件已设置数据字段/数据条件，是否粘贴相关数据源？”。 3.1 “确认”点击“确认”，会将组件设置的“数据字段”以及“数据字段”所在的数据源一并粘贴到目标项目中。 【温馨提示】该操作无法将原“项目”中组件相关“数据条件”粘贴到新项目中。 3.2 “否”点击“否”，只会将组件粘贴到项目中...
自定义区域
...置方式可以参看教程：设置颜色） 自定义区域轮廓 全局样式背景样式设置，如下图所示： 3. 数据样式添加的自定义区域轮廓默认没有设置“数据样式”，可以点击右上角的“+”进行添加，如下图所示： 在设置数据样式前，需要先绑定对应的数据，如下图所示： 配置项 说明 字体 可对数据的字体、字体大小、颜色等样式进行配置。 水平对齐方式 可选择水平方向的对齐方式为“左对齐”、“居中”或“右对齐”。 文字偏移 自...
Extension自定义属性
....png|.gif" */ format?: string; /** 是否支持选择多个文件，默认false */ isMultiple?: boolean; };文件属性生成的效果如下：2.11 数据字段class PropertySample { //公开属性，会生成设置项，生成的设置项在“数据-二次开发数据字段”中 setting = Field.default({ minFields: 1,...
保存项目文件
...菜单“另存为”在山海鲸编辑器中，点击“项目——>另存为”： 或者在缩略图上点击扩展设置里的“另存为” 第二步：设置保存项目文件时我们可以进行如下设置：是否将动态数据源转换为静态数据源（适用于数据库和 API） 主要用于以下场景： 当我们的项目中使用了本地动态数据源（数据库或 API），如果我们将项目文件发给对方后，对方无法访问这些动态数据源，那么对方将无法正常打开项目。 此时我们可以在保存项目文件...
GIS影像
...可以在此处更改影像地址。 不透明度（%） 可以自定义影像的不透明度 Layer 在 WMTS 中，一个 Layer 表示一组具有相同主题或类型的地理数据。例如，底图、卫星影像、交通信息等都可以作为独立的图层。 Style 定义了如何渲染一个图层的数据。它可以控制诸如颜色、透明度、符号化方式等视觉效果。 TileMatrixSetID 用来唯一标识一套瓦片矩阵设置的 ID。瓦片矩阵定义了如何将连续的...
矢量
...添加。图形可点击设置图层中的地图图形是否可被点击交互。关键属性可选择一个属性作为关键属性进行交互和数据联动。文字样式当文本背景为“图片”时，可从本地添加背景图片。线条样式自定义设置文本背景的大小。填充样式自定义背景 W 和 H 的偏移量，W 和 H 默认值为“0px”。要素 文字样式设置，如下图所示：
世界各国轮廓
...设置“颜色”填充或“图片”填充。 颜色 可对“外轮廓线”的颜色进行配置。（颜色设置方式可以参看教程：设置颜色） 世界各国轮廓 全局样式背景设置，如下图所示： 2.4 数据样式 配置项 说明 字体 可对数据的字体、字体大小、颜色等样式进行配置。 水平对齐方式 可选择水平方向的对齐方式为“左对齐”、“居中”或“右对齐”。 文字偏移 自定义文字偏移量，默认值为“0,0px”。 填充颜色 可对数据的颜色进...
美国各州轮廓
...设置“颜色”填充或“图片”填充。 颜色 可对“外轮廓线”的颜色进行配置。（颜色设置方式可以参看教程：设置颜色） 美国各州轮廓 全局样式背景设置，如下图所示： 2.4 数据样式 配置项 说明 字体 可对数据的字体、字体大小、颜色等样式进行配置。 水平对齐方式 可选择水平方向的对齐方式为“左对齐”、“居中”或“右对齐”。 文字偏移 自定义文字偏移量，默认值为“0,0px”。 填充颜色 可对数据的颜色进...
二维元素的卡顿优化
...有超过 1m 的图片素材进行检查，没有必要的话就尽量降低分辨率。 1.4 数据源刷新频率过高当接入较多数据源的话，如 20 个以上的 API，并且数据源刷新频率较高如每分钟一次，则很容易造成突然的卡顿。这种情况推荐合并多个数据源请求，如将多个 API 合并成一个 API 中，这样就可以显著降低突然卡顿的问题。 2. 页面加载较慢页面在这样的页面等待时间过长： 2.1 网络导致的加载慢一般是由于网络...