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

1.1 问题描述

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

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

1.2 实现思路

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

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

2）合并 A1 至 H15 单元格，插入一个折线图，如下图所示：

3）绑定图表数据，如下图所示：

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

)

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

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

2.2 效果预览

1）PC 端

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

2）移动端、

同时支持 App 端和 H5 端，效果如下图所示：

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

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