近期在做金融BI方面设计,如:大数据可视化、Dashboard、舆情、金融数据搜索等,其中应用最多的内容就是 Chart。今天和大家分享下设计中总结的一些规范,部分文献摘自 Ant Design、High Charts 。学习是一个认知、吸收、转化的一个过程。希望自身提升更快,同时希望对从事这面设计的伙伴有用。 Chart 存在的意义在于:将数据变为可视化的图形,清晰有效的展示数据,让关系繁杂的数据变得一目了然,数据趋势变得明显,数据内在关系变得明确。所以针对Chart设计从以下方面进行总结。 如何选择符合使用场景的图表 数据可视化的第一步就是选择合适的图表类型。那么如何选择呢?需要我们要考虑:“我有什么数据,需要用图表做什么?达到什么样的目的?”,而不是 “图表长成什么样 ”。因此我们从场景、目的出发,对图表进行分类,如下所示(常用图表类型):
01fab85c06aa53a80121ab5df32a35.jpg ![]() 013ee05c06abada80121ab5d94d732.jpg ![]() 01bec45c06ad53a8012092529a91de.jpg ![]() 01f4cf5c06ae83a80120925276aa36.jpg ![]() 0177095c06af05a80121ab5ddc07ae.jpg ![]() 01e4e85c06afb1a80121ab5d8f7f8e.jpg ![]() 0173655c06b079a801209252d6c879.jpg ![]() 0165085c06b0e0a801209252d217f8.jpg ![]() 0138095c06b139a80121ab5da45295.jpg ![]() 01d9465c06b1d7a8012092524645f9.jpg ![]() 01acd05c06b290a80121ab5da36cba.jpg ![]() 01b5825c06b32ba801209252d693f6.jpg ![]() 019bbc5c06b3aaa8012092523fe212.jpg ![]() 010d015c06b401a801209252b72761.jpg ![]() 0169d75c06b4cca8012092521c9992.jpg ![]() |