范围面积图

  • 文档创建者:文档助手1
  • 编辑次数:17次
  • 最近更新:Leo.Tsai 于 2020-07-02
  • 1. 概述

    1.1 应用场景

    面积图可设置为范围显示效果,如下图所示:
    222

    1.2 实现思路

    图表添加条件属性,通过设置系列的填充颜色和线型实现范围面积效果。

    2. 示例

    2.1 准备数据

    新建普通报表,添加内置数据集 temperature,分别记录每天的最高和最低温度,如下图所示:

    图片.png

    2.2 插入图表

    1)合并一片区域单元格,在设计器菜单栏点击插入>单元格元素>插入图表,如下图所示:

    图片.png

    2)弹出的图表类型对话框中选择堆积面积图,如下图所示:

    图片.png

    2.3 绑定图表数据

    选中堆积面积图,在右侧属性面板中选择数据,设置如下图所示:

    图片.png

    2.4 设置图表样式

    右侧属性面板选择样式>系列,关闭颜色的渐变风格,将面积中的填充色不透明度修改为 100,如下图所示:

    Snag_2ed05a81.png

    2.5 设置图表特效

    1)属性面板选择特效>条件显示,添加一个新的条件属性,属性里增加填充颜色线型,如下图所示:
    图片.png

    2)填充颜色选择系列色,不透明度设置为 0,设置系列序号为 1,如下图所示:
    图片.png

    3)线型设置为,如下图所示:
    图片.png

    2.6 效果预览

    1)PC端

    保存模板,点击分页预览,效果如下图所示:

    图片.png

    2)移动端

    1591940560310203.jpg

    3. 模板下载

    已完成模板参见:%FR_HOME%\webroot\WEB-INF\reportlets\doc\Advanced\Chart\NewAreaChart\RangeAreachart.cpt

    点击下载模板:范围面积图.cpt

    附件列表


    主题: 图表应用
    • 有帮助
    • 没帮助
    • 只是浏览
    • 评价文档,奖励 1 ~ 100 随机 F 豆!