图表块样式

编辑
  • 文档创建者:文档助手1
  • 浏览次数:6457次
  • 编辑次数:12次
  • 最近更新:jiangsr 于 2018-07-06
  • 1. 描述

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

    打开决策报表%FR_HOME%\webroot\WEB-INF\reportlets\doc\Frm\决策报表入门2.frm
    该决策报表中有一个图表组件,我们选中图表组件,即可在右上方的面板中对图表块组件样式进行设置,如下图:

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


    2. 关于内边距设置

    2.1 问题描述

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

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


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

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

    2.2 问题解决

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


    解决方法有三种:

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

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

    chart2的设置方法同理。

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

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


    2.3 效果预览

    pc端预览:

    移动端与h5预览效果一致,饼图大小是一致的:


    2.4 已完成模板

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

    右击存储模板

    附件列表


    主题: 决策报表设计
    如果您认为本文档还有待完善,请编辑

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

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