画【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

相关文章
|
3天前
|
JavaScript
浏览器插件crx文件--JS混淆与解密
浏览器插件crx文件--JS混淆与解密
9 0
|
2天前
|
JavaScript 前端开发 测试技术
学习JavaScript
【4月更文挑战第23天】学习JavaScript
10 1
|
6天前
|
存储 Python
用Python实现批量下载文件——代理ip排除万难
用Python实现批量下载文件——代理ip排除万难
|
6天前
|
JSON 关系型数据库 数据库
《Python 简易速速上手小册》第6章:Python 文件和数据持久化(2024 最新版)
《Python 简易速速上手小册》第6章:Python 文件和数据持久化(2024 最新版)
33 0
|
6天前
|
数据挖掘 索引 Python
Python 读写 Excel 文件
Python 读写 Excel 文件
12 0
|
7天前
|
数据安全/隐私保护 Python
Python文件与目录操作:面试中的高频考点
【4月更文挑战第15天】本文介绍了Python文件和目录操作的面试重点,包括文件的读写、目录遍历及权限管理。强调了文件关闭、异常处理、特殊文件判断以及权限位和权限字符串的理解。提供了代码示例,如读写文件、遍历目录和更改文件权限,帮助读者在面试中表现出色。掌握这些技能将对编程求职之路大有裨益。
17 0
|
8天前
|
存储 监控 开发工具
对象存储OSS产品常见问题之python sdk中的append_object方法支持追加上传xls文件如何解决
对象存储OSS是基于互联网的数据存储服务模式,让用户可以安全、可靠地存储大量非结构化数据,如图片、音频、视频、文档等任意类型文件,并通过简单的基于HTTP/HTTPS协议的RESTful API接口进行访问和管理。本帖梳理了用户在实际使用中可能遇到的各种常见问题,涵盖了基础操作、性能优化、安全设置、费用管理、数据备份与恢复、跨区域同步、API接口调用等多个方面。
38 9
|
2月前
|
JavaScript
Node.js【GET/POST请求、http模块、路由、创建客户端、作为中间层、文件系统模块】(二)-全面详解(学习总结---从入门到深化)
Node.js【GET/POST请求、http模块、路由、创建客户端、作为中间层、文件系统模块】(二)-全面详解(学习总结---从入门到深化)
27 0