Echarts(一)官方文档5分钟上手Echarts

最新推荐文章于 2024-08-05 05:00:00 发布
最新推荐文章于 2024-08-05 05:00:00 发布
阅读量3.4k 收藏 7
点赞数 1
分类专栏： echarts 文章标签： echarts
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_25955871/article/details/88529749
版权
本文介绍了Echarts作为一款强大的前端数据可视化工具，适合数据类工作从业者学习。通过官方提供的5分钟上手教程，可以在pycharm和Django环境下配置Echarts。文章提到了项目的设置、static和templates路径配置，以及views.py和first_echarts.html的代码示例，展示了Echarts的简单应用。
摘要由CSDN通过智能技术生成

 

数据类工作每天需要跟数据打交道，而从数据中获取更多信息的一种方式便是“图表”，Echarts（Enterprise Charts，商业级数据图表，百度的开源前端产品。官方网址https://echarts.baidu.com/。）是一款优秀的构建图表的开源可视化工具，值得数据类工作从业者学习。

Echarts的官方文档提供了良好的入门指引，首先是5分钟上手echarts，学习地址https://echarts.baidu.com/tutorial.html#5%20%E5%88%86%E9%92%9F%E4%B8%8A%E6%89%8B%20ECharts。

 

开发环境配置

pycharm（JetBrains PyCharm 2018.1.2 x64）

Django（version2.0.5）

 

Django配置

项目结构

settings.py配置

1.static路径配置

STATIC_URL =
最低0.47元/天 解锁文章
爱好py的杨小爽
关注
  • 1
    点赞
  • 踩
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
ECharts(1)-5分钟上手ECharts
weixin_44790446的博客
03-26 165
入门示例-柱状统计图 <!--加载js文件--> <script src="js/echarts.min.js"></script> <body> <!--创建容器--> <div id="main" style="width:800px;height:600px;"></div> </body> <body> <!--通过js创建图形--> ..
Echarts-4.0.4-官方文档-API手册
04-02
最新版Echarts-4.0.4的官方文档，包含所有API的介绍。
Echarts 绘制地图（中国、省市、区县）
最新发布
富朝阳的博客
08-05 5061
Echarts 绘制地图（中国、省市、区县）
Echarts官方文档
ChineseHW的博客
01-28 1万+
https://echarts.apache.org/zh/option.html#series-pie
百度开源的数据可视化工具eCharts真心不错
阿利的技术积累
11-21 1万+
开发文档：http://echarts.baidu.com/doc/doc.html 部分摘录如下： 简介 ECharts，缩写来自Enterprise Charts，商业级数据图表，一个纯Javascript的图表库，可以流畅的运行在PC和移动设备上，兼容当前绝大部分浏览器（IE6/7/8/9/10/11，chrome，firefox，Safari等），底层依赖轻量级的Canvas
【数据可视化】Echarts官方文档及常用组件
zxctsclrjjjcph的博客
03-18 4444
【数据可视化】Echarts最常用图表，但是没有介绍在遇到问题时如何寻求帮助，也没有详细介绍图表中组件的使用。这次来介绍ECharts中官方文档、常用组件的使用方法，可以更加快捷地创建清晰明了、实用的图表。以下代码均在VScode中使用。对于ECharts官方文档，不要期望一天就能够看完整个文档，并理解文档的所有内容，而应该将文档看成一部参考手册，在使用ECharts绘制图表时，应该知道如何随时快速地查询。对于ECharts这么庞大的文档，没有必要记忆，也不太可能记忆全部配置项的内容。
五分钟上手Echarts-官方文档
热门推荐
寒泉
10-01 2万+
官方文档地址：5 分钟上手 ECharts 官网示例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>echarts</title> <!-- <script src="/static/js/jq...
echarts5+的离线文档
07-21
这个"echarts5+的离线文档"包含了所有关于ECharts 5+的详细信息，用户可以离线查看，无需网络连接。 在ECharts 5+的离线文档中，你可以找到以下关键知识点： 1. **安装与引入**：了解如何在项目中安装ECharts 5+，...
echarts-src-4.8.0 源码以及 echarts-doc-4.8文档二合一文档包，方便大家进行开发
01-25
这个压缩包"echarts-src-4.8.0 源码以及 echarts-doc-4.8 文档二合一文档包"提供了 ECharts 4.8.0 版本的完整源代码和详细文档，对于开发者来说是一份非常宝贵的资源。 首先，`echarts-src-4.8.0`包含了ECharts的源...
Echarts-4.0.4官方文档-配置项手册
04-07
ECharts是一款由百度开发的，基于JavaScript的数据可视化库，它提供了丰富的图表类型，精美的图表效果，便捷的配置项和API，使得在Web上进行数据可视化变得简单易行。ECharts 4.0.4是该库的一个稳定版本，包含了众多...
echart2.0官方文档
12-19
echart2.0官方文档,相当多的实例开发，手把手教大家如何使用echart，非常炫酷
echarts帮助文档
12-29
echarts说明，及demo演示.zip
Echarts文档-API.rar
06-22
Echarts文档-API.rar
Echarts最全教程文档和源码
12-03
这几天全身心投入了对echarts的研究,考究官网代码和网上各种杂七杂八代码,最终整理和分析形成了该套最完整的echarts文档,因为文档是采用了word中VBA功能,应用了滚动下拉框形式,所以无法在手机正常查看,该套教程包含了源码+插件+分析+截图+备注+总结,基本上满足工作和日常使用,涵盖了bar,pie,line,map这四种常用的统计图表,至于仪表盘等,其实也是大同小异,相信这份文档能帮你快速和稳定的了解echarts的奥妙!
echarts3离线文档
08-20
5. **API 和事件**：文档详细列举了 ECharts 的 API 和事件接口，如 `setOption`、`resize`、各种图表的事件监听等，这些都是实现图表动态更新和响应用户操作的关键。 6. **加载与渲染**：ECharts 3 支持 SVG 和 ...
echarts官方文档（5 分钟上手 ECharts）
学习、记录、分享
10-28 785
echarts官方文档（5 分钟上手 ECharts） echarts.baidu.com/tutorial.html或http://echarts.baidu.com/tutorial.html#5%20%E5%88%86%E9%92%9F%E4%B8%8A%E6%89%8B%20ECharts
echarts属性的设置（完整大全）
weixin_38169886的博客
08-08 2035
// 全图默认背景 // backgroundColor: ‘rgba(0,0,0,0)’, // 默认色板 color: ['#ff7f50','#87cefa','#da70d6','#32cd32','#6495ed', '#ff69b4','#ba55d3','#cd5c5c','#ffa500','#40e0d0', '#1e90ff','#ff63...
Echarts入门教程：快速上手与实践指南
Echarts入门教程是一份由Echarts核心开发者林峰撰写的指南，旨在帮助用户理解和掌握Echarts这一强大的数据可视化库。该教程主要涵盖了以下几个关键知识点： 1. 引入和配置： - 首先，用户需要引入一个模块加载器，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值