Skip to content

三个 JavaScript 图表组件

🏷️ JavaScript

最近试用了三种 JS 图表组件: morris.jsChart.jsECharts,简单的说一下感受。

morris.js

morris.js 是一个很小的组件,我用的 v0.5.0 版,只有 35k
很小巧,使用起来也很方便。小的同时也表示功能有限,比如常用的图例就没有。

Chart.js

容器是画布 (canvas) 标签,支持自适应,可以随着页面缩放同步缩放。
不过在同时支持 PC 和移动端时,PC 上看着比例合适时,移动端比例变得有些奇怪。

ECharts

ECharts 组件功能很丰富,支持地图等比较复杂的图表。同时文件也比较大,仅主文件就 700 多 k,不过好在仅使用普通功能时可以使用 常用版 或 精简版。

一个比较大的优点是有中文文档,对开发比较友好。
貌似没有 Chart.js 的自适应功能,需要手动调用 resize 方法。