图表大屏

✦ 可视化展示

基于 ECharts 5 + DataV 的数据可视化编辑器，支持拖拽式布局与全屏大屏展示。通过可视化配置即可打造专业的数据监控与展示面板。

📈

ECharts 图表

支持折线图、柱状图、饼图、散点图、雷达图、热力图等主流图表类型，丰富的数据映射配置。

🖥️

DataV 大屏

专业级大屏组件，包含边框装饰、标题装饰、滚动表格、数字翻牌器等可视化元素。

✋

拖拽布局

自由拖拽调整组件位置与大小，支持缩放、对齐、响应式布局，所见即所得。

🔗

动态数据源

图表组件支持绑定 SQL 查询、API 接口、静态 JSON 数据源，数据刷新实时更新。

功能概述

图表类型

类型	适用场景
折线图	趋势分析，如销售额趋势、访问量变化
柱状图	对比分析，如各部门业绩对比
饼图 / 环形图	占比分析，如市场份额、分类分布
散点图	相关性分析，如投入产出分布
雷达图	多维度评估，如能力模型、综合评分
热力图	密度分布，如用户点击热点
表格	详细数据展示，支持滚动和排序
数字翻牌器	关键指标突出展示，如 GMV、订单量

DataV 装饰组件

DataV 提供专业的大屏设计边框和装饰组件，包括：边框盒子（多种风格）、标题装饰、进度条、轮播表、飞线图等，让大屏视觉效果更加专业炫酷。

创建大屏

进入「图表大屏 > 大屏管理」，点击新建大屏，填写名称和尺寸
从右侧组件面板拖拽图表或装饰组件到画布区域
选中组件，在属性面板中配置数据源、样式、交互事件
配置图表数据：可选择 SQL 查询、API 接口或静态 JSON
调整组件布局、大小、层级关系，预览效果
保存并发布，支持全屏展示和外部嵌入

数据源配置

图表组件支持三种数据源模式：

SQL 查询： 直接编写 SQL 语句从数据库查询数据，适合实时数据展示。
API 接口： 调用外部 REST API 获取数据，支持跨域配置。
静态 JSON： 手动输入或粘贴静态 JSON 数据，适合演示和固定数据场景。

配置示例

SQL 数据源配置示例：

-- 查询月度销售额
SELECT DATE_FORMAT(create_time, '%Y-%m') AS month,
       SUM(amount) AS total_amount
FROM biz_order
WHERE status = 'paid'
GROUP BY month
ORDER BY month

静态 JSON 数据示例：

{
  "categories": ["一月", "二月", "三月"],
  "series": [{
    "name": "销售额",
    "data": [12000, 15000, 18000]
  }]
}

最佳实践

大屏建议分辨率 1920×1080，适配 16:9 显示比例
合理使用 DataV 装饰组件增强视觉效果，但避免过度装饰
数据量大时建议在 SQL 层做聚合，减少前端渲染压力
设置合适的数据刷新间隔（推荐 30 秒 ∼ 5 分钟）