DUOLABS
作品集

企业内部仪表板图表组件

我们没有为炼油企业内部仪表板系统的每个界面单独制作图表,而是设计并开发了多个界面共用的图表组件。仪表板各界面的数据不同,若每个界面都重做图表,同类图表就会有多少界面就有多少份。我们把数据与显示方式分开,让组件放到任何界面都以同样的方式绘制。在系统建设项目中,我们自主策划,整理了组件的结构与用法。

Launch
2007
Client
韩国炼油企业
Type
数据·可视化

01 / 04

把各界面重做的图表合而为一的通用组件

内部仪表板系统每个界面要显示的数据不同,每次都重做图表,同类图表就会有多少界面就有多少份。我们没有为单个界面专门制作,而是以多个仪表板界面都能直接取用的图表组件为目标。组件只有一个,要修改的地方也只有一处,并会一起反映到所有使用该图表的界面。

把各界面重做的图表合而为一的通用组件
02 / 04

分别接收数据与显示方式的设计

可复用图表组件分别接收要绘制的数据和绘制方式。只替换数据,同一个组件就能绘制另一个界面的数字;只更换显示方式,同一份数据就能呈现为另一种图表。若为单个界面专门制作,两者就绑在一起,难以搬到其他界面使用。

分别接收数据与显示方式的设计
03 / 04

在信息密集的业务界面中依然易读的图表

业务仪表板会在一个界面上密集摆放数字与图表。我们统一了组件的接口,让图表类型不同时仪表板数据也以同样的方式呈现。并权衡一个界面能容纳的信息量、易读性和界面响应速度,打磨了图表的表现。

在信息密集的业务界面中依然易读的图表
04 / 04

在建设项目中自主发起的组件标准化

图表组件是在系统建设项目中,由内部自主策划推进的标准化工作。我们整理了组件的结构与用法,为之后其他界面和项目取用打下基础。这时积累的图表与可视化技术,延续到了下一项工作,即炼油企业的网页地图服务。

在建设项目中自主发起的组件标准化

项目亮点

01

数据与显示方式分离的可复用图表组件

02

多个仪表板界面以同样方式绘制的图表

03

自主策划并整理的组件结构与用法

洞察

查看全部博客