我花了2小时,模仿这个动态图表

是不是很酷。
从实现的数据技巧和图表逻辑上来看,难度并不大,中间的折线图,是坐标轴动态显示固定周期的指标,和之前介绍过的动态播放的折线图类似带播放轴的折现图,你可以这样做
而下方自动播放的面积图,是坐标轴固定,并用醒目的颜色区域,动态移动显示固定期间的数据。
自动播放使用Play Axis自动播放控件即可。
虽然逻辑很简单,但动手做了之后就会发现,如此平滑流畅的效果暂时无法实现。
尤其是中间的折线图,做出来和平滑效果基本不沾边,非常卡顿。
下面的这个面积图,稍微实现一点效果,简单介绍一下制作步骤:
1,绘制一个面积图
数据只有两列,编号和数据,利用这两列生成面积图
2,增加一个数据系列,高亮显示
在原面积图的基础上,使用DAX增加一个系列,度量值如下:
把该系列放到面积图中,并调整数据颜色为黄色。
3,使用Play Axis自动播放
效果如下:
左边是模仿原图做的两个卡片图
其实也还不够流畅,但即使是这样的效果,也调试了好久,主要是控制播放器的播放速度,太慢了视觉效果不好,太快了图表刷新不出来,同样会延迟显示,图表左上角的点点一直在转圈,如果电脑配置太低,可能会更卡。
不清楚国外大牛是如何实现的,现在PowerBI图表能达到秒级响应就不错了,而首图效果的流畅度,需要毫秒级的响应才能实现,期待PowerBI的这一天能尽快到来。
大家也可以测试一下,有什么好的技巧和建议,能够让播放更加平滑,欢迎留言分享哦。
本文源文件已分享在知识星球,可以去里面自行下载。
你还可以赞赏本文,也会自动收到源文件下载链接。(Dribbble上的源文件并没有)

(0)

相关推荐