新闻动态
NEWS CENTER
NEWS CENTER
2024-08-15
雷达图常用于多维度的数据比照,仅有一组多维数据时,用户更看重维度之间的数据比较,当有多组多维数据时,更看重组与组之间的比较。
故在一组多维的雷达图中,假如直接沿袭PC端tooltip交互,点击一次只能展现一维数据,交互重且展现效率低,无法直接多维度比照。移动端适配时,可直接展现数据标签,在展现效率高的一起,用户可直接比照数据,更契合雷达图的使用场景。
在多组多维的雷达图中,假如直接沿袭PC端tooltip交互,遇到的问题和折线图移动端适配问题共同,即会对图表发生较大的遮挡,但此刻并不能直接沿袭折线图的解决方案(在图例后加数据标签),因为数据标签和用户点击行为的关联性比较小,在测验时发现用户并不能注意到点击后有呼应。所以在移动端点击轴线或恣意点,用数据颜色悬浮展现数据标签,在削减区域遮挡的一起让用户的操作有呼应。
矩阵树图
矩阵树图因数据杂乱,在移动端中会出现部分矩形会很小的状况,用户较难看到具体数据,此刻在移动端用户能够点击矩形,扩大至图表区域中央进行检查,一起也需要注意让用户能够从头检查完好视图。
什么样的图表算是好的图表?《乐见数据:商业数据可视化思想》一书中马世权提出了GLAD准则:Good Data and Insight(好的数据和洞察)、Less Noise(降噪)、Accurate Expression(精准表达)和Distinct Mark(画龙点睛)。
结合我们的规划实践,将图表规划准则总结为视觉降噪、表达准确、突出重点。