本次更新我们对W-MAX可视化大屏新增了动画、预警、数据轮播3大功能。让大屏设计功能更加实用强大,通过入场动画效果的配置让大屏展示丰富生动;通过预警功能直观展示数据的预警值位置,一个非常实用的展示功能;通过数据轮播让指标数据可以分批轮播展示,解决指标较多无法全部展示问题。 1、图表动画 所有大屏图表增加入场动画功能,该功能不是简单的植入一个动画效果。我们设计了动画开关、系列图加载时延设置、动画时长设置、分类图加载时延设置以及动画类型先快后慢、均匀渐变、先慢后快等。通过这些配置项组合可以配置出很多变化的分组动画效果。
入场动画配置
首先我们将需要配置动画的图表拖入可视化大屏编辑器中,选中图表,点击右侧的”高级”属性配置面板,选择“动画”配置标签,打开动画开关,依次调节系列时延、动画持续时间、动画类型等。每项配置不同的时延会有不同的组合动画效果。
下面列举个几个配置动画后的图表效果展示
2、数据预警 大屏展示项目中,当有数据预警产生,我们需要直观准确的展示预警的具体情况,通过可视化图表准确的展示指标到达一定的预设警戒之后通过线或者点以及其他标注方法展示预警效果。本次更新功能中我们强化了图表预警数据的展示,并且增加很多灵活的预警数据配置功能,可以通过图表的不同数据项配置预警,如X轴的数据或者Y轴的数据值。同时还可以通过数据范围条件的设定来展示预预警线,在图表中可以看到数据指标增长过程中,不同时间段接近或者超过预警线。不同的业务场景中可以灵活配置使用预警线功能。
预警线配置 在编辑其中选中需要设置预警线的图表,点击“高级”属性配置面板,选择“预警”标签。打开预警开关,选择预警线颜色,选择预警字段配置预警条件。完成预警线配置。我们也可以按业务需求配置多条预警线。
3、数据轮播 在实际项目我们往往会遇到指标数据特别多,一个柱图图表组件无法一次加载大量的指标数据,全部加载后图表会很拥挤,可视化效果极差,也看不清具体的指标展示。为了能够很好的支撑这样的业务指标展示,我们本地更新增加了图表的轮播功能,对大量的指标数据我们可以类似分页展示的方式轮播展示。 轮播配置
在编辑其中选中需要设置预警线的图表,点击“高级”属性配置面板,选择“轮播”标签。打开轮播开关,设置轮播没选显示的图表数据条数,设置轮播间隔时间。具体的轮播数量与间隔时间按业务场景需求进行调整。除了这些主要功能属性配置,其他的轮播按钮是否显示、颜色样式等都可以调整设计。
|