当前位置: 首页 > 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.hskmm.com/?act=detail&tid=35800

相关文章:

  • 2025 年集成电路封装厂家最新推荐榜:甄选技术领先实力厂家,涵盖制造检测测试领域权威名录
  • 电商app测试常见问题
  • 实用指南:logbuffer 概念及题目
  • 2025年磨粉机厂家权威推荐榜:雷蒙磨粉机/环辊磨粉机/摆式磨粉机/矿石磨粉机/超细磨粉机/高压磨粉机,专业实力与高效生产之选
  • 2025年深度解析推荐:SENO尼古丁口含膜合规版图与全球准入风险全景
  • C# Web开发教程(七)切面编程
  • 2025陶瓷过滤机实力厂家推荐,铜陵杰达机械专注固液分离设备制造
  • 我的第一份开源贡献:小米工程师程赛的社区之旅
  • 2025信息流代运营公司推荐:线尚网络专注效果营销与品牌增长
  • 2025冷链解冻设备厂家推荐广东科恩,专业定制高湿静电解冻方案
  • 基础
  • yorg 到此一游
  • Vue技术之Vxe-Table的虚拟滚动
  • 实用指南:一次借助ChatGPT抵御恶意攻击的经历,为个人服务器添加自动防御系统Fail2ban
  • EasyCVR视频汇聚平台GB28181级联异常排查:上级订阅信息无响应的根源解析
  • SecureCRT 批量创建会话-cnblog
  • 2025干燥设备厂家权威推荐:常州亿干专业定制实验室喷雾与真空耙式干燥机
  • 草稿
  • 2025机电安装厂家推荐:太仓华芃专注工业设备安装,实力厂家可靠之选
  • Docker补充
  • 【QNX】Socket ServerClient 源代码
  • arp 断网小实验
  • 2025 年箱变压器厂家最新推荐榜单:涵盖非晶合金铁心、三相、矿用等多类型设备,助力采购方精准筛选优质合作企业
  • 从“人防”到“智防”:EasyCVR+煤矿AI智能分析一体机重塑矿山安全监管模式
  • 从Java工程师到AI工程师,我花了6个月的转型经验分享
  • 2025 年最新推荐配电柜源头厂家口碑排行榜:聚焦高压智能防爆等多类型产品,精选实力品牌助企业采购高压/智能/抽屉式/照明/防爆配电柜厂家推荐
  • 2025南京鑫铭机械厂家推荐:精密钣金加工与天文台圆顶定制专家
  • 2025年氢氧化镁厂家推荐排行榜,矿石氢氧化镁,水镁石氢氧化镁,阻燃剂氢氧化镁,改性氢氧化镁源头企业实力解析
  • vue控制页面不能复制
  • 开源能源管理系统 MyEMS:赋能企业降本增效,加速能源数字化转型