数据可视化大屏、数据可视化大屏搭建-阿里云帮助中心

基于阿里云DataV平台开发数据可视化大屏。

实验简介

基于阿里云DataV平台开发数据可视化大屏。先创建数据看板并配置组件与样式，再上传数据，在数据看板形成可视化数据并测试验证，确保功能、交互等达标后发布，以解决传统数据不能清晰详细明了可视化的痛点。

背景知识

以实时数据融合引擎为核心，具备强大的多源异构数据处理与动态可视化能力。通过沙箱隔离渲染环境执行可视化脚本，严格防御数据泄露与资源滥用风险。集成智能配置协议，扩展看板的数据钻取分析、异常检测预警和自适应布局生成能力，助力企业零编码构建专业级数据决策大屏。

实验室资源方式简介

进入实操前，请确保阿里云账号满足以下条件：

个人账号资源
- 使用您个人的云资源进行操作，资源归属于个人。
- 所有实验操作将保留至您的账号，请谨慎操作。
- 平台仅提供手册参考，不会对资源做任何操作。
确保已完成云工开物300元代金券领取。
已通过实名认证且账户余额≥0元。
DataV Board个人版包年（￥99.00）将使用300元专属权益优惠券进行费用抵扣（如已兑换过该资源包，且资源包在可使用时间范围内，无需重复兑换，可直接开启实验）
本实验产生的费用优先使用优惠券。如果您调整了资源规格、使用时长，或执行了本方案以外的操作，可能导致费用发生变化，请以控制台显示的实际价格和最终账单为准。
实操结束后，如通过云工开物代金券购买的产品，无需进行注销；如注销产品，代金券不会返还。
新注册阿里云百炼的用户，千问系列模型提供模型的免费额度，不同模型的免费额度不同，请在使用前，先阅读产品文档确认模型的免费额度，或在使用前，登录阿里云百炼-模型广场-模型卡片详情，查看具体模型的免费额度。注意在使用过程中的token消耗。模型列表只有开通阿里云百炼服务后才能体验模型的免费额度。

领取专属权益及开通资源

在开始实验之前，请先点击右侧屏幕的“进入实操”再进行后续操作

第一步：领取专属权益

本次实验需要您通过领取阿里云云工开物学生专属300元抵扣券兑换本次实操的云资源，如未领取请先点击领取。（若已领取请跳过）

重要

实验产生的费用优先使用优惠券，优惠券使用完毕后需您自行承担。

学生认证

第二步：开通资源

领取学生专属300元优惠券后，使用代金券领取阿里云DataV产品

重要

如已兑换过该资源包，且资源包在可使用时间范围内，无需重复兑换，可直接开启实验

点击领取DataV Board个人版包年，选择【公共云版本】—【个人版】—【立即购买】
说明
若需要使用“数据库”等功能，需要开通专业版才能使用。
确认使用了云工开物代金券进行抵扣后，点击【去支付】，这样就免费购买了1年的DataV Board个人版使用权限。

实验步骤

随着数字化建设快速推进，企业每天都在产生海量的经营数据，如何从这些纷繁复杂的业务数据中洞察趋势、辅助决策，成为了企业现代化管理的一项关键挑战。阿里云 DataV 数据可视化平台提供一站式企业经营数据大屏建设方案，支持30+数据源类型，可接入日常经营数据，提供监控大屏、PC 看板、移动端看板等覆盖全端的经营数据实时监控与分析决策能力。按照本案例提供的配置完成部署后，会在阿里云上搭建一个如下图所示的运行环境。实际部署时，您可根据具体的资源规划调整部分配置，但最终的运行环境将与下图展示的架构相似。

接下来我们以搭建一个杭州2025年降雨量和蒸发量可视化的案例进行讲解。点击观看操作视频，可做实验参考

一、登录DataV数据看板产品

点击链接进入DataV Board数据看板产品 ：（请确保已经领取云工开物代金券并购买了DataV产品）

二、创建数据源

点击下载案例需要的数据源：hangzhou_weather_data_2025(1).csv，以便 DataV 通过该数据源访问数据。
登录 DataV 控制台，在左侧导航栏单击【功能导航】——【数据准备】 —— 【数据源】。
在添加数据源对话框，配置数据源信息。
- 类型：下滑选择“CSV文件”
- 名称：自定义，本案例为“hangzhou_weather_data_2025”
- 上传文件：选择本地的“hangzhou_weather_data_2025.csv”

三、快速创建大屏

登录 DataV 控制台创建大屏
- 单击全部应用 —— 创建 PC 端看板。鼠标悬停至目标模板上，单击创建看板。本示例选择晴山蓝数据面板通用模板。
- 输入看板名称，单击创建看板。本文示例看板名称为“杭州降雨量数据看板”。看板创建后，将自动跳转至画布编辑器页面，可按需接入数据源并配置画布信息。
接入数据源数据
- 柱状图可按需查看指定条件下的数据增长趋势。
  选择待编辑组件。您需先确定接入数据的组件，后续会通过该组件样式展示您的数据，示例将数据接入看板的柱状图。双击画布中的柱状图，即可在右侧组件编辑区域按需调整组件的样式、数据源等信息。
- 查看组件代码配置。您可通过静态数据（即模板内置的默认固定值）了解组件所需的数据格式，包括字段数量、字段名称等。通过下图步骤可获取柱状图的字段详情及代码格式。
- 接入数据源数据，接入数据源并查看数据。在数据源区域，选择已创建的数据源，并通过查询语句查看数据表的字段情况。示例配置如下：
  - 数据源类型：CSV文件
  - 数据源：选择之前导入的CSV数据源“hangzhou_weather_data_2025”
配置数据格式
- 点击最右侧的【数据配置】。
- 将【x】字段设置为“x”，【y】字段设置为“y”，【colorField】字段设置为“s”。
- 也可以通过【样式】界面更改柱状图的样式。
- 最终柱状图呈现的形式如图所示。
- 通过此过程，可以依次添加其他的数据及数据图展示。
  若组件样式不符合您的业务需要，您也可进入看板编辑页面，按下图步骤进行修改。详情请参见配置项说明。
发布及部署大屏
- 数据大屏创建完成后，您需要将其发布上线，部署至相关设备使用。单击看板编辑页面右上角的发布，选择发布大屏。获取大屏访问信息并配置访问限制。大屏发布后，您可在看板编辑页面右上角单击已发布，获取大屏访问信息并配置访问权限。获取大屏访问信息后（例如，访问地址），您可将其投放至渲染主机、PC 、手机等设备进行访问。