象形柱图使用指南

编辑
  • 文档创建者:雷裕春
  • 浏览次数:2216次
  • 编辑次数:10次
  • 最近更新:Kevin-s 于 2019-06-24
  • 1. 版本

      设计器版本  象形柱图插件版本
      9.0、10.0  v1.0

    2. 描述

    在一般的商业报表中,单调的图标不能形象的表达数据。象形柱图是可以设置各种具象图形元素的柱状图来生动形象的表达数据,使用 象形柱图插件 效果如下:

    复合柱图:首图启用小图标+虚线化柱形图,效果如下:


    复合柱图:启用含水量+虚线化柱图+启用图表柱图+翻转 Y 轴 (并设置图标宽高为 20),效果如下:


    复合柱图:虚线化柱图+首图复用为柱图+首图复用小图标,效果如下:


    3. 插件安装

    设计器插件安装方法参照 设计器插件管理

    服务器安装插件方法参照 服务器插件管理

    安装该插件后,以决策报表为例,图表里会多出象形柱图控件,如下图:


    4. 功能概述

    象形柱图控件拖入到报表中,选中象形柱图控件,可以设置相应的配置

    4.1 数据面板配置

    1)准备数据,添加内置数据集,内容如下:


    2)数据配置

    选择内置数据集,选择相应的分类、系列名和值

    4.2 样式面板配置


    小图标高:输入为数字,可控制小图标高度,未输入宽度时,小图标高宽皆为此选项内容;

    1)基础设置

    • a. 标题样式设置

    • b. 其他配置(注:当启用含水量时,下方设置小图标的颜色会变为设置含水量的颜色。

    • c. 柱图标签设置

    注 1:该面板中所有字体大小文本框输入皆为数字,数字越大则字体越大,若输入其他内容,可能会导致图片不显示;

    注 2:当柱图中有图片柱图时,此配置中的实体柱宽将不起作用;

    注 3:含水量设置适用于普通柱图及 SVG 图构成的柱图,含水量最大值为数据中最大值;

    注 4:其中柱图标签可选显示,若不勾选,则柱图上不显示文本标签。

    2)XY 轴设置

    a. XY 轴线样式设置

    注:X、Y 轴可选显示,若不勾选,则柱图上不显示 X 轴或者 Y 轴,XY 轴可分开设置样式及是否显示。

    3)设置图片

    a. 图片选项

    • ① 设置图片柱宽:输入为数字,当柱图由图片构成时,可控制图片宽度;

    • ② 首图复用为柱图:该选项勾选时,第一个柱图图片将会被使用生成统计图中所有柱形图;

    • ③ 首图复用小图标:该选项勾选时,第一个柱图小图片会被使用生成统计图中所有柱形图上方显示的小图标;

    • ④ 启用图标柱图:该选项勾选时,小图标将不展示,每个柱图将会由重复的柱图图片组成,大小可由图片对应的“小图标高”,“小图标宽”控制,在文本框填入数字即可。若此时“设置图片柱宽”中有值,两者将会互相影响图片大小;

    • ⑤ 反转 Y 轴:该选项勾选时,XY 轴将会倒置。

    注:反转 Y 轴和启用图标柱图时被勾选时,小图标将不显示。

    b. 设置图片

    ① 点击“添加图片”按钮则会弹出如下图所示对话框,可以选择自己本地的图片文件(*.jpg, *.jpeg, *.gif, *.png, *.svg)或者插件中内置的 SVG 图片;当选择的图片为 SVG 格式时,可以

    通过“基本设置”中的“设置柱图颜色”,“设置小图标颜色”来控制显示的颜色,其他格式则不能调整颜色设置:

    ② 勾选“使用默认 SVG 时”,对话框变为如下图所示,此时可选择列表中对应的 SVG 图片,选中会会有选中框如下图所示:


    点击确定即可。

    ③ 选中上传图片完成后图片区域如下图所示:


    左边的图片为柱图图片,右边的图片为小图标图片,点击图片本身可以修改为其他图片,点击“删除”按钮则删除按钮上方图片,若删除的为柱图图片,则柱图显示将会用普通柱图

    显示柱,若删除的为小图标图片,柱图不不显示小图标;有小图标图片时,小图标可由对应选项配置:

    • 小图标高:输入为数字,可控制小图标高度,未输入宽度时,小图标高宽皆为此选项内容;

    • 小图标宽:输入为数字,可控制小图标宽度,未输入高度时,小图标高宽皆为此选项内容;

    • 小图标位位移:输入为数字,可控制小图标距离下方柱图的距离,数字越大则距离越大;

    上传的图片将会按顺序显示在图片区域中,柱图中使用图片也会按照此顺序显示,柱图图片为空的时就会使用普通柱图提代,此情况下柱图可以使用虚线化,暂不支持图片顺序调整。

    注:当图片为 SVG 格式时,尽量选择简单的没有区块颜色的图片,否则可能会出现上传后图片显示不正确的情况。

    5. 保存预览

    点击预览,效果如上图一。

    已完成模板:象形柱图.frm,可点击进行下载


    6. 移动端

    移动端不支持


    附件列表


    主题: 二次开发
    标签: 暂无标签 编辑/添加标签
    如果您认为本文档还有待完善,请编辑

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

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