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

目录:

1. 概述编辑

1.1 应用场景

希望实现折线图两个系列之间的比较,并对满足条件的节点进行标记。

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

image.png

1.2 实现思路

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

2. 示例编辑

2.1 新建模板

新建一张普通报表,如下图所示:

新建普通报表.png

2.2 准备数据

1)新建数据库查询 ds1,输入 SQL 语句:

SELECT time, city, sum(sales) as sales 
FROM sale
WHERE city in ('上海','北京')
  AND time <= '2017-01-07'
GROUP BY time, city

表示查询截止到 2017年1月7日 ,北京和上海这两个城市每天各自的销售总额,步骤如下图所示:

17.png

2)新建数据库查询 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
  )

表示查询上海每日销售额超过北京同日销售额的那些日期,步骤如下图所示:

18.png

2.3 拆入图表

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

19.png

2.4 绑定数据

选中图表,点击右侧「单元格元素>数据」,绑定图表数据。如下图所示:

16.png

2.5 设置特效

选中图表,点击右侧「单元格元素>特效>条件显示」,添加一个标记点条件属性。设置当系列名称等于字符串:上海,分类名包含于数据集 ds2 中 time 数据列时,标记点为圆形,颜色为红色,如下图所示:

20.png

2.2 效果预览

1) PC 端

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

image.png

2)移动端

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

image.png

3. 模板下载编辑