垂直和曲线面积图

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

    1.1 应用场景

    有时候用户想要将面积图的线型改为垂直或曲线,那么该如何设置可以实现如下图所示的效果呢?

    • 垂直面积图:

    图片.png

    • 曲线面积图:

    图片.png

    1.2 实现思路

    图表属性面板的样式>系列下,可以修改线条的形态,如下图所示:

    Snag_9c25f21.png

    2. 示例


    2.1 准备数据

    新建普通报表,添加内置数据集 Embedded1,分别记录一周内的学习时间,如下图所示:

    图片.png

    2.2 插入图表

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

    图片.png

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

    图片.png

    2.3 绑定图表数据

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

    图片.png

    2.4 设置图表样式

    1)选择 样式>标题 ,设置标题内容,如下图所示:

    图片.png

    注:曲线面积图同理修改标题为曲线面积图。

    2) 选择  样式>系列 >线>形态 ,选择 垂直 ,如下图所示:

    图片.png

     3) 如果是曲线图,步骤同上,选择 曲线 ,如下图所示:

    图片.png

    2.5 效果预览

    1)PC 端

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

    • 垂直面积图:

    图片.png

    • 曲线面积图:

    图片.png

    2)移动端

    • 垂直面积图:

    1592012155423052.jpg

    • 曲线面积图:

    1592012208555923.jpg

    3. 模板下载

    已完成模板参见:

    %FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\Advanced\Chart\AreaChart\垂直面积图.cpt

    %FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\Advanced\Chart\AreaChart\曲线面积图.cpt

    点击下载模板:

    垂直面积图.cpt

    曲线面积图.cpt

    附件列表


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