当前位置: 首页 > news >正文

如何从0到1制作一个免费的二维可视化项大屏

在数据驱动决策的时代,二维可视化大屏成为直观呈现数据价值的重要载体。山海鲸可视化作为零代码工具,凭借丰富的组件库与灵活的操作逻辑,让普通用户也能轻松打造专业级大屏。本文将互联网安全监测大屏为例拆解从 0 到 1 的制作流程助力快速掌握免费二维大屏的搭建方法大屏最终效果如下图所示:

image

前期准备

1.软件安装与环境配置

首先,需在山海鲸官网下载并安装最新版可视化软件,支持 Windows Mac和Linux系统,安装过程无需复杂配置。

下载

启动软件后,首页清晰展示“我的项目,报表门户,资源中心”等核心入口,建议先通过左下角“图文教程”查看相关教程,为后续操作储备基础认知。

lQLPJwVipHINDBvNBAfNB4CwVAS-Hn3DmS8I0d03-v78AA_1920_1031

2.明确需求与规划框架

这次我们要制作一个免费二维互联网安全检测可视化大屏,构建出科学且具科技感的布局体系:
1)顶部居中设置醒目主题标题,奠定专业基调。
2)左侧与右侧区域作为数据支撑模块,用清晰的图表与数字直观传递核心信。
3)大屏中央则以高清中国地图为视觉核心,实时呈现全国各区域的网络安全,让全网安全动态一目了然,助力运维人员快速掌握全局、精准决策。

项目创建

1.创建大屏项目

个性化需求较强的场景,在首页选择“我的项目--新建--空白项目(其他项目类型)--创建项目”,即可进入编辑界面,从零搭建专属大屏;追求高效的用户,通过资源中心搜索所需场景模板(如智慧医院、智慧管理等),下载后可直接复用布局与组件样式,只需替换数据并微调样式即可完成制作。

59BE1E79-69E0-47d0-A683-5B45C3DAC03D

2.界面布局

项目编辑界面的左侧面板包含图层面板与组件栏。图层面板实时显示当前看板的所有组件层级,方便选中、隐藏或锁定元素;组件栏则集成了图表、文本、媒体和控件等所有可用组件库。

lQLPJxzMNl3Q49vNBAjNB4Cw9wLYYgBOcWAI0d1B9ai7AA_1920_1032

项目编辑界面的右侧面板,可设置组件的样式、交互,数据以及二次开发入口。

image

项目编辑界面支持添加多个子看板,其中前景看板用于放置标题、菜单等全局共用元素,背景看板用于承载地图、基础模型等底层元素,主内容则放置在普通子看板中。

lQLPJx-rFX1B-9vNBAjNB4Cw_9jStz07KNsI0d1mpGflAA_1920_1032

组件搭建

1.组件添加

基础组件添加与布局从组件栏点击所需组件至画布,即可完成添加。可通过拖拽边角调整位置,也可在右侧属性面板的 “位置大小” 中精确设置数值。

2.组件样式个性化调整

选中目标组件后,可在右侧属性面板的 “样式” 标签下开展精细化设置,有基本设置,颜色,图形文本等,不同设置项对应独特视觉呈现,每一次参数调整都能解锁差异化的美化效果,让组件风格更具个性与层次感。

CD9002A6-20E1-47d4-A0D2-36BA50AACA97

数据接入

山海鲸支持多种数据源接入,满足不同数据存储需求,静态数据(Excel、CSV 等本地文件)适合数据更新频率较低的场景;动态数据(API 接口、WebSocket 及 MySQL、MongoDB 等主流数据库),可实现数据实时同步更新;物联网数据可以使用第三方工具瓦石物联接入。

数据绑定可以在“数据--添加数据”,如图:

屏幕截图 2025-10-17 175239

交互和联动设置

交互功能配置通过右侧属性面板,可为组件添加多样化交互,如控制弹窗,子看板跳转等,如图:

A1452FCE-BAE7-42ea-AF43-392E12031CD2

组件联动,如点击某省份地图,左侧图表自动显示该省份数据。如图:

Snipaste_2025-10-20_09-32-38

免费大屏发布

设计完成后,点击右上角的“预览” 会打开一个预览页面,查看整体项目的制作效果。

D09F64EF-D433-436d-9D1B-31E262F934CB

展示方式

1)项目文件(.dt)

点击“项目--另存”将项目文件存储至本地,支持后续随时编辑修改。

lQLPJxlzd-zfN9fNBAjNB4CwZwTfSRfe_YoI0sUxHRTNAA_1920_1032

2)部署文件(.dt-deploy)

点击“项目--导出部署项目”,该文件需要配合山海鲸查看器进行查看项目。

lQLPKHmhrYAT69fNBAjNB4Cw6_PXtFEnm1cI0sVSGCbrAA_1920_1032

3)web链接

点击“发布--开始发布”会生成一个链接,将链接粘贴至浏览器进行查看。

lQLPKIJ6Ud0w3_fNBAjNB4Cw3iGyIcJfmwUI0sX7EtxfAA_1920_1032

http://www.gsyq.cn/news/26351.html

相关文章:

  • 2025 年集成电路封装厂家最新推荐榜:甄选技术领先实力厂家,涵盖制造检测测试领域权威名录
  • 实用指南:logbuffer 概念及题目
  • WPF使用MediaCapture开发相机应用(三、相机拍照)
  • 2025年磨粉机厂家权威推荐榜:雷蒙磨粉机/环辊磨粉机/摆式磨粉机/矿石磨粉机/超细磨粉机/高压磨粉机,专业实力与高效生产之选
  • 2025陶瓷过滤机实力厂家推荐,铜陵杰达机械专注固液分离设备制造
  • Vue技术之Vxe-Table的虚拟滚动
  • 详细介绍:大模型落地的四大核心引擎:从技术突破到产业重构
  • EasyCVR视频汇聚平台GB28181级联异常排查:上级订阅信息无响应的根源解析
  • 2025 年最新烘干机生产厂家推荐榜单:覆盖多品类需求,聚焦高效节能与品质保障食品/蔬菜/滚筒/木材/药材/大型烘干机厂家推荐
  • 完整教程:这个叫DOCX-MCP的开源项目,解决了AI操作Word的一个大麻烦
  • XMLType 测试记录
  • 开源能源管理系统 MyEMS:赋能企业降本增效,加速能源数字化转型
  • 深入解析:LabVIEW超声换能器成像
  • 2025南京鑫铭机械厂家推荐:精密钣金加工与天文台圆顶定制专家
  • 2025工业臭氧检测仪实力厂家推荐,逸云天电子专业提供多场景精准监测方案
  • 2025潮流服饰实力厂家推荐,COVERNAT乐酷天打造品质穿搭新选择
  • 详解ROMA中复杂图表的渲染实现
  • 生成式AI购物助手Rufus的技术架构解析
  • 2025数控滚齿机实力厂家推荐,无锡吉莱特智能装备高精度定制!
  • KDE connection to the service lost
  • hash判断两个集合是否完全相同
  • 2025微弧氧化加工厂家推荐:常州华源专业表面处理技术供应商
  • 2025防腐工程厂家推荐:无锡华金喷涂技术领先,定制防腐解决方案
  • 2025年10月全屋智能家居品牌推荐:盈趣领衔对比评测榜
  • Java 多线程编程详解
  • [LangChian] 05.结构化提示词
  • git提PR时很多别人的commit,清理多余的commit
  • Visual Studio 使用小知识记录
  • DeepSeek-OCR:让 AI “一眼看懂” 的黑科技
  • 业务记录:登录