【整理】前端图表框架

已于 2023-11-07 13:46:19 修改
阅读量3.4k 收藏 34
点赞数 4
分类专栏： 归纳整理 文章标签： 前端 echarts javascript
于 2021-11-08 11:21:31 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_36223335/article/details/121203329
版权

目录

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/
在这里插入图片描述

芸尚非
关注
  • 4
    点赞
  • 踩
  • 34
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
前端html5框架ZUI1.2版
11-18
前端html5框架ZUI发布1.2正式版本了！ 此版本增加了很多新特性，同时修复问题，文档也得到大幅完善。 欢迎大家使用并反馈问题， 更新明细： 1、新增日历视图组件，方便实现日程的展示 2、新增数据表格视图组件，更轻松实现复杂数据的展示，移除table.data.js 3、重新实现的模态框触发器，模态框触发器同时支持加载远程内容和实时内容，实时根据自身内容调整位置和尺寸，重新设计了调用接口，使用更加方便，消除了模态框触发器于一般模态框发生冲突的隐患 4、package.json增加组件及其依赖关系的配置，重新实现了Grunt任务，编译单独组件更加方便，并支持任意组件集合的打包编译，grunt任务将自动管理组件之间的依赖关系 5、大幅更新文档部分章节内容，并对文档整理样式进行了调整，在文档中可以查看每个组件属性，并给出第三方组件版本及用户支持信息，文档支持IE8，优化文档在小屏幕上的表现 6、重新实现了漂浮消息组件，调用更方便，更好的动画效果 7、新增新的第三方组件chartjs，能够绘制简单图表 8、增加browser.js，为IE系列的浏览器增加版本提示辅助类 9、新增 'store.js'，实现本地存储通用接口，并增加单独页面范围的独立存储机制，beta版本中的页面标识有时不正确的bug已得到修复 10、新增 'jquery.extensions.js'，增加一些实用的jQuery扩展方法，便于进行其他组件的开发，移除原'unities.js' 11、增加array.js，提供一些操作数组的实用方法 12、调整了dist目录结构，第三方组件和适合单独调用的组件将直接包含在lib目录中 13、Chosen选项及分组支持title属性，Chosen弹出列表支持自定义宽度，调整多选Chosen中选项的样式 14、修复Chosen中特定情况下placeholder无法显示的问题 15、日期时间选择器将能够自动从html标签中获取页面语言设置并应用语言设置 16、调整左侧固定导航样式 17、在date.js中增加一些实用方法来帮助进行日期计算 18、模态框支持额外的两种默认尺寸，修复某些时候模态框弹出时滚动条闪动的问题 19、修复代码段第一行出现错位的样式问题 20、一些组件的额外组成部分其对应的文件被重新命名 21、修复特定情况下kindeditor图标无法显示的问题 22、优化区块面板视图动作按钮事件监听机制 23、修复color.js中增加命名颜色支持 26、弹出框增加新的选项能够制定JS生成DOM的id属性，便于自定义样式 27、大幅优化代码，修复一些在Javascript代码中的错误，完善关键代码注释，增强部分代码文件与requierejs的兼容性
ECharts入门
qq_45835940的博客
01-03 3113
@{ Layout = null; } <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>ECharts</title> <!-- 引入 echarts.js --> <script src="...
前端图表插件ECharts入门教程
Raphael的博客
12-02 1682
ECharts Java 前端js图表
Vue中如何进行图表绘制
程序员徐师兄的博客
06-11 2744
数据可视化是Web应用中非常重要的一部分，其中图表绘制是其中的重要环节。Vue作为一款流行的前端框架，提供了很多优秀的图表库，以满足不同业务场景下的需求。本文将介绍如何在Vue中进行图表绘制，包括使用Vue插件和使用第三方图表库。
【前端工具】使用Echats生成关系图谱，可展开折叠
xbl的博客
06-27 2130
根据服务关系制作关系图谱，echarts官方关系图没有想要的案例，网上也没有好的效果，故参考网上已有的部分案例，自行写了一个，效果还不错。2、点击路径，可展开详细信息。1、默认展示查询到的所有路径列表。
一些好看的前端图表库
Huansir的博客
12-09 3944
一些好看的好用的前端可视化图表库，有开源的支持商用。
前端vue echart自定义图表(柱形图 折线图 饼图 树形结构图 关系图谱 )
chenchuang0128的博客
05-30 3461
前端组件化开发：使用ECharts快速实现自定义图表摘要：随着前端开发技术的发展，组件化开发已成为提高开发效率和降低维护成本的有效手段。本文将介绍如何使用ECharts库进行前端组件化开发，快速实现自定义的图表，包括柱形图、折线图、饼图、树形结构图和关系图谱等。通过结合业务特性的模块拆分策略、模块间的交互方式和构建系统等，可以实现灵活的组件组合和扩展，提高开发效率和降低维护成本。一、引言在前端开发中，图表的展示对于数据的可视化具有重要意义。
前端可视化图表选型
lgdaren的博客
03-18 2021
Echats 参考地址：https://echarts.apache.org/examples/zh/index.html Echarts的设计出发点是图表。基于每一个图表类型，提供图表中数据相关的图形映射配置以及一些图表间通用的基本组件配置(如axis, legend, tooltip等)。2012年发布至今，现在已经更新到5.0.2版本。 UI设计风格： 3d图表支持： 更详细的api文档： 更完善社区作品： Antv 参考地址：https://antv.vision/zh Antv是蚂蚁集团数据可
前端主流图表框架
Web_Student的博客
07-08 9632
文章目录一 · echarts1.简介：2.使用：1.代码：2.效果：3.代码2：4.效果2（鼠标移动有定位效果）：二 · Emprise JavaScript Charts（英文版不好阅读，访问慢，不建议使用）简单记一下：1.代码+效果图三 · FlotFlot官网github： [https://github.com/flot/flot](https://github.com/flot/flot)学习网址：[http://www.jqueryflottutorial.com/jquery-flot-ch
前端ECharts可视化框架快速上手详解(二)
Augenstern_QXL的博客
08-27 2541
✍ 目录脑图 1、饼图 ECharts 最基本的代码结构 准备数据 [{name: xxx,value:xxx},{…},{…},{…}] 将 series 中的 type 的值设置为 pie <body> <!-- 1.准备一个具备大小的 DOM 容器 --> <div style="width: 600px;height: 400px"></div> <script> // 2.初始化echarts
leetcode中国-technology:整理收集最有趣的前端技术教程及文档
06-29
整理最有趣的前端技术教程及文档，欢迎大家都来补充让更多的多学找到学习一手好资料 前端工具 Git Webpack Paracle Gulp Grunt Rollup Browserify Lerna 代码质量 http-server ast 自动化测试 Docker 逆向工程 前端...
leetcode题库-fe-material:整理收集最有趣的前端技术教程及文档
06-29
整理最有趣的前端技术教程及文档，欢迎大家都来补充让更多的多学找到学习一手好资料 前端工具 Git Webpack Paracle Gulp Grunt Rollup Browserify Lerna 代码质量 http-server ast 自动化测试 Docker 逆向工程 前端...
leetcode中国-webLinks:史上最全的前端技术教程及文档
06-29
整理最有趣的前端技术教程及文档，欢迎大家都来补充让更多的多学找到学习一手好资料 前端工具 Git Webpack Paracle Gulp Grunt Rollup Browserify Lerna Eslint http-server ast 自动化测试 Docker 逆向工程 前端...
leetcode中国-666:666
06-29
整理最有趣的前端技术教程及文档，欢迎大家都来补充让更多的多学找到学习一手好资料 前端工具 Git Webpack Paracle Gulp Grunt Rollup Browserify Lerna Eslint http-server ast 自动化测试 Docker 逆向工程 前端...
JEECG表格选中状态怎么去掉
weixin_39031037的博客
04-19 582
官网代码（在取消选中状态的时候不生效）
webman 事务回滚失效问题记录
juan9872的博客
04-21 642
webman是一款基于workerman开发的高性能HTTP服务框架。webman用于替代传统的php-fpm架构，提供超高性能可扩展的HTTP服务。你可以用webman开发网站，也可以开发HTTP接口或者微服务。除此之外，webman还支持自定义进程，可以做workerman能做的任何事情，例如websocket服务、物联网、游戏、TCP服务、UDP服务、unix socket服务等等。
前端Vue2项目搭建过程
xuemen11的博客
04-25 921
vue2,vuex,vant组件库
docker部署前端项目（二）遇到的问题
最新发布
weixin_45379180的博客
04-25 276
原因： 安装docker的时候使用的是 yum -y install docker 命令，这个命令安装的是老版本。报错四：conflicts with file from package docker-common。因为使用 sudo yum install docker （下载到的是旧版）missing signature key 缺少秘钥。yum remove docker 删除docker。1、docker版本号 只有1.13.1。解决：可能是docker 未启用。
vue报错：Do not mutate vuex store state outside mutation handlers.
weixin_44021888的博客
04-25 198
vue报错：Do not mutate vuex store state outside mutation handlers.
ssm框架echarts的使用
05-15
SSM框架是Spring、SpringMVC和Mybatis三者的结合，是目前Java开发中主流的开发框架，可以快速地进行Web应用的开发，并且具有便捷、高效、易用等优点。而Echarts是一种基于JavaScript的开源数据可视化实现框架，具有强大的数据处理和展示能力，可以极大地提高数据展现效率和可视化效果。下面介绍一下SSM框架和Echarts的使用。 在使用SSM框架时，可以在SpringMVC中创建Controller处理请求并进行数据处理，在Controller中可以通过调用MyBatis实现与数据库操作，同时将数据封装返回给前端页面。在前端页面中，可以引入Echarts的JavaScript包，通过创建图表实例、传入数据和配置等方法，快速地实现数据的可视化效果。例如，在一个项目中，可以获取后台MySQL数据库中的数据，利用Echarts进行数据可视化展示，例如展示各省份人口数量，经过数据整理后，可以展现为一个美观的地图，并且可以进行区域切换、数据排名等操作，实现了数据展示和操作的完美结合。 总之，SSM框架和Echarts的结合既方便又高效，可以快速实现Java Web应用中数据可视化的效果，有着极大的应用价值。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值