来源网络
当前接入是免费形式,通过选取不同的可视化工具类图展示符合业务需求的类后,进行数据的呈现,由于非矢量关系图标化,若数据过多时会存在前台渲染加载卡顿情况。
Highcharts:兼容 IE6 、完美支持移动端、图表类型丰富、方便快捷的 HTML5 交互性图表库。
来源网络
会有部分收费对接资源,基本展示与Echat相近,界面体验更友情化。
AntV:
GraphinStudio 是基于 Graphin 开发的通用关系分析平台,具有关系扩散,关系发现,布局切换等功能。
来源网络
- 完善的图形语法:数据到图形的映射,能够绘制出所有的图表。
- 全新的交互语法:通过触发和反馈机制可以组合出各种交互行为,对数据进行探索。
- 强大的 View 模块:可支持开发个性化的数据多维分析图形。
- 双引擎渲染:Canvas 或 SVG 任意切换。
- 可视化组件体系:面向交互、体验优雅。
- 全面拥抱 TypeScript:提供完整的类型定义文件。
相对来功能展示更强大,可以支持不同图形标签选择,关系属性关联,更加灵活的展示分析结果信息。
3. 不同图表的选用
通过图表形式展现数据,帮助用户快速、准确理解信息。准确、快速是可视化的关键。借助于图形化手段,清晰有效地传达与沟通信息同时对数据进行交互分析。
(1)柱形图
通过柱状图,可以清晰展示各个数据类型的统计数据信息,并且可以直观进行对比,发现趋势
来源网络
适合的数据:一个分类数据字段、一个连续数据字段。
功能:对比分类数据的数值大小。
数据与图形的映射:
- 横轴可展示具体的时间维度区间
- 纵轴可展示数据量的多少
- 不同类别可以不同色块进行区分
适合的数据条数:根据页面大小灵活设计,建议不超过1个月数据区间。
(2)散点图
散点图也叫 X-Y 图,它将所有的数据以点的形式展现在直角坐标系上,以显示变量之间的相互影响程度,点的位置由变量的数值决定。