反馈已提交

网络繁忙

折线图改变线条或标记点属性

  • 文档创建者:Leo.Tsai
  • 历史版本:10
  • 最近更新:Fay 于 2022-11-25
  • 1. 概述

    1.1 版本


    报表服务器版本
    11.0

    1.2 设置属性

    通过设置条件属性,可以改变折线图线条或标记点的属性。如改变某个区间内线条的颜色,效果如下图所示:

    1593767113278021.png

    注:折线图条件属性中的线型对应的是一整个系列的连线,不支持设置区间或某个值的「线型」。

    2. 改变区间线条颜色

    2.1 准备数据

    新建内置数据集 Embedded1,如下图所示:

    1593767275964774.png

    2.2 插入图表

    合并一片区域单元格,插入折线图,如下图所示:

    1593767600555220.png

    2.3 绑定数据

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

    2.4 设置条件属性

    选中图表后,选择「单元格元素>特效>条件显示」添加一个条件属性「配色」,想要实现当销量值 大于 0 的线条为红色。注:需要注意的是线条对应的是区间,不支持在条件属性的条件设置中使用「等于」,只支持区间符号,如「大于或等于」。

    那么添加的普通条件为:值大于或等于 1 。如下图所示:

    2.5 效果预览

    2.5.1 PC 端

    保存报表,点击「分页预览」,销量大于 0 的区间线条变为红色,如下图所示:

    1593767113278021.png

    2.5.2 移动端

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

    1594001283116066.jpg

    3. 自定义标记点属性

    除了条件属性,其他设置同上面改变区间线条颜色的示例,下面只介绍条件属性的设置。

    3.1 设置条件属性

    新增「标记点」条件属性,实现销量等于 0 的标记点形状为「菱形」,颜色为「红色」,半径为「4.5」,如下图所示:

    注:标记点设置条件时没有区间符号限制。

    3.2 效果预览

    3.2.1 PC 端

    保存报表,点击「分页预览」,标记点自定义样式如下图所示:

    Snag_42460c2a.png

    3.2.2 移动端

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

    1594004131472832.jpg

    4. 模板下载

    已完成模板可参考:

    %FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\Chart\NewLineChart\改变区间线条颜色.cpt

    %FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\Chart\NewLineChart\自定义标记点属性.cpt

    点击下载模板:

    改变区间线条颜色.cpt

    自定义标记点属性.cpt

    附件列表


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

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

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

    不再提示

    10s后关闭



    AI

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