平时制作可视化时,折线图会经常被用到,如果系列较多,折线图看起来就比较乱,比如每个产品的销售趋势图: 看起来信息密度好像很高,但是想看清楚是哪个产品都很困难,当然也就不能有效的传递信息了。 对于多系列折线图,可以换个思路,既然同时展示在一起太杂乱,不如只突出展示一条折线,并让其他折线作为背景,效果如下; 这样设计既能快速获取特定产品的销售趋势,又不失去其他产品的上下文,依然能比较该产品相比与其他产品,处在什么位置。 这是如何做到的呢?思路很简单,其实有两个折线图,上下重合叠放到一起而已。 对于下层的折线图,将所有的折线颜色都更改为浅色: 而上层的折线图,只显示一个产品的数据,不过为了让切片器不影响下层的折线图,这里需要做一个独立的切片产品表,
这个表不要和模型中的其他表建立关系,并利用这个表做切片器。然后写个度量值,将切片器中的产品与模型中的收入关联起来:
折线图线条设置为亮色、显示数据标签、背景设置为透明,然后将两个折线图叠放到一起,突出显示的折线图置于顶层: 通过这样的组合叠放,就可以实现突出显示所选产品折线的效果。
1、尺寸完全相同 为了达到完全一致的效果,如果你先做好的是底层图,直接复制一个,替换字段,生成顶层的折线图,这样两个图表的尺寸就是完全一致的。 2、上下完全重合 拖动顶层图表尽量与底层完全重合,虽然有自动对齐功能,但坐标轴字符并不一定会完全重合,为了不影响叠加效果,可以将底层的字符全部设置为与背景一致,这样稍微有一点偏差也不会显示出来。 3、Y轴刻度一致 这个需要特别注意,如果不加控制,坐标轴刻度不一样,两个图表的折线几乎不可能重叠起来。 现在折线图的坐标轴已经支持在起止刻度上设置条件格式,利用度量值可以很方便的进行动态控制。 Y轴起始点可以都设置为0,结束点写个度量值:
上下两个折线图都按照这个来设置开始和结束点,Y轴的刻度就能同时一致性变换了: 上面就是突出显示折线图的技巧,在进行数据可视化时,不只是把图表做出来,还要看是否能清晰的表达,是否能快速高效传递信息,重视用户感受才能提升可视化的价值。 |
|