画【Python折线图】的一百个学习报告(二、pyecharts引入js文件)
画【Python折线图】的一百个学习报告(二、pyecharts引入js文件)
目录
画【Python折线图】的一百个学习报告(二、pyecharts引入js文件)
前言
本系列文章主要针对Python语言【pyecharts】库生成折线图功能进行深入探究与二次开发而撰写的,专栏文章的作用是帮助大家在工作中【快速】、【高效】、【美观】、【大气】的展示各种适合【折线图】的数据,且只针对折线图,我相信折线图才是最美的图表,在折线图中你能找到真正的数学之美,当前只针对生成网页类型可以截图使用,也可以通过录制操作过程生成小视频的方式使用,后期我会想办法针对视频自动演示进行研究,可能前几十篇或甚至是上百篇文章都是对折线图的具体探究与深度学习,后面的文章我会写一些功能类的GUI工具,用于生成各类折线图,有望在2024年的年会PPT汇报上给予大家【唯美】的帮助。
学习环境
系统环境:win11
开发工具:PyCharm Community Edition 2022.3.1
Python版本:Python 3.9.6
Pythob库:主要是【pyecharts】,如果涉及到网络获取则需要依赖爬虫的库,可参考【看完这个,还不会【Python爬虫环境】,请你吃瓜】
探究目标
由于pyecharts生成的文件是html文件,那么,如果我们想自定义一些样式应该怎么样操作呢,如果纯原生的写js那可是非常麻烦的呢,所以我们引入jQuery插件来方便我们操作页面。
分析过程
在Python没办法直接写引入js啊,我在官网中找到了使用js的方法【pyecharts - A Python Echarts Plotting Library built with love.】,在这里面我找到了这个函数:
注释说的是:【新增 js 代码,js 代码会被渲染进 HTML 中执行】,有这个东西我们就能想办法通过js来引入jQuery了。
实践过程
测试js使用:
尝试修改body的背景颜色:
c = Line()
c.add_js_funcs(
"""
document.bgColor="skyblue";
"""
)
很明显成功了
说明我们可以直接写js,但是我们需要引入jQuery来方便我们操作。
我准备了一个jQuery在线文档:【https://code.jquery.com/jquery-3.4.1.min.js】我们可以使用这个尝试是否能加载成功,由于我们无法直接引入,故而我们需要使用DOM的方式进行引入:
var newScript= document.createElement("script");
newScript.type="text/javascript";
newScript.src="jquery-3.4.1.min.js";
var head=document.getElementsByTagName("head")[0];
head.appendChild(newScript);
我们去测试下。直接执行页面后去页面查看一下:
尝试使用jQuery:
$("title").html("折线图");
在使用过程出现问题:
应该是没有加载完成jQuery就开始使用,故而无法找到【$】符号,我们可以使用一个定时器延迟加载一下。
// 使用jQuery修改html的title
// 由于jQuery加载速度较慢,我们需要延迟一下使用jQuery
setTimeout(() => {
$("title").html("折线图");
}, 1000);
成果显示
总结
我们使用【add_js_funcs】函数向代码中添加了js文件,并且通过延迟加载的方式成功的使用了jQuery文件,那么本次实验成功,此方法可行。
专栏地址:【https://blog.csdn.net/feng8403000/category_12170925.html】
相关文章
- pycharm中pyqt5使用方法_python环境变量的配置
- python详细安装教程环境配置_Python配置环境
- 在pycharm中如何新建Python文件?_github下载的python源码项目怎么用
- aic准则python_Python数据科学:线性回归
- python中pygame怎么安_Python中pygame安装方法图文详解
- python人工智能学习笔记_[Python] 人工智能与自然语言处理学习笔记(1)[通俗易懂]
- Ubuntu16.04系统查看已安装的python版本,及Python2与Python3之间切换
- python安装不了whl文件_Python安装whl文件过程图解
- python大数据分析实例-用Python整合的大数据分析实例
- python判断linux中文件是否存在_Python判断文件是否存在的三种方法
- xshell安装python库_xshell安装jdk
- js定时器与延时器_JS做定时器倒计时
- Vue.js – 引入外部 JS 文件
- pycharm如何调试python程序_Pycharm断点调试Python程序的步骤方法
- 廖雪峰的 Python 教程_python基础教程廖雪pdf
- html+css+js+python(QtWebEngineWidgets) 实现微信聊天界面-包括时间,文件,纯文本等
- python 字典
- clipboard.js:最轻便的复制页面内容到剪切板的JS
- 好看免费的Python验证码
- python-Python与SQLite数据库-SQLite数据库的基本知识(二)
- Python开发系列课程(5) – 玩转PyCharm(上)详解编程语言
- Linux创建Python文件的步骤(linux新建python文件)
- Linux 启动 Python编程之旅(linux打开python)
- 为什么我又从 Node.js 回到 Python
- 下的应用玩转Python:Linux下的Python应用之旅(python在linux)
- 使用Oracle和JS开发新一代应用仿真世界(oracle js)
- python实现异步回调机制代码分享