图表块样式

编辑
  • 文档创建者:文档助手1
  • 浏览次数:8584次
  • 编辑次数:15次
  • 最近更新:Carly 于 2019-10-11
  • 1. 描述

    图表块样式设计包括图表块组件样式的设计和图表块图表样式的设计,其中图表块图表的样式设计即 图表样式,下面我们着重讲解图表块组件样式的设计。

    打开决策报表%FR_HOME%\webroot\WEB-INF\reportlets\doc\frm\决策报表入门2.frm

    点击下载模板:决策报表入门2.frm

    该决策报表中有一个图表组件,我们选中图表组件,即可在右上方的面板中对图表块组件样式进行设置,如下图所示:

    222

    图表属性设置中高级设置只有一个样式设置,且设置方法与报表块一样,这里不再赘述,详情请查看 报表块样式

    2. 内边距设置

    2.1 问题描述

    内边距设置会导致移动端图表块预览大小不一致。

    如下图所示:图表块 1 与图表块 2 的大小设置是一致的;

    222
    在 PC 端下预览下,图表 1 与图表 2 下的饼图大小也是一样的;
    然而在移动端或 HTML5 下预览时,两张饼图的大小是不一致的;
    222

    如上图所示,可以发现图表 2 比图表 1 更大。那么原因出在哪里呢?


    2.2 问题解决

    原因在于模板内边距的左内边距,设计器的自适应会将左边距计入相邻的组件宽度;

    222


    解决方法有三种:

    1)取消设置模板内边距的左边距,并且调整 chart1 与 chart2 的尺寸宽高一致;

    2)由于 chart1、chart2 均为饼图,可以强制设定饼图半径为相等的固定值;如下图所示
    222

    chart2 的设置方法同理。

    3)通过调整控件大小实现,只要边距加上相邻组件的宽度跟期望等宽的控件宽度相等;

    左边距加上 chart1 的宽度等于 chart2 的宽度。如下图所示:

    222

    3. 效果预览

    3.1 PC 端

    222

    3.2 移动端

    App 与 HTML5 预览效果一致,饼图大小是一致的,如下图所示:

    222

    4. 已完成模板

    已完成模板可参考:%FR_HOME%\webroot\WEB-INF\reportlets\doc\frm\内边距设置.frm

    点击下载模板:内边距设置.frm

    附件列表


    主题: 决策报表应用
    标签: 暂无标签
    如果您认为本文档还有待完善,请编辑

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

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