折线图比较系列值并自定义标记点

  • 文档创建者:axing
  • 编辑次数:3次
  • 最近更新:Leo.Tsai 于 2020-07-22
  • 1. 概述

    1.1 问题描述

    如何实现折线图两个系列之间的比较,并对满足条件的节点标记呢?

    例如当上海的销量高于北京时,将标记点高亮,如下图所示:

    image.png

    1.2 实现思路

    使用 SQL 找出满足条件的点,再结合图表的特效>条件显示来实现。

    2. 示例

    2.1 设计模板

    1)创建数据查询 ds1,作为图表数据来源,SQL 语句如下:

    SELECT time,city,sum(sales) as sales 

    FROM sale

    where city in ('上海','北京')

    and time<='2017-01-07'

    group by time,city

    image.png

    2)合并 A1 至 H15 单元格,插入一个折线图,如下图所示:

    image.png

    3)绑定图表数据,如下图所示:

    image.png

    4)创建数据查询 ds2,查出上海比北京销量高的日期,SQL 语句如下:

    SELECT time,city,sum(sales) as sales 

    FROM sale a

    where city = '上海'

    and time<='2017-01-07'

    group by time,city

    having sum(sales)>(select sum(sales) from sale

    where city = '北京'

    and time=a.time

    )

    image.png

    5)在图表特效>条件显示里添加一个标记点条件属性。

    当系列名称等于上海(字符串类型),分类名包含于 ds2.time(数据列类型)时,设置标记点为圆形,颜色为红色,如下图所示:

    标记.png

    2.2 效果预览

    1)PC 端

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

    image.png

    2)移动端、

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

    image.png

    3. 模板下载

    已完成模板可参考:%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\Advanced\Chart\NewLineChart\折线图比较系列设置标记点.cpt

    点击下载模板:折线图比较系列设置标记点.cpt

    附件列表


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