---
title: 第一个仪表盘
weight: 3
type : docs
bookFlatSection : false
---

**由于版本的变更, 一些图标可能会有一些变化, 但位置无太大的变化** 
### 新建仪表盘
- 在开发模式下，滑动“开发管理” ->"仪表盘"-> "新增Dashboard"
![输入图片说明](https://images.gitee.com/uploads/images/2021/1218/133004_165c126a_5500438.png "屏幕截图.png")
- 填写相应信息后点击“保存”
![输入图片说明](https://images.gitee.com/uploads/images/2021/1218/133242_50b4e853_5500438.png "屏幕截图.png")
- 点击进入仪表盘开发, 注意点击 "E" 字!!
![输入图片说明](https://images.gitee.com/uploads/images/2021/1218/133352_6c646f23_5500438.png "屏幕截图.png")
- 点击新增(注意拖拽布局功能为PRO版本, 后续免费版本中将无法使用), 
  如果你坚持使用免费版本功能, 请使用左边的蓝色颜色的新增, [具体布局方式参考](https://gitee.com/smartchart/smartchart/wikis/4.布局说明/布局指引)
![输入图片说明](https://images.gitee.com/uploads/images/2021/1218/133630_70622fd1_5500438.png "屏幕截图.png")

### 数据集编辑
- 点开“数据集”
![输入图片说明](https://images.gitee.com/uploads/images/2021/1218/133934_9498a8c4_5500438.png "屏幕截图.png")
- 输入以下SQL后，点击“保存并刷新”, 关闭数据集编辑界面
```sql
select H1 as heroname, sum(qty) as 出场数 from smartdemo2
group by H1
order by sum(qty) desc
```
![输入图片说明](https://images.gitee.com/uploads/images/2021/1218/134140_eca7fdfd_5500438.png "屏幕截图.png")

### 图形编辑
- 点开“图形编辑”
![输入图片说明](https://images.gitee.com/uploads/images/2021/1218/134447_6c2ec9da_5500438.png "屏幕截图.png")

- 点击“云图标”，第一次使用可能要你进行登记，按提示操作即可， 在商店中找到合适的图形点击，会自动复制到剪贴板
![输入图片说明](https://images.gitee.com/uploads/images/2022/0120/094824_58215211_5500438.png "屏幕截图.png")
- 贴粘到图形编辑器后，点击保存， 关闭图形编辑框
![输入图片说明](https://images.gitee.com/uploads/images/2021/0701/093502_e7333837_5500438.png "屏幕截图.png")

### 拖拽布局
- 重复以上步骤，再新增一个， 你可以使用拖拽的方式, 移动到不同的地方
![输入图片说明](https://images.gitee.com/uploads/images/2021/1218/134937_cac58165_5500438.png "屏幕截图.png")
