---
order: 1
navTitle: 新建仪表板（20分钟）
---
# 仪表板

> 预计用时：20分钟

本课程介绍使用[仪表板](../../../guide/data-viz/dash/README.md)进行数据可视化基本操作和知识。

![新建仪表板](./images/2024-05-14-10-15-37.png)

:::tip 学习小贴士\
点击链接跳转观看学习视频：[新建仪表板](https://www.bilibili.com/video/BV1Vu411m7vE?p=1\&t=1.6)\
可以按照下方[课程讲解](#course)的分解步骤进行学习，学习完之后别忘了完成练习哦！
:::

## 学习目标{#target}

学习本课程可以掌握到如下知识点：

- 了解仪表板入口
- 了解仪表板如何引入数据模型
- 掌握仪表板组件的取数方式
- 学习仪表板设计器的功能分区
- 了解基础统计图的制作方法
- 学习基础布局方式

## 课程讲解{#course}

本节课程介绍如何从零开始制作一张仪表板，建议在学习过程中跟着步骤练习操作，在进入页面学习前，可以通过[设计器界面介绍](../../../guide/data-viz/dash/designer.md)学习了解仪表板设计器界面的区域划分部分，便于后面的学习。

- **课程讲解**
- （01:14）**新建空白仪表板页面**
- （01:50）**添加数据模型**
- （02:33）**柱形图的使用**
- （03:43）**饼图的使用**
- （04:47）**条形图与折线图的使用**
- （06:07）**调整布局**

## 总结与练习{#practice}

通过上述学习我们了解到了新建仪表板的入口，仪表板设计器的构成，如何给组件取数以及基础的布局操作。接下来我们通过练习加深这部分内容的学习。

请按照视频制作出对应仪表板，将做好的仪表板复制出一份，并按照要求在复制的仪表板上更新做法或对文档进行总结：

1. [新建仪表板](../../../guide/data-viz/dash/new-dash.md)、[仪表板设计器](../../../guide/data-viz/dash/designer.md)：学习完这三篇文档后，你需要掌握仪表板的新建和设计器的结构
2. [饼图](../../../guide/data-viz/dash/components/chart/pie-chart.md)：学习完这篇文档后，请你调整饼图的展现形式为玫瑰图
3. [柱形图](../../../guide/data-viz/dash/components/chart/column-chart.md)：学习完这篇文档后，请你将柱形图制作成堆积柱形图（维度：价格档次）
4. [折线图](../../../guide/data-viz/dash/components/chart/line-chart.md)：学习完这篇文档后，请你制作多系列折线图（维度：年月，度量：销量、销售额）
5. [条形图](../../../guide/data-viz/dash/components/chart/bar-chart.md)、[标记](../../../guide/data-viz/dash/design/data/data-style/color.md)：学习完这篇文档后，请你将条形图用【销售数量】标记颜色，切换`离散`与`连续`并掌握二者区别
6. [仪表板模板](../../../guide/data-viz/dash/manage-templates/README.md)：学习完这篇文档后，请你使用模板制作一个页面，并使用**门店销售明细表**替换模板中的数据，不能改动样式