Apache ECharts-数据统计(详解、入门案例)

简介:Apache ECharts 是一款基于 Javascript 的数据可视化图表库,提供直观,生动,可交互,可个性化定制的数据可视化图表。

1、介绍

图 1.1 Apache ECharts 功能、运行环境
功能: ECharts,一个使用 JavaScript 实现的开源可视化库,可以流畅的运行在 PC 和移动设备上,兼容当前绝大部分浏览器(IE8/9/10/11,Chrome,Firefox,Safari等),底层依赖矢量图形库 ZRender,提供直观,交互丰富,可高度个性化定制的数据可视化图表。
运行环境: ECharts 提供了常规的折线图、柱状图、散点图、饼图、K线图,用于统计的盒形图,用于地理数据可视化的地图、热力图、线图,用于关系数据可视化的关系图、treemap、旭日图,多维数据可视化的平行坐标,还有用于 BI 的漏斗图,仪表盘,并且支持图与图之间的混搭。

2、入门案例

图 2-1 入门案例
图中展示的 Apache ECharts 的入门案例,来自于 Apache ECharts 官网,地址是:快速上手 - 使用手册 - Apache ECharts 觉得麻烦的小伙伴,可以直接去我的网盘下载:百度网盘地址 之后的操作,就是按照Apache ECharts 官网的地址导引走就好了

3、 总结

使用Echarts,重点在于研究当前图表所需的数据格式。通常是需要后端提供符合格式要求的动态数据,然后响应给前端来展示数据

相关推荐
kyson_6 分钟前
前端性能优化全链路实践指南:从网络、缓存到渲染与监测
前端
前端fighter8 分钟前
线上崩溃?使用 TRAE Work 5分钟把混淆日志翻译成人话并输出复盘报告
前端·vue.js·程序员
网安蟹佬霸14 分钟前
CTF Web方向解题全攻略:从信息收集到getshell(附实战payload与脚本)
android·前端·网络·安全·web安全·网络安全·网安
JimmtButler18 分钟前
从 Java 到 JS:我终于把闭包想明白了
javascript·后端
前端玩坑坑19 分钟前
CSS Container Queries 容器查询入门教程
前端
带多刺的玫瑰24 分钟前
Leecode#4刷题之寻找两个正序数组的中位数
java·前端·算法
qq_2676128926 分钟前
项目集、里程碑与迭代联动:Gitee项目管理如何支撑多团队规模化交付与进度风险治理
前端·gitee
赵广陆38 分钟前
企业实战:Web服务端搭建
前端·langchain·langgraph
常宇佳42 分钟前
vue3 实战系列之无法识别vue组件
前端·javascript·vue.js
掘金者阿豪1 小时前
Codex 怎么突然变慢了?一个需求跑几十分钟,我才发现它的工作方式已经变了
前端·后端