历史版本5 :折线图比较系列值并自定义标记点 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

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)绑定图表数据,如下图所示:

1616395621944737.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 数据列时,设置标记点为圆形,颜色为红色,如下图所示:

1616395847141488.png

2.2 效果预览

2.2.1 PC 端

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

image.png

2.2.2 移动端

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

image.png

3. 模板下载编辑

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

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