单元格元素图表

编辑
  • 文档创建者:文档助手1
  • 浏览次数:36516次
  • 编辑次数:23次
  • 最近更新:Leo.Tsai 于 2019-09-17
  • 1. 描述

    在线视频学习请查看:图表入门示例

    图表作为单元格元素插入到报表中,就可以通过单元格的父子格关系,跟随父格的扩展自动生成相应的图表,而不需要对每组数据分别制作图表。

    2. 示例

    2.1 示例效果

    1)左上角为所有销售员的产品销量统计表。

    2)右上角为每个地区下销售员的销量柱形统计图。

    3)下方为所有销售员的销量饼状统计图

    注:示例中柱形图数据来源于左上角的单元格,饼图数据来源于数据集。这两种数据来源的设置方法有所不同。

    Snag_b30bc1.png

    2.2 数据准备

    新建数据集 ds1,数据库查询对话框中写入 SQL 查询语句SELECT * FROM 销量,取出销量表中的所有数据。

    Snag_43696e5.png

    2.3 报表设计

    2.3.1 销量统计表设计

    1)A1~C1 单元格写入表格标题信息,选中 A1~C1 单元格,右边属性面板选择单元格属性>样式,样式下拉框选择预定义样式,给标题设置一个Head类型的样式。

    注:设置好 Head 类型的样式后,标题字体会自动居中,无需另外设置。

    Snag_4482b62.png

    2)将数据集中的字段拖入到对应单元格中,选中 A2~C2 单元格,将字体居中,选中 A1~C2 单元格,给表格整体添加预定义样式默认的天蓝色内外框。

    Snag_4518d9b.png

    3)选中 C2 单元格,右边属性面板选择单元格元素>基本。数据设置下拉框选择汇总>求和

    Snag_4551ea1.png

    至此,表格式数据设计工作已经完成,下面插入图表。

    2.3.2 插入柱形图

    1)合并 D1~G1 单元格,写入标题信息「柱形统计图」,字体居中。合并 D2~G2 单元格,作为柱形图插入位置。给合并后的单元格添加内外框。

    Snag_4667440.png

    2)选中合并后的单元格 D2,点击插入图表快捷按钮,图表类型选择柱形图>柱形图

    Snag_4b5afe2.png

    3)选中饼图所在单元格 D2,右边属性面板选择单元格元素>数据。数据来源下拉框选择单元格数据。点击分类名右侧的公式按钮,公式面板中输入B2,让销售员字段作为柱形图的分类名。点击系列名和值设置项下方的,新增一条系列名和值的设置项,点击系列名右侧的公式按钮,公式面板中输入销量,点击值右侧的公式按钮,公式面板中输入C2,让销量作为系列名,销量字段的数据作为系列的值。

    注:分类名、系列名、值的内容也可以直接在编辑框中输入。以分类名为例,直接在分类名右侧编辑框中输入「=B2」,等号是必须的,千万不要忘记。

    Snag_47873eb.png

    4)由于D1单元格已经设置了柱形图的标题,所以柱形图自己的标题无需设置,直接去掉即可。

    选中饼图所在单元格 D2,右边属性面板选择单元格元素>样式>标题标题可见默认是勾选的状态,直接将勾选去掉。

    Snag_48aa1ca.png

    5)报表预览时,考虑到美观性,将报表工具栏去掉。

    选中饼图所在单元格 D2,右边属性面板选择单元格元素>特效>交互属性>工具栏>内容。将默认勾选的排序、导出图片、全屏展示去掉即可。

    Snag_492d44c.png

    6)设置柱形图跟随地区字段扩展(A2 单元格),让每个地区下只有一个柱形统计图。

    选中饼图所在单元格 D2,右边属性面板选择单元格属性>扩展。扩展方向选择不扩展自定义左父格为A2单元格。

    Snag_49ae0d8.png

    2.3.3 插入饼图

    1)合并 A3~G25 单元格,作为饼图插入位置。给合并后的单元格添加内外框。

    Snag_4ae29ac.png

    2)选中合并后的单元格 A3,点击插入图表快捷按钮,图表类型选择饼图>饼图

    Snag_4b26470.png

    3)选中饼图所在单元格 A3,右边属性面板选择单元格元素>数据。数据来源选择数据集数据,数据集选择ds1。分类选择,系列名使用选择使用字段值,系列名选择销售员,值选择销量,汇总方式选择求和

    Snag_4bc9207.png

    4)选中饼图所在单元格 A3,右边属性面板选择单元格元素>样式>标题,勾选标题可见,设置标题文本内容为「饼状统计图」,位置靠右

    Snag_4c49b57.png

    5)去掉报表展示时的工具栏。选中饼图所在单元格 D2,右边属性面板选择单元格元素>特效>交互属性>工具栏>内容。将默认勾选的排序、导出图片、全屏展示去掉即可。

    Snag_4ca62d5.png

    3. 效果预览

    3.1 PC端

    保存报表,分页预览查看报表。

    Snag_b30bc1.png

    3.2 移动端

    移动端查看报表的方式参见 报表移动端预览

    1567488863200070.jpg


    4. 已完成模板

    已完成模板可参见:%FR_HOME%\webroot\WEB-INF\reportlets\demo\NewbieGuide\图表入门.cpt

    点击下载模板:图表入门.cpt




    附件列表


    主题: 图表入门
    标签: 暂无标签
    如果您认为本文档还有待完善,请编辑

    文档内容仅供参考,如果你需要获取更多帮助,付费/准付费客户请咨询帆软技术支持
    关于技术问题,您还可以前往帆软社区,点击顶部搜索框旁边的提问按钮
    若您还有其他非技术类问题,可以联系帆软传说哥(qq:1745114201

    此页面有帮助吗?只是浏览 [ 去社区提问 ]