网站首页 > 技术文章 正文
简要介绍
CHARTIST.JS是我在做Material前端架构过程中偶遇的一款图表组件。它在github拥有12.4k颗星,风格属于简约大方。虽然只支持基本的折线图、条状图、饼状图,但很符合我的个人审美。我觉得作为程序员,尤其是做前端的,必须要有一定水准的审美品位,否则做出来的东西真的无法入眼。该开源作者由于缺乏经费赞助,已经没有动力进行代码更新了,我个人觉得非常惋惜。
最新版本:v0.11.4。我对它的评价是:神清气爽、浑然天成。
Github地址
https://github.com/gionkunz/chartist-js
安装
直接去Github下载
效果
new Chartist.Line('.ct-chart', {
labels: ['Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday'],
series: [
[12, 9, 7, 8, 5],
[2, 1, 3.5, 7, 3],
[1, 3, 4, 5, 6]
]
}, {
fullWidth: true,
chartPadding: {
right: 40
}
});
猜你喜欢
- 2025-06-13 从零开始:用Canvas绘制你的第一个动画小作品
- 2025-06-13 Navicat Data Modeler使用教程七:图表版面(下)
- 2025-06-13 学术干货丨骚操作,PS也能一键生成图表?
- 2025-06-13 Python能做出BI软件的联动图表效果?这可能是目前唯一的选择
- 2025-06-13 数据可视化—Echarts图表应用(excel数据图表可视化)
- 2025-06-13 自行车骑行者必读的几何图表,影响舒适度的关键因素
- 2025-06-13 如何使用AI生成可视化图表?(ai 可视化)
- 2025-06-13 常规普通的图表如饼图、柱 图、折线图 、面积图
- 2024-10-03 可视化图表走起来(2):玫瑰图,百分比一目了然。
- 2024-10-03 Spring Boot 2.x基础教程:使用 ECharts 绘制各种华丽的数据图表
你 发表评论:
欢迎- 518℃Oracle分析函数之Lag和Lead()使用
- 517℃几个Oracle空值处理函数 oracle处理null值的函数
- 512℃Oracle数据库的单、多行函数 oracle执行多个sql语句
- 502℃0497-如何将Kerberos的CDH6.1从Oracle JDK 1.8迁移至OpenJDK 1.8
- 498℃Oracle 12c PDB迁移(一) oracle迁移到oceanbase
- 488℃【数据统计分析】详解Oracle分组函数之CUBE
- 469℃Oracle有哪些常见的函数? oracle中常用的函数
- 468℃最佳实践 | 提效 47 倍,制造业生产 Oracle 迁移替换
- 最近发表
- 标签列表
-
- 前端设计模式 (75)
- 前端性能优化 (51)
- 前端模板 (66)
- 前端跨域 (52)
- 前端缓存 (63)
- 前端react (48)
- 前端aes加密 (58)
- 前端脚手架 (56)
- 前端md5加密 (54)
- 前端富文本编辑器 (47)
- 前端路由 (61)
- 前端数组 (73)
- 前端排序 (47)
- 前端定时器 (47)
- Oracle RAC (73)
- oracle恢复 (76)
- oracle 删除表 (48)
- oracle 用户名 (74)
- oracle 工具 (55)
- oracle 内存 (50)
- oracle 导出表 (57)
- oracle 中文 (51)
- oracle的函数 (57)
- 前端调试 (52)
- 前端登录页面 (48)
本文暂时没有评论,来添加一个吧(●'◡'●)