文章预览
之前的 文章 介绍过 页内导航 ,其实我们还可以进一步设计,在一页中制作两个页内导航,除了前面的按日期粒度切换图表数据,另外制作了动态切换收入、利润变动的整体趋势,如下图。 关于下层导航的制作,与上层导航的制作方法一致,前面已经介绍,这里不再重复。不过如果你设计这种导航,很可能会面临这个问题: 同一个页面上的两种导航会相互影响,不能独立切换。 比如下面的导航再切换到利润趋势时,上面的导航也自动变回到本月的数据;而上面的导航切换时,下面的图表也自动变回到收入趋势。 如何让这一页内的两种导航相互独立,点击按钮只切换相关的图表,而不影响到其他可视化对象呢? 这就是本文要介绍的 局部切换 ,专门来解决这个问题。 下面来看看局部切换的的设计思路和步骤。 准备工作:视觉对象分组 为了对两
………………………………