SQL图表 为您提供了另一种报表媒体。您可以灵活地定义自己的SQL查询，以确定您想要生成的图表，从多种图表类型。

图1：SQL图表属性

名称描述
自定义ID

物品链接slu </s>。可选字段。

在这里定义的值必须是唯一的用户视图菜单的其余部分，因为第一个匹配的名称将被调用。

标签菜单标签。必填项。
图表类型
  • 面积图
  • 条形图
  • 泡沫图表
  • 烛台图表
  • 甜甜圈图表
  • 折线图
  • 打开高低关闭图表（OHLC图表）
  • 饼形图
  • XY图表
图表标题图表标题将显示在生成的图形的一部分。

图2：SQL图表属性 - 图表选项

名称描述
X轴标签 
X轴标签 
X轴显示为
  • 类别
  • 数
  • 日期
Y轴标签 
Y轴标签 
Y轴前缀
Y轴前缀
显示传奇？
如果选中，图例将显示在生成的图表中。
在图表中显示值标签？
如果选中，则值标签将显示在生成的图形中。
宽度 

字符宽度。

100％
高度 

字符高度。

300像素
颜色

系列颜色。可选字段。

颜色代码的逗号分隔值（CSV）。

例如：

 ＃3333FF，＃66FF00，＃FF9933，＃990000

红，橙，黄，绿，蓝，靛

http://stackoverflow.com/questions/18332440/what-are-the-jqplot-default-series-colors

图3：SQL图表属性 - SQL

名称描述
SQL查询 

SQL Query来生成图表类型所需的数据集。

数据集中的第一列将假定为X轴/标签。

例1：

SELECT c_status as'status'，COUNT（c_status）as'count'FROM app_fd_tix_tickets WHERE c_status IS NOT NULL GROUP BY c_status

例2：

选择c.c_claimant，sum（cast（替换（c.c_total，'$'，''）为十进制（10,2）））为'total'，avg（cast（replace（c.c_total，'$' ''）作为十进制（10,2）））作为'平均'从app_fd_hr_expense_claim c组由c.c_claimant

图4：SQL图表属性 - UI

名称描述
自定义标题HTML中的自定义标题。
自定义页脚HTML中的自定义页脚

图5：SQL图表属性 - 高级

名称描述
数据源
  • 默认数据源
  • 自定义数据源
如果选择默认数据源，则下面的自定义JDBC设置将被忽略。
用户视图键名称

定义时，将使用此处定义的值作为参数，并使用userview键值作为值附加附加条件。

SQL：SELECT类别，计数（类别）FROM table1

用户视图键名称：类型

用户视图键值：val

结果SQL：SELECT类别，计数（类别）FROM table1 WHERE type ='val'

当定义userview键值时，您可以在您的SQL查询中定义＃userviewKey＃ ，使其替换为userview键值。

SQL：SELECT类别，count（类别）FROM table1 WHERE type ='＃userviewKey＃'

用户视图键值：val

结果SQL：SELECT类别，计数（类别）FROM table1 WHERE type ='val'

交互式图表

下面的代码可以修改并放在交互式Chart的“Custom Footer”中。

<SCRIPT>
$（文件）。就绪（函数（）{
    $（ '＃jq_plot_chart'）。绑定（ 'jqplotDataClick'，
        函数（event，seriesIndex，pointIndex，data）{   
            的console.log（事件）;
            的console.log（seriesIndex）;
            的console.log（pointIndex）;
            的console.log（数据）;
            
            //对于使用图例和x轴的图表， 
            var xaxis = $（“。jqplot-xaxis-tick：eq（”+ pointIndex +“）”）;
            var series = $（“。jqplot-table-legend-label：eq（”+ seriesIndex +“）”）;
            
            console.log（“x-axis：”+ xaxis.text（））;
            console.log（“series：”+ series.text（））;
        }
    ）;
 
    / /双击事件。请注意，论据是不同的。
    $（ '＃jq_plot_chart'）。绑定（ 'jqplotDblClick'，
        功能（事件，坐标，点数据）{   
            的console.log（事件）;
            的console.log（坐标）;
            的console.log（分）;
            的console.log（数据）;

            如果（数据）{
                var xaxis = $（“。jqplot-xaxis-tick：eq（”+ data.pointIndex +“）”）;
                var series = $（“。jqplot-table-legend-label：eq（”+ data.seriesIndex +“）”）;

                console.log（“values：”+ data.data）;
                console.log（“x-axis：”+ xaxis.text（））;
                console.log（“series：”+ series.text（））;
            }
        }
    ）;
}）;
</ SCRIPT>

 此代码不适用于OHLC和烛台图表。

您可以在此UserView元素中配置“ 性能”设置，以允许缓存现有内容以提高性能和加载速度。使用Userview缓存进行性能改进，了解更多信息。