图表制作

图表制作

展示图表的一般制作步骤:

• 创建表与实体
• 控件绑定实体
• 图表配置说明

【案例下载】

开发准备

1. 准备工作

案例演示：
用于存储与加载图表所要展示的数据，视频只演示配好的数据表，配置过程详情可参考：【开发规范】-【固定字段与业务字段】
注意
关于数据表和实体的配置顺序:
1、一种是先创建表，再把表拖入到实体界面；
2、另一种是先新建实体，在新建界面中生成表；

2. 绑定实体

案例演示：
作为数据表与图表之间的桥梁，图表绑定了带有数据的实体，便可在前台呈现数据。视频只演示配好的实体，配置过程详情可参考：【开发规范】-【固定字段与业务字段】
注意：图表绑定的实体，数据来源可以是数据表数据，也可以是实体测试数据，这里统一采用数据表数据。

3. 配置说明

3.1图表控件准备
从工具箱拖拽“图表”控件到窗体界面，并根据业务场景设置控件布局。
3.2 图表配置说明
包括绑定实体字段，设置坐标字段，以及外观样式等一些个性化的设置。
3.3 规则配置说明
主要使用规则“从数据库加载数据到实体”，当窗体加载时，数据表的数据会加载到绑定的实体中，进而让图表呈现绑定实体的数据。
注意：这里把规则配在“窗体加载事件”，是为了方便，打开窗体后就能看到效果。可以根据业务场景的实际需求选择配置事件；以下演示中包含了图表配置与规则配置。
完成以上步骤，保存并部署构件，就可以预览效果了。

案例演示

案例1：柱状图

案例演示：

案例2：折线图

案例演示：

案例3：饼图

案例演示：

案例4：区域图

案例演示：

案例5：雷达图

案例演示：

案例6：点图

案例演示：