解决小程序使用wxCharts环形图时,值为0时安卓机不显示图的问题

最新推荐文章于 2023-07-20 15:16:52 发布
最新推荐文章于 2023-07-20 15:16:52 发布
阅读量612 收藏
点赞数
分类专栏： 前端知识 文章标签： vue.js echarts wxcharts 小程序 图表
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/hjy170314/article/details/108865655
版权

不知道是不是兼容性的问题,不管小程序使用什么图表的环形图,只要其中一个值为0,在安卓手机上都是不显示出来的,但是图表上有需要显示100% 和 0%的字样,所以我发现将data的最小值设置为 0.0001是可以正常显示图表已经显示的百分比没有错误的情况
因为只要两个值都不为0的时候,图表无论在安卓还是苹果都是正常显示的

在这里插入图片描述只要值为0 ,就让这个值变成无限接近于0但是不等于0,这样安卓手机的显示就正常了

下面是安卓手机的显示:
这是安卓手机的显示
其他的也没有问题
在这里插入图片描述

hjy170314
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
uniapp(微信小程序/支付宝小程序) - 最新解决canavs绘制海报、二维码图片等不显示问题，在uniapp小程序开发中使用canavs制作base64图片在真机运行时空白不显示（详细解决方法）
高级前端工程师
04-08 3498
uni-app，微信小程序，支付宝小程序，uniapp小程序，canvas，base64，微信小程序中base64格式的小程序码通过canvas画出来无效，真机调试二维码不显示的问题。小程序base64编码图片无法使用canvas绘制，uni-app小程序 真机显示canvas上利用base64图片生成的海报，微信小程序中base64格式的小程序码通过canvas画出来无效，解决canvas base64图片在小程序真机不显示问题，无法使用canvas绘制的问题，微信小程序使用canvas真机不生效，微信小
微信小程序 - 详细解决map地图上使用自定义图标图片或自定义样式进行markers标记点，手机真机运行时安卓系统、苹果ios系统会出现不显示标记点的问题（大概率安卓正常显示标记点，但苹果就加载失败）
最新发布
高级前端工程师
08-06 4104
微信小程序，map，地图组件，安卓android，苹果ios，真机调试，marker，标记点，在地图上标记，突然就不显示白屏了没动代码，自定义标记点icon，label动态数字，小程序地图markers标记点显示不出来，微信小程序map组件，地图加载后marker标记点ios设备不显示，android正常显示，添加多个标记点。安卓能正常显示标记点图标，IOS设备不显示标记点图标，map地图白屏不显示标记，图标真机调试不显示，自定义图标，报错，页面白屏，不报错也不显示，无法加载，图片展示不出来，iconPat
微信小程序（使用canvas实现实时的圆环进度条百分比）
W_Venus的博客
06-16 1257
微信小程序---------------使用canvas实现实时的圆环进度条百分比 其他问题记录：
小程序wxcharts 当值为 0时,隐藏 柱形图
hjy170314的博客
08-07 542
最终效果 当值为零时,如果不设置yAxis的最大值的话,会有默认的高度在图标中间,但是值显示是为0的. 所以需要在我们使用图标传值之前先进行判断一下传入的数值的最大值是不是0,如果是0,则限制最大值 var max = Math.max(...datas) ; if (Math.max(...datas) == 0){ max = 0.1 } _this.lineCharts(times, datas, names
wxchart 小程序 线条图不显示y轴的网格线 （分割线）
LlanyW的专栏
07-20 573
既然没有配置项目，可以转变思路，把这些线条配置成白色，那么也是等于没有线条。使用yAxis:{ gridColor:'#ffffff'}看了一下源码已经写死了是5条分割线，加一条x轴刻度线。// y轴网格线的颜色。
关于微信小程序wepy框架下wx-charts的使用
qq_27786011的博客
04-04 857
关于微信小程序wepy框架下wx-charts的使用 wx-charts 微信小程序主流的图表工具 基于 Canvas，体积小 支持图表类型 饼图 pie 圆环图 ring 线图 line，scrollline 柱状图 column 区域图 area 雷达图 radar 直接上代码跟效果图，在这里我只选择环状图进行举例。。。 // An highlighted block <style l...
微信小程序引入echarts不显示 也不报错
TC_DESpipi的博客
08-04 2608
微信小程序引入echarts不显示 也不报错
微信小程序：背景图片电脑开发时可以显示，手机测试时无法显示
Dove言和
06-11 3787
背景图片在编辑器中可以展示，但是手机预览时无法显示。 原因：小程序背景图片只可以展示base64或者网络地址图片，背景图片如果使用本地路径地址，电脑开发时可以正常显示，手机测试时无法显示背景图。 解决方法：使用"wx.getFileSystemManager().readFileSync(file_address,encoding)"进行转码（感谢地址的博主：https://blog.csdn...
微信小程序本地图片在开发工具显示手机预览不显示
小朱小朱绝不认输的博客
08-05 1万+
微信小程序在设置背景图片时，使用本地路径，手机预览无法显示。 即： <view class="content" style="background-image:url('../static/11.png')"> background-image 只能用网络url或者base64 . 本地图片要用image标签才行。 1.直接使用image标签 <image class='userBg' src='../../../images/my_bg.jpg'></image>
实战解决小程序图片加载问题
热门推荐
夏尔的小酒馆
10-11 4万+
相较于web端或者H5开发，小程序本身在性能上弱很多（但用户体验上要好）。以前开发时服务器性能过剩在那里帮你撑着脸面，你对自己的代码质量和编程习惯心里没数，小程序就是一面镜子。 废话少说，要解决的问题是，小程序加载图片闪烁，渐渐出现，出现的很慢等等效果不尽人意的体验。 如果你的小程序本身只用加载很少的图片，那么其实问题不大。如果是像购物APP那样或者是一款有图片列表的应用，那么以下方案肯定能帮到你...
使用wxcharts时，当y轴值全为0时显示错误
weixin_39897287的博客
06-25 919
yAxis 属性中同时设置 min 和 max,max设置为1，为0的时候 Y轴数据大于一的时候会自动更新最大数
echarts环形图 副标题为0 不显示
StriplingLee的博客
05-27 987
this.title.subtext = newVal.total; // 环形中心显示总数 当副标题值为0时，这个时候上诉代码就会导致副标题不显示。原因是因为echarts在渲染的时候，会进行一波if判断。恰好0代表false，这样会导致副标题不渲染。 如果想要0显示只需要在代码后面加一点东西 this.title.subtext = newVal.total+''; // 环形中心显示总数 ...
微信小程序加载Echarts时既不报错也不显示问题解决
Fred240011的博客
12-21 3418
我在使用微信小程序加载Echarts图表时，首先从官方github（https://github.com/ecomfe/echarts-for-weixin）中下载工程文件，本地测试无问题。但是自己新建项目将代码复制过去的时候，出现了既不报错也不显示的问题，页面为空白。稍后我使用了多个博主的代码做测试，终于发现了问题所在。 原因为原始工程文件中wxml文件格式如下 <view class="container"> <ec-canvas id="mychart-dom-bar" canv
wx-charts 微信小程序图表插件
weixin_30482181的博客
10-19 64
http://lib.csdn.net/article/wechat/67961 http://blog.csdn.net/sinat_17775997/article/details/53859914 转载于:https://www.cnblogs.com/maidongdong/p/7691170.html
微信小程序使用echarts不显示的问题
03-31 3458
前几天在微信小程序中用echarts发现不显示，主要有一下几个可能。
小程序 wxchart 使用简单入门
LlanyW的专栏
07-13 3230
opts.extra.pie.offsetAngleNumber, 默认为0, 起始角度偏移度数，顺时针方向，起点为3点钟位置（比如要设置起点为12点钟位置，即逆时针偏移90度，传入-90即可）opts.extra.radar.labelColorString, 默认为#666666, 各项标识文案的颜色。opts.extra.radar.gridColorString, 默认为#cccccc, 雷达图网格颜色。
Echart 环图无数据时置灰
我的博客
01-12 906
当数据都是0时，把series里的data=null或者=[ ]版本echarts: “5.3.3”Echart 环pie置灰。
echarts在微信小程序中无法显示的问题
monkey-jie的博客
04-29 1万+
最近因为业务需求，需要在小程序中引入图表，百度一波，发现echarts已经支持了小程序。然后便试了一下demo。但是发现怎么都无法显示。我明明是完全复制的官方的demo啊。。 然后又开始了百度Google。最后找到了问题。是css的问题。如果没有用css给定限制，就会无法显示。 css代码： /**index.wxss**/ ec-canvas { width: 100%; height:...
使用华为HMS MLKit 图像分割 SDK 开发安卓证件照 DIY 小程序
安卓开发实战，用华为HMS MLKit 图像分割 SDK开发一个证件照DIY小程序 在本文中，我们将学习如何使用华为HMS MLKit 图像分割 SDK开发一个证件照DIY小程序。华为HMS MLKit是一个功能强大且免费的SDK，支持安卓全机型...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值