- 博客(29)
- 问答 (1)
- 收藏
- 关注
原创 用json格式的文件模拟后端接口,并获取后端接口数据展现在E charts图表中
1.npm init vite创建一个空项目,并确保axios和echarts已被安装,5.运行项目:npm run dev可查看生成的图表,并通过F12查看控制台获取到的数据。若无,则:npm install axios/echarts -s;"name": "衬衫","name": "裤子","name": "帽子",二、在vue中获取这些数据。
2024-10-06 14:17:16 492
原创 快速创建VUE3项目并插入Echarts图表
二、vite -v检查是否安装好vite,若无,执行“ npm install vite -g"进行安装(注意vite安装要求node版本>12)1.在src文件夹下创建三个文件分别为“bar.vue" "line.vue" "pie.vue",来存储三个图表。分别在reactive里面放上各种图表的option配置项即可。一、打开需要创建vue项目所在的文件夹,右击在cmd中打开。五、npm run dev启动项目可看到图表出来啦!四、vs code打开刚刚所创建的项目。三、构建项目和安装依赖。
2024-09-12 10:58:55 202
原创 (接上篇) 在项目中插入Echarts图表
二、目的:是在A PP.vue中插入一个图表,两种方法,一种是直接在该文件中插入图表的代码,另一种是新建一个图表文件,如pie.vue,在此文件中插入图表,然后APP.vue中引入。一、插入E charts图表需要先安装相关依赖:npm i echarts -s //安装最新版本。三、接上篇,index.html中挂载APP.vue ,并引入main.js展示。1.src中新建文件pie.vue,2.在APP.vue中引用。
2024-09-11 16:51:21 248
原创 (接下篇)vue从零开始搭建项目
四、package.json 文件中的scripts:npm run xxx (xxx即是scripts里的标签)五、终端运行:npm run dev。点进去链接页面,F12查看控制台。(2)新建文件夹src,在他里面新建文件main.js。二、打开终端:npm init -y //快速创建一个默认的包信息。三 、创建一个index.html文件(项目入口文件,在根目录下)(1)
2024-09-11 11:35:55 148
原创 vscode运行GitHub项目报错
解决:npm install -g cnpm --registry=https://registry.npmmirror.com。问题一.解决windows下cnpm -v :无法将“cnpm”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。如果使用cnpm安装失败,可以换成。最后,npm run dev。若成功,cnpm -v测试。
2024-09-10 17:26:20 335
原创 Vue+echarts获取后台数据(windows7)
脚本语言需要一个解析器才能运行,JavaScript是脚本语言,在不同的位置有不一样的解析器,如写入html的js语言,浏览器是它的解析器角色。而对于需要独立运行的JS,nodejs就是一个解析器。运行在nodejs中的js的用途是操作磁盘文件或搭建http服务器,nodejs就相应提供了fs,http等内置对象。找对应版本下载——安装——默认安装(win7:13.14.0之前的版本。最后,npm install -g @vue/cli安装。:node环境一般会自动配置。
2024-06-25 09:35:01 381 2
原创 Mac 配置vue-cli
3.which node 查看node路径:/usr/local/bin/node (command+shift+g能快速搜索)1.在任意位置创建一个用于存放vue项目的文件夹,右击文件夹选择在终端窗口中打开。6.执行上面两行命令后,会有网址给到你,从浏览器打开该网站,配置成功!vue create hello-world 创建第一个项目。2.vue --version 检查vu e版本信息。7.检查是否安装成功:vue --version。2.node -v和 npm -v查看版本号。
2024-06-25 09:31:40 655
原创 解决Mac系统下载的idea汉化问题
然后在settings里找到plugins——搜索“Chinese language pack”安装汉化插件,重启即可。Mac系统下载的免费版idea设置在哪?
2023-11-28 22:05:47 1159
原创 解决问题:AttributeError: ‘Text‘ object has no property ‘FontProperties‘
解决问题:AttributeError: 'Text' object has no property 'FontProperties'
2023-04-16 17:02:01 1372
原创 基于matplotlib的数据可视化
8.网格线:使用 pyplot 中的 grid() 方法来设置图表中的网格线。(3)绘制一条不规则线,坐标为 (1, 3) 、 (2, 8) 、(6, 1) 、(8, 10),对应的两个数组为:[1, 2, 6, 8] 与 [3, 8, 1, 10]。plt.subplots_adjust():用于调整子绘图区域的布局。参数来定义,可以简写为 c,线的宽度可以用linestyle表示。此外,可以自定义标记的大小与颜色,使用的参数分别是。:设置图像的宽度和高度,单位为英寸。7.绘图线:线的类型可以使用。
2023-04-16 16:30:53 254
原创 javascript基础
语句中你可能无法用case来指定所有情况,这时你可以添加default语句,当再也找不到case匹配的时候default语句会执行,非常类似于if/else组合中的else语句。数组索引的使用与字符串索引一样,不同的是,通过字符串的索引得到的是一个字符,通过数组索引得到的是一个条目。与字符串类似,数组也是。要用单引号或双引号来包裹它,只要你在开始和结束都使用相同类型的引号,单引号和双引号的功能在JavaScript中是相同的。如果你有一个二维数组,可以使用相同的逻辑,先遍历外面的数组,再遍历里面的子数组。
2023-04-08 18:21:32 283
原创 jQuery入门
("button").click(function(){ $.get("demo_test.php",function(data,status){ alert("数据: " + data + "\n状态: " + status);我们是这样来把颜色改变成蓝色的:$("#target1").css("color", "blue");5.jQuery有一个.prop()的方法让你来调整元素的属性.我们是这样来让按钮不可选的:$("button").prop("disabled", true);
2023-04-08 18:16:55 77
原创 解决pycharm使用pyecharts运行后产生的html文件用浏览器打开空白的问题
解决pycharm使用pyecharts运行后产生的html文件用浏览器打开空白的问题
2023-04-04 20:59:46 4982 6
解决pycharm使用pyecharts运行后产生的html文件用浏览器打开空白的问题
2023-04-04
TA创建的收藏夹 TA关注的收藏夹
TA关注的人