uni-app—echarts

uni-app介绍基本框架信息及简单实例

Uni-app是一种基于Vue.js的跨平台开发框架，由DCloud公司开发和维护。
2201_75957608·2024-02-19 12:44

day03-股票数据报表与导出

day03-股票数据表报与导出目标理解涨幅榜业务需求;理解涨停跌停概念，并涨停跌停基本实现;理解涨停跌停SQL分析流程，并根据接口文档自定义实现;理解echarts基本使用;掌握easyExcel基本使用
lisus2007·2024-02-19 11:30

uni-app自定义tabbar（van-tabbar）

main.vueimportsignupfrom'./signup/signup.vue'importtestfrom'./test.vue'importindexfrom'./index.vue'exportdefault{components:{signup,test,index},data(){return{currentIndex:0}},methods:{changeItem(item)
白云远去·2024-02-19 11:44

Python数据分析实战【八】：用matplotlib、seaborn、pyecharts绘制散点图【文末源码地址】

文章目录散点图matplotlib绘制散点图seaborn绘制散点图pyecharts绘制散点图源码地址本文可以学习到以下内容：matplotlib中文乱码解决办法seaborn中文乱码解决办法seaborn
帅帅的Python·2024-02-19 11:12

uniapp中打开蓝牙需要哪些权限

获取权限步骤：在uni-app项目的manifest.json文件中，添加以下权限声明："permissions":{"bluetooth":{"description":"用于蓝牙连接"},"locat
前端fighter·2024-02-19 11:40

uni-app使用uView打开弹出层后输入框聚焦时placeholder错位问题

这里就不放效果了，大概意思就是在使用uView的popus时，在底部弹出后，如果弹窗中的输入框会造成一瞬间的placeholder文字错位，这个问题的主要是因为uView安全区适配导致uView相关文档https://www.uviewui.com/components/safeAreaInset.htmlpopus源码它会自动判断在并且在IPhoneX等机型的时候，给元素加上一个适当底部内边距，
PENG越·2024-02-19 11:09

超详细 | Python数据可视化入门教程（Pandas、Matplotlib、Seaborn、Pyecharts）

通过数据可视化突出数据背后的规律，以此突出数据中的重要因素，如果使用Python做数据可视化，建议学好如下这四个Python数据分析包，分别是：Pandas、Matplotlib、Seaborn、Pyecharts
酒酿小小丸子·2024-02-19 10:15

数据分析 — 动画图 pyecharts

目录一、概念二、安装和导入三、绘图逻辑四、绘图1、柱状图2、折线图3、散点图4、饼图5、南丁格尔图6、Geo()地理坐标第7、Map()绘制区域8、词云图9、层叠图10、3D图11、仪表板一、概念Pyecharts
永远十八的小仙女~·2024-02-19 10:43

【网页设计】web前端期末大作业html+css

一个热爱把逻辑思维转变为代码的技术博主作者主页:【主页——获取更多优质源码】web前端期末大作业：【毕设项目精品实战案例(1000套)】程序员有趣的告白方式：【HTML七夕情人节表白网页制作(110套)】超炫酷的Echarts
web学生网页设计·2024-02-15 10:47

Node-js和echarts

在命令行输入npm-v出现了node版本号即安装成功新建一个package文件npminit输入对应的内容全部采取默认方式命令npminit-y安装依赖npminstalljquery默认放在生产环境下的生产环境是软件上线的时候需要用到的依赖包npmibootstrap--savenpmibootstrap-S开发环境是软件开发的时候需要用到的依赖包npmibootstrap--save-devn
冲锋敢死曾小贤·2024-02-15 09:14

b站爬虫大作业（大二）--（利用selenium模块爬取数据、利用pyecharts模块制作可视化图表）（bilibili数据可视化）

目录一、爬取前期准备工作二、爬取目标三、爬取过程（重点）四、生成可视化图表一、爬取前期准备工作1.安装selenium模块及其相关驱动安装selenium模块（以PyCharm为例）方法一：打开PyCharm，依次点击“文件”--->“设置”--->“python解释器”--->选择适合的环境(环境可以自己新建，也可以使用基础环境，不过建议新建一个)--->“加号”进入如下页面，输入“seleni
netexsy·2024-02-15 05:53

【Uniapp uni-app学习与快速上手——详细讲解】

Uniappuni-app学习与快速上手——详细讲解1.介绍2.Uni-app学习资源3.快速上手4.开始第一个项目5.调试和发布1.介绍Uni-app是一个使用Vue.js编写多端应用的前端框架。
程序员不想YY啊·2024-02-15 05:17

用Python如何实现大数据可视化（动态折线图）HTML源代码

效果展示图（是动态的）1.在HTML文件中引入了ECharts库：在中创建了一个用于显示图表的容器。
不会编程的小·2024-02-15 04:35

uni-app 转APP 使用

调用第三方微信登录appLogin:function(){vart=this;uni.getProvider({service:'oauth',success(res){if(~res.provider.indexOf('weixin')){uni.login({provider:'weixin',success(res){uni.getUserInfo({provider:'weixin',su
程序媛123·2024-02-15 03:41

关于echarts下载图片清晰度的问题

toolbox:{show:true,feature:{dataView:{show:true},restore:{show:true},saveAsImage:{pixelRatio:15//值越大分辨率越高,下载的图片越清晰}}},原文章：https://blog.csdn.net/qq_42374697/article/details/111600778
zhang_sir_·2024-02-15 02:47

uni-app生命周期 不说废话，直击重点 这篇就够了！

一、生命周期说明uni-app的生命周期分为应用生命周期、页面生命周期、组件生命周期（Vue的生命周期）二、应用生命周期应用生命周期函数表：函数名说明onLaunch初始化完成时触发（全局只触发一次）onShow
碎像·2024-02-14 23:50

uni-app 不支持css中的*全选选择器解决方法

在小程序和App平台是不允许使用通配选择器的但是有其他解决方法:原始样式：*{box-sizing:border-box}替代样式：:not(not){box-sizing:border-box}
Bior·2024-02-14 21:53

echarts属性的设置（完整大全）

//height:{number},//指定高度，纵向布局时默认为根据grid参数适配backgroundColor:‘rgba(0,0,0,0)’,//背景颜色dataBackgroundColor:‘#eee’,//数据背景颜色fillerColor:‘rgba(144,197,237,0.2)’,//填充颜色handleColor:‘rgba(70,130,180,0.8)’//手柄颜色},
m0_70273331·2024-02-14 17:55

前端工程化面试题 | 05.精选前端工程化高频面试题

年度博客之星前端领域TOP1牛客高级专题作者、打造专栏《前端面试必备》、《2024面试高频手撕题》蓝桥云课签约作者、上架课程《Vue.js和Egg.js开发企业级健康管理项目》、《带你从入门到实战全面掌握uni-app
ai_todo·2024-02-14 16:19

前端工程化面试题 | 06.精选前端工程化高频面试题

年度博客之星前端领域TOP1牛客高级专题作者、打造专栏《前端面试必备》、《2024面试高频手撕题》蓝桥云课签约作者、上架课程《Vue.js和Egg.js开发企业级健康管理项目》、《带你从入门到实战全面掌握uni-app
ai_todo·2024-02-14 16:19

前端工程化面试题 | 07.精选前端工程化高频面试题

年度博客之星前端领域TOP1牛客高级专题作者、打造专栏《前端面试必备》、《2024面试高频手撕题》蓝桥云课签约作者、上架课程《Vue.js和Egg.js开发企业级健康管理项目》、《带你从入门到实战全面掌握uni-app
ai_todo·2024-02-14 16:19

前端工程化面试题 | 08.精选前端工程化高频面试题

年度博客之星前端领域TOP1牛客高级专题作者、打造专栏《前端面试必备》、《2024面试高频手撕题》蓝桥云课签约作者、上架课程《Vue.js和Egg.js开发企业级健康管理项目》、《带你从入门到实战全面掌握uni-app
ai_todo·2024-02-14 16:18

微信小程序开发学习笔记《16》uni-app框架

微信小程序开发学习笔记《16》uni-app框架博主正在学习微信小程序开发，希望记录自己学习过程同时与广大网友共同学习讨论。
tutgxuzyj·2024-02-14 15:05

微信小程序开发学习笔记《17》uni-app框架-tabBar

微信小程序开发学习笔记《17》uni-app框架-tabBar博主正在学习微信小程序开发，希望记录自己学习过程同时与广大网友共同学习讨论。
tutgxuzyj·2024-02-14 15:35

Echarts雷达图刻度显示问题

总结：在radar下添加axisLabel:{show:true}即可，如果只想要一条轴刻度，我们要把axisLabel:{show:true}这条属性添加到indicator数据中，想要在那一条显示，就在那一条添加。我们使用雷达图有时会需要展示它的轴刻度，经过查阅文档得知，我们需要在radar下添加axisLabel:{show:true}即可，我们看到效果为看着的却不是我们想要的效果，并且显示
你比故事温柔·2024-02-14 13:54

echarts没有数据时显示暂无数据

附代码：当有数据时实例化echarts，无数据时操作dom更新内容为‘无数据’。这样会有一个问题，如果已经实例化的echarts更改dom后再刷新echarts图表是无法渲染的。
亦久亦旧_898a·2024-02-14 12:50

uniapp API文档地址 以及 HBuilder安装

uniappAPI文档地址以及HBuilder安装一、进入当前网站uni-app官网[uni-app](https://zh.uniapp.dcloud.io/quickstart-hx.html)二、
Daniel·M·2024-02-14 10:37

vue中如何使用 ECharts 提供的多种布局方式，如 grid、grid3D、geo 等

ECharts提供的多种布局方式ECharts提供的多种布局方式举例vue中如何使用ECharts提供的多种布局方式ECharts提供的多种布局方式ECharts提供的多种布局方式，如grid、grid3D
前端布道人·2024-02-14 10:26

Vue2+Echarts+koa2+websocket电商平台数据可视化实时检测系统后端项目搭建（二）

1.KOA2——基于Node.js平台的Web服务器框架由Express原班人马打造ExpressKoa,Koa2都是Web服务器的框架,他们之间的差别和关系可以通过下面这个表格表示出框架名作用异步处理Expressweb框架回调函数Koaweb框架Generator+yieldKoa2web框架async/await环境依赖Nodev7.6.0及以上由于Koa2它是支持async和await，所
三月的一天·2024-02-14 06:19

Vue2+Echarts+koa2+websocket电商平台数据可视化实时检测系统（一）

项目最终的效果如图所示，最终效果涉及到6个图表,5种图表类型,它们分别是折线图,柱状图,地图,散点图,饼图.。每个图表的数据都是从后端推送到前端来的,不过在项目的初期,我们会先使用ajax由前端主动获取数据,后续会使用WebSocket进行改造。整个项目的架构是基于Vue的,所以我们需要创建Vue项目,然后在Vue项目中开发各个图表组件。1.前端项目的准备1.1.vue-c1i脚手架创建项目1.1
三月的一天·2024-02-14 06:18

图表自动化开篇

目录前言：使用Canvas或者SVG渲染选择哪种渲染器代码触发ECharts中组件的行为前言：图表自动化一直以来是自动化测试中的痛点，也是难点，痛点在于目前越来越多公司开始构建自己的BI报表平台但是没有合适的自动化测试工具去做测试支持
知识的宝藏·2024-02-14 06:59

uni-app 实现全局变量的方式

在uni-app项目根目录下创建common目录，然后在common目录下新建utils.js用于定义公用的方法。
can2014ky·2024-02-13 23:48

vue3封装echarts组件

第一步：新建一个通用组件，在components目录下新建echarts文件夹，然后新建echart.vue第二步：在页面中使用封装好的echarts组件
weixin_43962020·2024-02-13 19:28

基于vue封装一个echarts通用组件

随着项目越来越多的交互和展示，图表类的看板也在项目中应用的越来越多，echarts作为一款优秀并开源的产品，在项目中也大规模的应用，尤其是边缘计算和大数据可视化的项目中，随处都能见它的身影，以前做了很多的可视化项目
kirinlau·2024-02-13 19:58

vue3 封装一个通用echarts组件

实现这个组件需要引入echarts和vue-echarts插件，使用vue-echarts是因为它帮我们封装了一些很常用的功能，比如监听页面resize后重新渲染功能，本次组件只使用到了autoresize
weixin_43160044·2024-02-13 19:28

uni-app 动态绑定class 和 style

//绑定单个内联样式//绑定单个class属性//数组的方式，直接绑定多个class属性//绑定多个class属性//data中声明:class="classObject"data(){return{classObject:{active:true,sort:false}}}//第三种（使用computed属性）:class="classObject"data(){return{isActive:
秀萝卜·2024-02-13 17:08

Echarts柱状图点击事件（阻止冒泡）

{name:"Bar",data(){return{};},mounted(){this.drawBar();},methods:{drawBar:function(){//基于准备好的dom，初始化echarts
nomooo·2024-02-13 17:49

echarts-for-weixin只显示折线图，其他不显示解决办法

小程序使用echarts-for-weixin展示图表，结果只展示折线图，其他的统统不显示，百度大法一下午终于知道可能是echarts包内只有折线图。下载好替换搞定！
John的WEB前端学习日记·2024-02-13 11:45

uniapp禁止截屏录屏/投屏功能（adb投放失效）

经过测试代码写在App.vue会失效,请写在符合逻辑的界面uni-app实现安卓防截屏在uniapp中实现要在App中全局禁止截屏，那么可以在App.vue中调用如果想要某个页面防截屏就在某个页面调用，
王家视频教程图书馆·2024-02-13 10:27

Python||数据分析之pyecharts 绘图（词云、气泡）

1.echarts和Pyecharts简介1.1echarts简介:•echarts是一个使用JavaScript实现的开源可视化库，涵盖各行业图表，满足各种需求。
小嘤嘤怪学·2024-02-13 08:26

【从Jest入门到 TDD,BDD双实战】整体学习介绍①

一：前端要学的测试Jest入门TDD实战BDD实战二：前端工程化的一部分前端自动化测试高质量代码设计高质量代码实现三：前端自动化测试的例子VueEchartsReactAnt-Design这些都有使用到了自动化测试
不停喝水·2024-02-13 05:29

Echarts 3D柱形图和3D堆叠柱形图实现

【Echarts】3D双柱形图、堆叠柱形图实现实现目标展示1、双柱图实现步骤内容分析代码实现2、堆叠图实现步骤内容分析代码实现实现目标展示1、双柱图实现步骤内容分析此处采用的双柱样式，来源于链接:点击此处跳转
小言不爱说·2024-02-13 04:02

Echarts环形图阴影，多图联动，图示数据循环展示

Echarts环形图阴影，多图联动，图示数据循环展示成果展示环形图阴影多图联动图示数据循环展示成果展示环形图阴影实现环形图阴影，首先说明，这样的环形图是依靠两个圆的拼接而形成的，其中，两个圆的数据相同，
小言不爱说·2024-02-13 04:02

Echarts环形图使用和设置（内外大小、颜色、指示线、圆圈中心字展示）

Echarts环形图使用1、官网找图Echarts官网链接2、使用首先要进行下载，打开cmd，输入npminstallecharts--save如果显示报错，那么使用管理员身份运行cmd。
小言不爱说·2024-02-13 04:32

uni-app开发的小程序项目，给新手安装的教程

1.在git仓，添加git项目权限2.下载git项目到本地，切换到正确的版本号3.安装HbuilderX软件，导入【项目目录】4.先运行，会自动提示安装2个插件，比如less等5.安装友盟插件，需要npm（如果没有nodejs，需要提前安装）（如果第一次执行报错，先npminit再npminstall）6.安装微信开发者工具7.第一次主动登录微信开发者工具，（设置》安全设置》服务》打开服务）8.在
不负好时光·2024-02-12 23:15

uni-app获取用户信息

申请获取以下权限获得你的公开信息(昵称，头像、地区等)授权登录exportdefault{data(){return{};},methods:{wxGetUserInfo(){varurl=this.Global.urluni.login({success:res=>{varcode=res.code;console.log(code);uni.getUserInfo({success:res=>
秋池_70b5·2024-02-12 22:52

uni-app 埋坑

1.页面上的onLoad方法是可以起作用的，但是组件中的onLoad方法没有执行uni-app支持的页面生命周期函数是包含onLoad的，但是在组件中并不能使用页面生命周期函数，所以将onLoad换成mounted
把我推进深海的你真善良·2024-02-12 21:28

重温阿里云宝塔面板部署前后端项目

回到老家，便打算趁这一段空闲时间提升一下自己，重点是学习实践一下echarts相关内容，很多公司项目都需要实现可视化，所以在bilibili上找了黑马的一个教程开始学习，不同的是，他用的是vue2，我用的是
fc&&fl·2024-02-12 18:42

小问题分享：request to httpsregistry.npm.taobao.orgecharts failed, reason certificate has expired

小问题分享：requesttohttps://registry.npm.taobao.org/echartsfailed,reason:certificatehasexpirednpmERR!
one piece（｡ò ∀ ó｡）·2024-02-12 17:28

Echats的使用教程（Vue）

Echats的使用教程（Vue）1.安装echatsnpminstallecharts可能会遇到axios版本不匹配，可以拷贝其他可用项目的axios放入node_modules中2.在main.js中引入
one piece（｡ò ∀ ó｡）·2024-02-12 17:28
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他