【整理】前端图表框架

芸尚非

已于 2023-11-07 13:46:19 修改

阅读量5k

点赞数 5

分类专栏：归纳整理文章标签：前端 echarts javascript

于 2021-11-08 11:21:31 首次发布

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.youkuaiyun.com/qq_36223335/article/details/121203329

版权

归纳整理专栏收录该内容

4 篇文章

订阅专栏

本文汇总了包括ECharts、Highcharts、D3.js在内的多个流行前端图表库，覆盖各种类型的图表展示，适用于数据可视化的各种需求。无论你是要创建简单的柱状图还是复杂的网络图，这个列表都能提供丰富的选择。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

echarts（apache）

官网：https://echarts.apache.org/zh/index.html

在这里插入图片描述

chart.js

官网：https://chartjs.bootcss.com/
在这里插入图片描述

highcharts

官网：https://www.highcharts.com.cn/
在这里插入图片描述

d3.js

官网：https://d3js.org/
在这里插入图片描述

JsCharts

官网：http://www.jscharts.com/
在这里插入图片描述

amcharts

官网：https://www.amcharts.com/
在这里插入图片描述

chartlist

官网：http://gionkunz.github.io/chartist-js/index.html
在这里插入图片描述

c3.js

官网：https://c3js.org/
在这里插入图片描述

taucharts

官网：https://taucharts.com/
在这里插入图片描述

flotcharts

官网：http://www.flotcharts.org/

在这里插入图片描述

flotr2

官网：https://humblesoftware.com/flotr2
在这里插入图片描述

FusionCharts

官网：https://www.fusioncharts.com/
在这里插入图片描述

canvasJs

官网：https://canvasjs.com/
在这里插入图片描述

canvasExpress

官网：https://canvasxpress.org/
在这里插入图片描述

nvd3

官网：https://nvd3.org/
在这里插入图片描述

ZingChart

官网：https://www.zingchart.com/
在这里插入图片描述

rgraph

官网：https://www.rgraph.net/
在这里插入图片描述

jqplot

官网：http://www.jqplot.com/
在这里插入图片描述

protovis

官网：http://mbostock.github.io/protovis/
在这里插入图片描述

dc.js

官网：http://dc-js.github.io/dc.js/
在这里插入图片描述

dygraphs

官网：https://dygraphs.com/
在这里插入图片描述

datawrapper

官网：https://www.datawrapper.de/
在这里插入图片描述

axiis

官网：http://www.axiis.org/
在这里插入图片描述

AwesomeChartJS

官网：http://cyberpython.github.io/AwesomeChartJS/
在这里插入图片描述

Goggle charts

官网：https://developers.google.cn/chart/
在这里插入图片描述

Cytoscape.js

官网：https://js.cytoscape.org/
在这里插入图片描述

morris.js

官网：http://morrisjs.github.io/morris.js/
在这里插入图片描述

cubism.js

官网：https://square.github.io/cubism/
在这里插入图片描述

plottablejs

官网：http://plottablejs.org/
在这里插入图片描述

sigmajs

官网：https://www.sigmajs.org/
在这里插入图片描述

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。