Chart.js

现代 Web 的简单而灵活的 JavaScript 图表库

4.0 版新增 颜色插件

Chart.js 品牌色的默认调色板 作为内置的省时零配置插件提供。

4.0 版新增 树状摇动

通过仅注册 必要的组件,可以将 JavaScript 包的大小减少数十 KB。

Example of reduced bundle size from 48 KB to 14 KB

3.5 版新增 刻度堆叠

布局框可以以组的形式堆叠和加权。

3.4 版新增 副标题插件

一个与主标题具有相同选项的辅助标题 插件

3.1 版新增 线段样式

线段可以根据任何用户定义的标准进行样式化。

3.0 版新增 高级动画

可以单独独立地配置每个元素中每个属性的过渡。

3.0 版新增 性能!

引入了许多性能增强功能。此示例包含 100 万个 (2x500k) 点,启用了新的 降维插件

2.0 版新增 混合图表类型

混合匹配条形图和折线图,以在数据集之间提供清晰的视觉区分。

2.0 版新增 新的图表轴类型

轻松地在日期时间、对数甚至完全自定义的刻度上绘制复杂、稀疏的数据集。

2.0 版新增 动画所有内容!

开箱即用的惊人 过渡,用于更改数据、更新颜色和添加数据集。


开源

Chart.js 是一个社区维护的项目,欢迎贡献!

8 种图表类型

以 8 种不同的方式可视化您的数据;每种方式都经过动画处理和自定义。

HTML5 画布

在所有现代浏览器 (IE11+) 中提供出色的渲染性能。

响应式

在窗口调整大小时重新绘制图表,以实现完美的比例粒度。