uni-app—echarts

echarts legend单项数据添加背景色|背景图

把legend图例设置背景色或者背景图把legend设置成Arr,在每个legend对象里面背景颜色设置图片或者颜色值，backgroudColor:{image:(background.png)}。设置完成后，legend会重叠在一起，使用top设置距离顶部的高度，把重叠的legend分开显示。关于文字的显示，使用自定义富文本样式textStyle.rich，通过padding设置文本左右显示，
前端小咸鱼一条·2024-02-12 09:31

echarts让设置legend宽度不生效

orient=“horizontal”的时候，只有width会起作用，height为auto；orient=“vertical”的时候只有height会起作用，width为auto。可以再textStyle里面设置宽度，宽度就会生效。一般设置30到50之间就可以。legend:{orient:'horizontal',bottom:'bottom',left:'center',padding:[0
前端小咸鱼一条·2024-02-12 09:31

饼图外显示百分比，labelLine控制与环的距离

示例：image.pngfunctionlossTenants(){varmyDailyEn=echarts.init(document.getElementById('lossTenants'));option
咏竹莉·2024-02-12 06:20

Python笔记——绘制雷达图

代码#雷达图frompyechartsimportoptionsasoptsfrompyecharts.chartsimportPage,Radar#两组数据的对比v1=[[4300,10000,28000,35000,50000,19000
没昔·2024-02-12 01:44

【python可视化大屏】使用python实现可拖拽数据可视化大屏

为了解决这个问题我使用pyecharts实现了一个可视化的大屏。接下来为大家分享一下视频分享：【python可视化大屏】使用python实现可拖拽数据可视化大屏可视化大屏
陶陶name·2024-02-12 00:16

uni-app 使用vite.config.js

import{defineConfig}from'vite'importunifrom'@dcloudio/vite-plugin-uni'//一定要用这个，不然运行会报错import{resolve}from'path'importVueSetupExtendfrom'vite-plugin-vue-setup-extend'//scriptsetup标签上可以写组件名称namefunction
weixin_43160044·2024-02-11 20:41

echarts图表导出为pdf

importhtml2canvasfrom'html2canvas'importJsPDFfrom'jspdf'//id->放echarts图表的节点id//fileName->想要生成的文件名functionexportData
weixin_43160044·2024-02-11 20:11

推荐一个好用的插件，vue-echarts

1.介绍这个插件好处就是可以帮我们在使用echarts的时候节省掉一些事情，比如浏览器窗口大小发生变化时需要根据resize事件重新渲染图表，数据发生变化时重新渲染图表等，这个插件都帮我们做好了这块2.
weixin_43160044·2024-02-11 20:11

vue 3 中使用 echarts

echarts功能很强大，但是要在vue3项目中使用，配置却有点麻烦，记录一下在vue3中使用，以后可以直接复制代码！
·2024-02-11 18:35

echarts的title标题属性

echarts的title标题属性title标题组件，包含主标题和副标题。
kfepiza·2024-02-11 16:51

【echarts】入门示例

1、引入echarts.js文件2、准备一个呈现图表的盒子3、初始化echarts实例对象4、准备配置项5、将配置项设置给echarts实例对象ECharts//基于准备好的dom，初始化echarts
倒霉娃不要倒霉·2024-02-11 15:34

解决ngx-echarts中点击区域过小的问题

最近使用ngx-echarts在angular项目中实现柱状图，由于新增了柱状图的下钻功能，所以需要使用ngx-echart提供的click方法进行下钻，但是在实际开发中，由于柱状图的数值相差很大，所以有的柱状数据非常小
mm_tang·2024-02-11 11:48

vue组件通信

ECharts前端教程组件通信自定义事件emit/emit/emit/on内容分发编译作用域组件通信在Vue组件通信中其中最常见的通信方式就是父子组件之中的通信，而父子组件的设定方式在不同情况下又各不相同
Mr Robot·2024-02-11 07:28

Django 后端获取uni-app上传的图片并保存

问题：前端是uni-app，后端是django。
wy-my·2024-02-11 06:08

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

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

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

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

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

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

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

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

过渡效果的艺术：CSS transition 让网页交互更平滑（上）

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

2020-11-16 uni-app tabbar底部导航配置

先增加三个页面image.png修改page.json文件，增加pagestabBar{"pages":[{"path":"pages/index/index","style":{"navigationBarTitleText":"uni-ui基础项目"}},{"path":"pages/owner/owner","style":{"navigationBarTitleText":"","enab
澄澄真可爱·2024-02-10 22:16

uni-app字体图标的一些问题

1.iconfont组件使用iconfont.css中如果使用iconfotn的线上字体注意一定要添加http,要不然图标无法正常显示现在部署时iconfont引入的ttf文件可以转成base64格式,优化图标载入速度;转base64的工具可使用https://www.giftofspeed.com/base64-encoder/,具体引入格式如下//iconfont.css@font-face{
JumpChen·2024-02-10 22:13

Uniapp（uni-app）学习与快速上手教程

Uniapp（uni-app）学习与快速上手教程1.简介Uniapp是一个跨平台的前端框架，允许您使用Vue.js语法开发小程序、H5、安卓和iOS应用。下面是快速上手的步骤。
清水白石008·2024-02-10 20:52

【Bug解决】themleaf 相对路径引用 js 静态文件失效

/scripts/目录下的js文件无法成功加载，导致echarts绘制的词云图未显示。
wzz2333·2024-02-10 19:15

UNI-APP 一些常用方法

module.exports={//判断是IOS还是安卓getPhoneType(){vartype='other'switch(uni.getSystemInfoSync().platform){case'android':type='android'break;case'ios':type='ios'break;default:break;}returntype},//处理手机号码中间四位ph
开飞机的杰瑞·2024-02-10 18:15

uni-app开发ios端滑动体验差页面禁止回弹

iOS端由于存在bounce效果，滑动体验略差，建议禁止bounce效果，禁止方式如下：{"path":"swipe-action/swipe-action","style":{"navigationBarTitleText":"TitleText","disableScroll":true,"app-plus":{"bounce":"none"},}}
卡_ec46·2024-02-10 18:31

echarts 一条折线图上显示不同颜色

文档树懒学堂：EChartsvisualMap代码实例及对应注释-树懒学堂封装的echarts组件代码：import*asechartsfrom'echarts';exportdefault{props
wwf1225·2024-02-10 16:29

echarts 中tooltip的formatter使用(例如折线图中的，鼠标悬停在某点，会再提示框显示坐标轴对应的数据)

1.当把x轴，y轴数据都设置好以后，x轴的数组是data系列（series）2.把value结构，重新拼了下3.在tooltip中添加formatter方法（我理解的意思，formatter是一个回调函数，series中的data，通过回调，根据数据的拼接结构，把的相关数据拿出来就行）params[x].data.name,也就是series.data.name(相当于把series中的data:
方_圆·2024-02-10 13:04

uni-app x，一个纯原生的Android App开发工具

uni-appx，下一代uni-app，一个神奇的产品。用vue语法、uni的组件、api，以及uts语言，编译出了kotlin的app。不再使用js引擎和webview。
近咫／＼ぃ天涯·2024-02-10 12:21

计算机毕业设计Python+Spark+LSTM微博大屏情感分析 微博大数据分析 微博情感分析 微博爬虫可视化 微博数据分析 微博采集分析平台

开发技术前端：vue.jsechartswebsocket后端API：springboot+spark+mybatis爬虫/算法：python、lstm情感分析(python实现)数据库：mysql创新点
计算机毕业设计大神·2024-02-10 12:42

uni-app项目中引入Vant UI组件库（完美避坑！！！）纯净版

文章目录第一步，HBuilderX中新建一个uni-app的项目第二步，HBuilderX提示项目创建成功，在HBuilderX用命令行窗口打开创建的项目（或直接在创建的项目文件夹内用cmd指令打开）第三步
我也想做全栈一霸！·2024-02-10 10:48

uni-app中v-html绑定的富文本怎么修改里面图片的大小

在后台传入的富文本文件读取的时候加入.replace(/\<img/gi,'<imgstyle="max-width:100%;height:auto"')
小灰灰_Demo·2024-02-10 08:35

uniapp数据缓存（存储/获取/移除/清空）

在uni-app中，可以使用uni.setStorageSync和uni.getStorageSync来进行数据的存储和获取。
愚公搬程序·2024-02-10 04:19

vue 3.0项目中echart生成base64生成pdf

将某个echart转换为base，将base64上传七牛返回网络地址//下载constdownLoadEchart=(id,index)=>{letechart=echarts.getInstanceByDom
Joan_King_·2024-02-09 22:22

计算机毕业设计之springboot物业管理系统

开发技术springbootmybatislayuiecharts创新点多角色登录(RBAC+shiro实现)可视化echarts功能带业务逻辑代码运行截图计算机毕业设计计算机毕业设计计算机毕业设计计算机毕业设计计算机毕业设计计算机毕业设计计算机毕业设计计算机毕业设计计算机毕业设计计算机毕业设计对源代码感兴趣的可以看我主页的简介跟我取得联系哦
计算机毕业设计大神·2024-02-09 22:37

ECharts实现异步数据加载和更新

ECharts中实现异步数据的更新的操作不难，在初始化图表后的任何时间通过使用jQuery等工具异步获取数据后通过setOption填入数据和配置项即可，操作如下：varmyChart=echarts.init
极课编程·2024-02-09 20:41

python echarts_python+echarts可视化—pyecharts

pyecharts是一个用于生成Echarts图表的python库。
weixin_39611769·2024-02-09 18:34

关于pyecharts的官方网站/官网的使用方法

pyecharts官网地址："https://pyecharts.org/#/zh-cn/intro"说明：一般文档中没有说明关于pyecharts官网的有效使用方法，针对这种情况，下面做一个简要的个人使用这个网站的方法
三块一毛四·2024-02-09 18:34

PyEcharts应用教程及实例

ECharts是一款基于JavaScript的数据可视化图表库，提供直观，生动，可交互，可个性化定制的数据可视化图表。
陈.py·2024-02-09 18:04

pyecharts 制图

pyecharts制图制图前所做准备导入各类图的类柱状图、折线图、饼图、地图、词云frompyecharts.chartsimportBar,Line,Pie,Map,Grid，WordCloud导入图表配置类
王薇蕴·2024-02-09 18:04

Python数据可视化——Pyecharts库的示例

目录前言一、安装Pyecharts二、代码示例1.导入Pyecharts2.导入表格3.数据处理4.生成柱状图5.图表展示6.完整代码三、可视化图形示例1.箱型图2.世界地图3.中国地图4.某省级地图5
db_lrj_2015·2024-02-09 18:04

uniapp实现手机横屏（方法一）

在uni-app中实现部分页面横屏：打开uni-app项目的manifest.json文件。在"pages"节点下找到需要横屏的页面，添加"style"节点。
前端fighter·2024-02-09 18:24

uni-app开发H5跨域问题

在项目找到manifest.json文件，添加h5配置代码如下："h5":{"title":"项目名称","template":"","devServer":{"https":false,"port":8080,"proxy":{"/api":{"target":"你的接口",//目标接口域名"changeOrigin":true,//是否跨域"secure":false,//设置支持https协
GiRaffe_·2024-02-09 13:08

Oracle 面试题 | 19.精选Oracle高频面试题

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

Oracle 面试题 | 20.精选Oracle高频面试题

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

【echarts实用技巧】echarts图表常用功能总结，折线图柱状图折柱混合【持续更新中】

主要用折线图和柱状图举例1，X轴刻度信息日期自动排开：我们获取一个日期的开始时间和结束时间，放上去会自动生成中间每一天的日期放在X轴上把这两个函数放methods内。getAll(begin,end){letarr1=begin.split("-");//这里可以换成/就2020/01/1这种letarr2=end.split("-");letarr1_=newDate();letarrTime=
接口写好了吗·2024-02-09 11:39

echarts数据怎么赋值 vue_在vue中添加Echarts图表的基本使用教程

前言我们在项目中经常需要使用一些折线图、柱状图、饼状图等等，之前使用过heightCharts，后来觉得这货不开源，只是做展示的话又点浪费时间，于是看了下eCharts，于是在vue-cli搭建的项目中添加了
对不起对不起·2024-02-09 11:39

echarts(3)——饼图

案例注释代码源码地址：https://www.makeapie.com/editor.html?c=x1zOZDoSxqoption={backgroundColor:'#273454',color:['#FF9966','#FFFFCC','#0099CC','#99CC33','#99CCCC'],tooltip:{trigger:'item',formatter:'{b}:{c}个(占比{d
qq_46285250·2024-02-09 11:08

echarts实用代码模板

一、键盘事件控制tooltip移动letcurrentIndex=-1;constdataLen=option.series[0].data.length;consthandleKeydown=(e)=>{if(e.key!="ArrowRight"&&e.key!="ArrowLeft"){return;}console.log('handleKeydown:'+currentIndex);my
mbshqqb·2024-02-09 11:36

【工作学习 day04】 9. uniapp 页面和组件的生命周期

参考文章：uni-app子组件onLoad、onReady事件无效_uniapp组件onload-CSDN博客可以看到，
_终会遇见_·2024-02-09 10:54

Vue 项目中使用 echarts

第一种方法，直接引入echarts安装echarts项目依赖npminstallecharts--save//或者npminstallecharts-S全局引入我们安装完成之后，可以在main.js中全局引入
蜗牛和曼巴·2024-02-09 09:50
上一页 2 3 4 5 6 7 8 9 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他