如何套用模板制作大屏?

在山海鲸可视化的资源中心里内置了大量的二维、三维大屏模板,大家可以根据需要找到自己想要的模板,然后点击下载直接进行使用。

有需要可自行前往哔哩哔哩账号中观看相关内容的视频教程↓↓↓

山海鲸可视化的个人空间-山海鲸可视化个人主页-哔哩哔哩视频

如何挑选模板?

挑选合适的可视化大屏模板需要仔细考虑自己的需求、数据和目标。

数据大屏驾驶舱模板下载-山海鲸

明确需求:首先,要明确自己的需求和目标。选择合适的业务场景。

如:

数据源兼容性:确保所选模板与自己的数据源兼容,因为不同的数据源格式和类型可能需要不同的数据可视化方法。

可视化类型:根据自己的数据和信息呈现需求,选择适合的可视化类型。不同的模板可能更适合柱状图、折线图、地图等不同类型的数据可视化。

用户友好性:确保所选模板易于使用和理解,界面应该清晰、直观。

性能:考虑性能问题,即选择做二维大屏还是三维大屏。

成本:最后还要考虑模板的成本,确保选择一个符合您的预算的选项。

如何套用模板?

在套用山海鲸模板的过程中,通常有两种做法:

(1)一种是我们找到了特别适合的模板,这个时候可以直接下载该模板,在上面进行一些改动。如果是文字的改动,可以直接双击修改;如果是数据的改动,则需要修改模板内置的Excel数据。

例如,点击一个组件,我们就可以看到这个组件使用的是哪个字段,然后在数据上右击选择编辑数据,从而打开编辑数据窗口,切换到数据源信息界面,点击打开文件夹,就可以找到这个Excel文件,接下来打开文件进行修改即可。

在修改Excel文件的过程中,有几点需要注意:

  1. 不要同时修改Sheet名称和Sheet顺序;
  2. 不要同时修改字段名称和字段顺序;
  3. 可以同时修改Sheet和字段。

例如,先修改Sheet名称和字段名称,保存并刷新数据后再修改Sheet顺序和字段顺序。

  1. 在套用模板过程中,还有一个做法是将多个模板中的组件合并到一起。这个时候我们可以直接找到想要的组件,然后复制这个组件,粘贴到新的项目中,在复制组件过程中,数据会被一并复制过来,我们可以根据需求进行调整。

套用模板的一般步骤?

套用模板制作大屏可以节省不少时间和资源,使用山海鲸可视化模板之做大屏的一般步骤如下:

选择合适的模板:首先,选择一个符合需求的可视化大屏模板。

下载模板:从资源中心中直接下载或导入已有模板文件。

准备数据:整理和准备数据,要确保数据能够与模板兼容。

替换示例数据:模板通常会包含示例数据,要将其替换成自己的数据。

自定义设计:根据项目需求,自定义模板的设计。这可能包括更改颜色、字体、布局和添加公司标识等。

添加交互功能:根据需要,为大屏添加交互功能,如点击全屏、切换大屏等。

虽然这些步骤并不是固定的,但也可以作为制作大屏的基本指南了~

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/93164.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

【Nuxt】03 Nuxt2 页面缓存、组件缓存、api缓存

基于nuxt.js的服务端渲染项目可以通过缓存来优化的场景有以下几点: 优化点参考文档及思路优化场景/条件特别说明检测方法1. 页面缓存vue官方文档页面内容不是用户特定(即对于相同的 URL,总是为所有用户渲染相同的内容)一般来说&a…

设计模式之抽象工厂模式--创建一系列相关对象的艺术(简单工厂、工厂方法、到抽象工厂的进化过程,类图NS图)

目录 概述概念适用场景结构类图 衍化过程业务需求基本的数据访问程序工厂方法实现数据访问程序抽象工厂实现数据访问程序简单工厂改进抽象工厂使用反射抽象工厂反射配置文件衍化过程总结 常见问题总结 概述 概念 抽象工厂模式是一种创建型设计模式,它提供了一种将相…

react create-react-app v5 从零搭建(使用 npm run eject)

前言: 好久没用 create-react-app做项目了,这次为了个h5项目,就几个页面,决定自己搭建一个(ps:mmp 好久没用,搭建的时候遇到一堆问题)。 我之前都是使用 umi 。后台管理系统的项目 使用 antd-…

【算法题】 605. 种花问题

题目: 假设有一个很长的花坛,一部分地块种植了花,另一部分却没有。可是,花不能种植在相邻的地块上,它们会争夺水源,两者都会死去。 给你一个整数数组 flowerbed 表示花坛,由若干 0 和 1 组成&…

常见编写JavaScript代码时容易出现的错误(4)

目录 前言1.未考虑性能问题(Ignoring Performance Concerns)错误示例解决方法 2.未处理依赖关系(Unmanaged Dependencies)错误示例解决方法 3.混淆的命名(Confusing Naming)错误示例解决方法 4.忽略跨浏览器…

PY32F003F18之RTC

一、RTC振荡器 PY32F003F18实时时钟的振荡器是内部RC振荡器,频率为32.768KHz。它也可以使用HSE时钟,不建议使用。HAL库提到LSE振荡器,但PY32F003F18实际上没有这个振荡器。 缺点:CPU掉电后,需要重新配置RTC&#xff…

保姆级 -- Zookeeper超详解

1. Zookeeper 是什么(了解) Zookeeper 是一个 分布式协调服务 的开源框架, 主要用来解决分布式集群中应用系统的一致性问题, 例如怎样避免同时操作同一数据造成脏读的问题. ZooKeeper 本质上是 一个分布式的小文件存储系统 . 提供基于类似于文件系统的目录树方式的数据存储, …

第二十届北京消防展即将开启,汉威科技即将精彩亮相

10月10日~13日,第二十届中国国际消防设备技术交流展览会,将在北京市顺义区中国国际展览中心新馆隆重举行。该展会由中国消防协会举办,是世界三大消防品牌展会之一,本届主题为“助力产业发展,服务消防救援”。届时将有4…

【Java 进阶篇】JDBC(Java Database Connectivity)详解

JDBC(Java Database Connectivity)是 Java 中用于连接和操作数据库的标准 API。它允许 Java 应用程序与不同类型的数据库进行交互,执行查询、插入、更新和删除等操作。本文将详细介绍 JDBC 的各个类及其用法,以帮助您更好地理解和…

【C语言经典100例题-66】(用指针解决)输入3个数a,b,c,按大小顺序输出。

代码&#xff1a; #include<stdio.h> #define _CRT_SECURE_NO_WARNINGS 1//VS编译器使用scanf函数时会报错&#xff0c;所以添加宏定义 swap(p1, p2) int* p1, * p2; {int p;p *p1;*p1 *p2;*p2 p; } int main() {int n1, n2, n3;int* pointer1, * pointer2, * point…

力扣 -- 416. 分割等和子集(01背包问题)

解题步骤&#xff1a; 参考代码&#xff1a; 未优化代码&#xff1a; class Solution { public:bool canPartition(vector<int>& nums) {int nnums.size();int sum0;for(const auto& e:nums){sume;}if(sum%21){return false;}int aimsum/2;//多开一行&#xff…

Linux系统编程基础:进程控制

文章目录 一.子进程的创建操作系统内核视角下的父子进程存在形式验证子进程对父进程数据的写时拷贝 二.进程等待进程非阻塞等待示例: 三.进程替换内核视角下的进程替换过程:综合利用进程控制系统接口实现简单的shell进程 进程控制主要分为三个方面,分别是:子进程的创建,进程等待…

private static final long serialVersionUID = 1L的作用是什么?

1.作用是什么&#xff1f; 当一个类被序列化后&#xff0c;存储在文件或通过网络传输时&#xff0c;这些序列化数据会包含该类的结构信息。当反序列化操作发生时&#xff0c;Java虚拟机会根据序列化数据中的结构信息来还原对象。 但是&#xff0c;如果在序列化之后&#xff0c…

前端两年半,CSDN创作一周年

文章目录 一、机缘巧合1.1、起因1.2、万事开头难1.3、 何以坚持&#xff1f; 二、收获三、日常四、憧憬 五、总结 一、机缘巧合 1.1、起因 最开始接触CSDN&#xff0c;还是因为同专业的同学&#xff0c;将计算机实验课的实验题&#xff0c;记录总结并发在了专业群里。后来正式…

几个推荐程序员养成的好习惯

本文框架 前言case1 不想当然case2 不为了解决问题而解决问题case3 不留问题死角case4 重视测试环节 前言 中秋国庆双节至&#xff0c;旅行or回乡探亲基本是大家的选择&#xff0c;看看风景或陪陪家人确实是个难得的机会。不过我的这次假期选择了闭关&#xff0c;不探亲&#…

【Python基础】常用模块学习:sys|os|pytest

&#x1f4e2;&#xff1a;如果你也对机器人、人工智能感兴趣&#xff0c;看来我们志同道合✨ &#x1f4e2;&#xff1a;不妨浏览一下我的博客主页【https://blog.csdn.net/weixin_51244852】 &#x1f4e2;&#xff1a;文章若有幸对你有帮助&#xff0c;可点赞 &#x1f44d;…

c语言小课设--通讯录(动态内存管理)

前言&#xff1a; 在没学动态内存管理之前&#xff0c;我们用的结构体&#xff0c;数组等都是静态分配内存的&#xff0c;也就是说数组的长度是固定的&#xff0c;但是这并不满足我们的实际需求&#xff0c;所以在通讯录项目里面我就用到了动态内存分布。简单来说&#xff0c;…

第3章-指标体系与数据可视化-3.1.1-Matplotlib绘图库

目录 3.1 Python可视化 3.1.1 Matplotlib绘图库 1. 线图 2. 饼图 3. 条形图 4. 直方图 5.散点图

【最多提取子串数目】python实现-附ChatGPT解析

1.题目 最多提取子串数目 知识点字符串统计Q 时间限制:1s 空间限制:256MB 限定语言:不限 题目描述: 给定由[a-z] 26个英文小写字母组成的字符串A和B,其中A中可能存在重复字母,B中不会存在重复字母 现从字符串A中按规则挑选一些字母,可以组成字符串B 挑选规则如下: 同一个位置…

Python|OpenCV-如何给目标图像添加边框(7)

前言 本文是该专栏的第7篇,后面将持续分享OpenCV计算机视觉的干货知识,记得关注。 在使用opencv处理图像的时候,会不可避免的对图像的一些具体区域进行一些操作。比如说,想要给目标图像创建一个围绕图像的边框。简单的来说,就是在图片的周围再填充一个粗线框。具体效果,…