首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

可视化搭建数据大屏系统的前端实现

DataV 功能强大,但需要付费使用,且好用的组件还要额外收费,不支持本地化部署,还需要维护两套数仓。...下图是阿里云 DataV 的一个模板: ? 从前端实现来看,大屏是由线图、柱状图、饼图、标题、背景、边框等基本元素组成。...编辑大屏是数据可视化系统核心,页面布局参考 DataV: ? 拆解为 4 个部分:顶部、组件区、画布、数据配置区。先讲下设计思路,再依次分解各区。...画布上未选择组件时,显示页面的基本配置,包括大屏的宽高、背景图。 选择组件后,高亮显示当前组件,标识位置,右侧数据配置区显示组件 Schema 定义的配置项。...自适应关键代码如下: // 获取设置的大屏宽高、背景图、背景色 if (window.

7.8K10

使用DataV制作实时销售数据可视化大屏

版本规格说明 DataV 提供了以下四种版本供您选择: 基础版 企业版 开发者版(邀测中) 本地部署版 基础版 DataV 基础版支持以下功能: 公开发布 提供五个基础模板 支持 RDS for MySQL...、Analytic DB、CSV、API等七种数据源 支持常规图表和基础地图组件 企业版 相比于基础版,DataV 企业版在以下几个方面,具备更强的功能: 大屏加密发布 使用 DataV 制作的大屏...数据源种类多样 DataV 企业版支持更多种数据接入方式,包括 Oracle 和 SQL Server 。 组件和模版种类多样 DataV 企业版不限组件使用数量,不限模版使用数量。...DataV 组件一样进行便捷的拖拽布局与数据接入。...关于使用DataV制作实时销售数据可视化大屏的详细教程: 使用DataV制作实时销售数据可视化大屏 (本课程可以帮助数据分析师学习数据可视化大屏的制作,包括制作的方法、设计原则等基础知识,并提供一个微项目

3.5K20
领券