反馈已提交

网络繁忙

折线图

  • 文档创建者:文档助手1
  • 历史版本:33
  • 最近更新:Alicehyy 于 2024-01-04
  • 1. 概述

    1.1 版本

    报表服务器版本
    11.0

    1.2 应用场景

    折线图是将值标注成点,并通过线将这些点按照顺序连接起来形成的图形。

    折线统计图常用于显示随时间或有序类别变化的趋势,可以显示数据点以表示单个数据值,也可以不显示这些数据点。在有很多数据点并且它们的显示顺序很重要时,折线图尤其有用。

    1.3 图表特点

    不仅可以表示数量的多少,而且可以反映同一事物在不同时间里的发展变化的情况。

    1.4 图表类型

    1)普通折线图

    用于显示随时间或有序类别而变化的趋势,可以显示数据点以表示单个数据值,也可以不显示这些数据点

    Snag_57f23d33.png

    2)堆积折线图

    如果有两个数据系列,折线图中两个数据系列是独立的,在堆积折线图中第一个数据系列和普通数据系列一样。

    第二个数据系列的值要和第一个系列的值在同一分类(或时间上)进行累计,展示的是两个数据系列在同一分类(或时间上)的值的总和的变化趋势。

    Snag_43f9b3ff.png

    3)自定义折线图

    用户可以自定义折线图的「堆积」和「坐标轴」的属性。

    1688975403ZDFd.png

    2. 示例

    本文以普通折线图作为示例。

    2.1 准备数据

    点击设计器左上角「文件>新建普通报表」,新建内置数据集「本年空调月销量统计」,如下图所示:

    Snag_578ae312.png

    2.2 设计报表

    2.2.1 选择主题

    点击报表上方的主题名称,弹出 主题选择 界面,选择「清爽科技」主题。如下图所示:

    2.2.2 插入图表

    合并一片单元格区域,点击上方工具栏插入图表按钮,插入「折线图」。如下图所示:

    Snag_585fdd88.png

    2.3 设计折线图

    选中图表,点击右侧属性面板「单元格元素」,可设置图表的各个属性:类型、数据样式特效

    2.3.1 图表类型

    选中图表所在单元格,点击右侧「单元格元素>类型」可查看和选择图表类型。

    2.3.2 绑定数据

    绑定折线图的数据如下图所示:

    注:绑定折线图数据时,分类不能为「无」,系列名若使用「字段值」,系列名不能和分类为同一字段。会导致图中只有点,没有线。

    2.3.3 设置样式

    1)选择「样式>标题」,设置标题文本为「本年空调月销量统计」,其余设置保存默认。如下图所示:

    2)选择「样式>图例」,取消勾选「图例可见」。

    3)选择「样式>系列」,可设置折线图的颜色、线型、标记点等样式。

    • 线的形态有 3 种:普通、垂直、曲线。

    • 空值断开:默认开启,即当某个分类没有值时,该分类两侧的值不连接。

    • 标记点的点样式分为常规和自定义两种:点样式为常规时,可选择不同的类型,以及设置点的填充颜色和半径;点样式为自定义时,可使用图片作为标记点,并且自定义图片的大小。

    注:标记点描边或空心颜色取自图表背景,取不到时浅色主题下默认为 #FFFFFF,深色主题下默认为 #000000。详细内容请参见本文 4.1 节。

    本文示例具体设置如下图所示:

    2.4 效果预览

    2.4.1 PC 端

    保存报表,点击「分页预览」,效果如 1.2 节效果图所示。

    2.4.2 移动端

    App 端和 HTML5 端均支持,效果如下图所示:

    Snag_586ad601.png

    3. 模板下载

    已完成模板可参见:%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\Chart\LineChart\折线图.cpt

    点击下载模板:折线图.cpt

    4. 注意事项

    4.1 标记点颜色获取

    问题描述

    折线图标记点默认显示时,标记点外围存在白圈显示,但有时我们需要取消显示白色外圈,该怎么做呢。效果如下图所示:

    Snag_f9d9be0.png

    原因分析

    标记点描边或空心颜色取自图表背景,默认跟随主题,浅色主题下默认为 #FFFFFF,深色主题下默认为 #000000。如下图所示:

    Snag_fa2f003.png

    解决方案

    给「图表区」背景填充设置为「颜色>透明」,或者设置为其他颜色,再修改不透明度即可。如下图所示:

    Snag_fa61678.png

    附件列表


    主题: 图表应用
    • 有帮助
    • 没帮助
    • 只是浏览
    中文(简体)

    鼠标选中内容,快速反馈问题

    鼠标选中存在疑惑的内容,即可快速反馈问题,我们将会跟进处理。

    不再提示

    10s后关闭

    联系我们
    在线支持
    获取专业技术支持,快速帮助您解决问题
    工作日9:00-12:00,13:30-17:30在线
    页面反馈
    针对当前网页的建议、问题反馈
    售前咨询
    采购需求/获取报价/预约演示
    或拨打: 400-811-8890 转1
    qr
    热线电话
    咨询/故障救援热线:400-811-8890转2
    总裁办24H投诉:17312781526
    提交页面反馈
    仅适用于当前网页的意见收集,帆软产品问题请在 问答板块提问前往服务平台 获取技术支持