Joget DX 8 Stable Released
The stable release for Joget DX 8 is now available, with a focus on UX and Governance.
Panel | ||||||||||
---|---|---|---|---|---|---|---|---|---|---|
| ||||||||||
SQL图表 图表 (SQL图表) 为您提供了另一种报表媒体。您可以灵活地定义自己的SQL查询,以确定您想要生成的图表,从多种图表类型。 |
...
名称 | 描述 | |||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
自定义ID | 物品链接slu </s>。可选字段。
| |||||||||||||
标签 | 菜单标签。必填项。 | |||||||||||||
图表类型 |
| |||||||||||||
图表标题 | 图表标题将显示在生成的图形的一部分。
|
图2:SQL图表属性 - 图表选项Datasource
名称 | 描述 | |||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
X轴标签 | X轴标签 | |||||||||||||||
X轴显示为 |
| |||||||||||||||
Y轴标签 | Y轴标签 | |||||||||||||||
Y轴前缀 | Y轴前缀 | |||||||||||||||
显示传奇? | 如果选中,图例将显示在生成的图表中。 | |||||||||||||||
在图表中显示值标签? | 如果选中,则值标签将显示在生成的图形中。 | |||||||||||||||
宽度 | 字符宽度。
| |||||||||||||||
高度 | 字符高度。
| |||||||||||||||
颜色 | 系列颜色。可选字段。 颜色代码的逗号分隔值(CSV)。 例如:
|
图3:SQL图表属性 - SQL
Datasource |
| |||||||||||||
Data Binder | When Datasource is set to "Using Data Binder", this option will show up. Please see Datalist Binder for available binder to use. | |||||||||||||
SQL查询 | When Datasource is set to use any of the "Datasource", this option will show up. | |||||||||||||
名称 | 描述 | |||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
SQL查询 SQL Query来生成图表类型所需的数据集。
例1:
例2:
|
Figure 3: SQL Chart Properties - Data Binder & Chart Data Mapping (applicable for - using Data Binder)
Name | Description |
---|---|
Order By | Column to be sorted in the graph dataset. This would affect how the graph is plotted. |
Order |
图4:SQL图表属性 - UI
名称 | 描述 |
---|---|
自定义标题 | HTML中的自定义标题。 |
自定义页脚 | HTML中的自定义页脚 |
图5:SQL图表属性 - 高级
| |
X-axis Value | X-axis label. |
Y-axis Values | Y-axis dataset. |
图4:SQL图表属性 - 图表选项 (applicable for - using Datasource)
名称 | 描述 | |||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
X轴标签 | X轴标签 | |||||||||||||||
X轴显示为 |
| |||||||||||||||
Y轴标签 | Y轴标签 | |||||||||||||||
Y轴前缀 | Y轴前缀 | |||||||||||||||
显示传奇? | 如果选中,图例将显示在生成的图表中。 | |||||||||||||||
在图表中显示值标签? | 如果选中,则值标签将显示在生成的图形中。 | |||||||||||||||
宽度 | 字符宽度。
| |||||||||||||||
高度 | 字符高度。
| |||||||||||||||
颜色 | 系列颜色。可选字段。 颜色代码的逗号分隔值(CSV)。 例如:
|
Figure 5: SQL Chart Properties - Advanced
Name | Description | ||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|
Userview Key Name | When defined, additional condition will be appended using the value defined here as the parameter and the userview key value as the value.
| ||||||||||
名称 | 描述 | ||||||||||
数据源 |
如果选择默认数据源,则下面的自定义JDBC设置将被忽略。 | ||||||||||
用户视图键名称 | 定义时,将使用此处定义的值作为参数,并使用userview键值作为值附加附加条件。
当定义userview键值时,您可以在您的SQL查询中定义#userviewKey# ,使其替换为userview键值。When userview key value is defined, you may define #userviewKey# in your SQL query to have it replaced with the userview key value.
| ||||||||||
Custom Header | Custom Header in HTML. | ||||||||||
Custom Footer | Custom Footer in HTML. |
交互式图表
下面的代码可以修改并放在交互式Chart的“Custom Footer”中。
...