uni-app ucharts无法显示

使用的是：秋云 ucharts echarts 高性能跨全端图表组件（https://ext.dcloud.net.cn/plugin?id=271）

版本：uCharts v2.0，即通过uni_modules版本的组件方式调用

首先确保ucharts的样式：

/* 请根据需求修改图表容器尺寸，如果父容器没有高度图表则会显示异常 */
.charts-box{width: 100%;height:300px;
}

问题描述：

数据是从后端获取的，:chartData加载数据，格式也没有问题，但是却一直显示的ucharts加载动画，看了官方文档

再查看控制台chartData.series里有数据，尝试把加载动画类型改为0，即空白，hbuilderx重新运行项目后，发现旧标签页的图出来了，但是新运行的标签页图还是加载不出来，然后想是不是加载顺序问题，也没继续研究，然后瞎改改了data中的chartData ，增加categories或者series属性（原来没加），图就能显示出来了，也不知道啥原因，不过好歹问题解决了=。=

这边贴下好用的ucharts工具，里面的在线生成工具可以自定义图表样式，然后复制到配置文件中即可：https://demo.ucharts.cn/#/

uni-app ucharts无法显示相关推荐

切换 uniapp_万能前端框架uni app初探03：底部导航开发
前言本节我们使用uni app的底部导航功能,点击不同tab会显示不同页面,这个功能在实际项目开发中几乎是必备的. 一.基础知识 1.tabBar 如果应用是一个多 tab 应用,可以通过 tabB ...
uni app中使用图表
关于在uni app中运用图表今天写项目,需要在uni app中使用图表,我使用的是ucharts. 具体操作如下 1.下载 ucharts可以直接在uni app的插件市场下载安装. 先在插件市场 ...
uni app(H5)中软键盘弹出,固定定位绝对定位元素位置发生错乱
一.问题如下最近用uni app写项目,发现H5软键盘弹起,导致我固定定位的按钮被顶了上去,如图二.解决方法 1.让其在输入框获取焦点时隐藏百度了许多,有让输入框获取焦点时让按钮隐藏的方法,失去 ...
vue插槽solt ，uni.app
一.什么是插槽? 插槽就是子组件提供给父组件使用的一个占位符,用<slot></solt>表示父组件可以在这个占位符中填充任何模板代码. 二.插槽的用法 1.创建一个子组件,在 ...
uni app使用雷电模拟器进行真机调试
之前我用uni app真机调试时都是连接的自己的手机,每次都插根数据线,感觉不是很喜欢.今天又用真机调试想起来手机模拟器,就下了一个雷电.然后把配置真机调试的步骤分享出来吧. 一.安装手机模拟器在这 ...
vant 验证手机号_【uni app】vant weapp的引入和部分详细调用（表单输入框、验证码、弹出层搭配选择器、地图）...
本次小程序的开发使用uni app+vant weapp,vant weapp如何引用和部分组件使用方法如下引入在github(https://github.com/youzan/vant-wea ...
APP打开直接显示图片，去掉中间的白屏时间
大家都知道:默认情况下,Android App在点击App logo到App完全启动这之间会有一段时间空白期,具体wait时间根据你应用而定.那么如何做到在用户点击logo图标之后立即打开App的界面 ...
uni app map 地图漂浮问题及方案
uni app map 地图漂浮问题及方案文章页有图片导致的问题,图片没加载出来,导致文章内容高度不固定,如果图片没加载出来,高度就是0,如果此时开始加载map,那么map就在那里加载,map原生 ...
uni.app H5(微信公众号定位) uni.getLocation
最近在开发公众号,由于之前经常使用uni,app写APP,索性就用uni.app来开发公众号了, 不过也遇到了一个问题,就是在公众号的首页要获取用户的定位.我看了看官网的API 有个uni.getLo ...
HBuilder X ——Uni app 学习笔记（一）
HBuilder X --Uni app 学习笔记(一) 1.pages.json配置 *pages数组中第一项表示应用启动页,数组中其他项为项目中所有页面路径. enablePullDownRefr ...

uni-app ucharts无法显示

uni-app ucharts无法显示相关推荐

最新文章

热门文章