大数据时代, 收集和使用数据的需求正在爆发式增长, 数据可视化也变得愈加重要. 开发人员在想方设法将不同数据库中的记录整合到仪表板和漂亮的图表中, 向人们快速直观地展示信息.
在过去十年中数据可视化技术不断改进, 结果涌现了很多高水平的图表库.
21 世纪初期, 人们使用服务端图像位图来生成图表. 那时像 Silverlight 和 Flash 这样的插件提供了丰富的交互式图表体验, 代价是减少电池寿命, 拖慢下载速度并耗费更多系统资源.
移动设备兴起之后, 移动平台不再支持插件并开始转向开放客户端技术, 这些技术可以在任何平台上运行, 成为了开发人员的首选. 同时, 触摸手势缩放和非常高分辨率的屏幕开始流行, 使得无关分辨率的矢量图表广受欢迎.
随之而来的就是数据可视化的时代, SVG 可扩展矢量图像和 JavaScript 成为主角. 今天的图表技术可支持所有浏览器平台, 支持交互性和动画, 并且不需要特殊的插件. 这些图表在高分辨率设备中也有很好的显示效果. 我们可以在 JS 开发中使用许多 JavaScript 图表库实现这些目标.
市面上有很多 JavaScript 图表库, 本文则列出了其中的几款佼佼者, 可以用在你的新项目中.
以下就是 2019 年的顶级 JavaScript 图表库名单.
D3.JS
D3.JS https://d3js.org/ 是一个图形 JavaScript 库, 功能众多, 十分强大. 你可以用它对文档做数据驱动的转换, 然后将任意数据绑定到 DOM 上.
D3 是非常优秀的图表库. 它有一些较小的技术模块, 如颜色, 轴, 轮廓, 层次结构, 多边形, 缓动等. 这也意味着你需要学习很多知识才能用好它, 上手并不容易.
即使用它创建简单的图表也可能需要复杂的步骤. 你需要明确定义包含图表项和轴在内的所有元素. 它提供了一些示例, 教你如何使用 CSS 来设置图表元素的样式. 开发者无法自动应用基于图表的功能.
如果你想从零开始设计复杂的图表, 完全按照自己的想法控制所有元素, 那么这个库就是你的首选. 但如果时间紧迫, 从头开始解决数据可视化项目需求可能就不是什么好主意了.
作为图表库来说, D3.JS 可以充当构建块. 开发者可以用 D3 与 NVD3 一类的方案配合工作. 这个图表库完全免费并开源.
Highcharts
来源: http://www.tuicool.com/articles/bEfUF3y