Ucharts

微信小程序使用ucharts折线图，有负数显示0刻度线

当数据有负数和正数的时候默认不会显示0刻度线，不方便看出正负对比实现思路：显示的刻度线是根据数据的最大值和最小值自动分配到刻度线上面，把最大值和最小值设置为一样，然后平均分配给五个刻度线中间的刻度线就会为0就实现了显示0刻度线处理数据得到最大值和最小值//获取数据里面的最大值和最小值letmin=Math.min(...res.data.arr)letmax=Math.max(...res.dat
巨蟹座守护骑士·2024-02-04 19:49

uniApp介绍篇-1.基础框架搭建与排坑备忘

小程序组件支持10.事件调用11.文件存放注意点二.第三方插件1.colorUi样式库2.luch-request网络请求库3.HM-search搜索栏4.Skeleton骨架屏5.loading全局加载动画6.uCharts
情系半生e·2024-01-26 19:49

uniapp使用ucharts 自定义Y轴显示及刻度自定义

效果图1：效果图2：基础配置opts:{color:["#1890FF","#91CB74","#FAC858","#EE6666","#73C0DE","#3CA272","#FC8452","#9A60B4","#ea7ccc"],padding:[15,15,0,5],enableScroll:true,legend:{},xAxis:{disableGrid:true,scrollShow
流氓也是种气质 _Cookie·2024-01-19 00:52

uni-app qiun-data-charts无法显示tooltip

如下代码无法使得图表展示tooltip能耗信息近30天设备用电趋势exportdefault{data(){return{chartData:{},//您可以通过修改config-ucharts.js文件中下标为
蓝之静云·2024-01-18 09:50

uniapp 多轴图，双轴图，指定哪几个数据在哪个轴上显示

高性能跨全端图表组件-DCloud插件市场这里我封装成一个组件，自适应的，可以直接复制到自己的项目中exportdefault{data(){return{chartData:{},//您可以通过修改config-ucharts.js
会玩代码的猫·2024-01-10 04:00

UCharts配置个性化图表：折柱混合、条状图、渐变

UCharts配置个性化图表：折柱混合、条状图、渐变折线圆滑折线柱状图饼图条状图折柱混合渐变折线效果图：配置：constopts={color:["#B7E55D","#78DAE6","#FF432A
Serena_tz·2024-01-06 14:43

uCharts基本使用方法

图表组件uCharts,小程序上开发者们如果有图表的需求可以尝试使用首先下载ucharts文件https://gitee.com/uCharts/uCharts下载下来看到有这些文件，小伙伴们可以先去示例项目里面看
gysea123321·2024-01-01 05:02

uniapp H5项目使用ucharts的Echart组件方式创建圆环

是因为没有明示设置宽度与高度】/*请根据实际需求修改父元素尺寸，组件自动识别宽高*/.charts-box{width:100%;height:300px;}最终效果先导入ucharts到项目uniapp
Lan.W·2023-12-20 06:42

uniapp 导入ucharts图表插件 H5项目， 使用echarts eopts配置

先下载uchartsH5示例源码：uCharts:高性能跨平台图表库，支持H5、APP、小程序（微信小程序、支付宝小程序、钉钉小程序、百度小程序、头条小程序、QQ小程序、快手小程序、360小程序）、Vue
Lan.W·2023-12-20 06:42

uni-app ucharts中饼图与圆环图区别

图表引用ucharts中的echarts配置的组件方式区别1饼图与圆环图在echarts使用的配置都是pie类型。
Lan.W·2023-12-20 06:42

uni-app 用于开发H5项目展示饼图，使用ucharts 饼图示例

先下载uchartsH5示例源码：uCharts:高性能跨平台图表库，支持H5、APP、小程序（微信小程序、支付宝小程序、钉钉小程序、百度小程序、头条小程序、QQ小程序、快手小程序、360小程序）、Vue
Lan.W·2023-12-20 06:12

uniapp基于u-grid-item九宫格实现uCharts秋云图表展示

uniapp基于uView的UI组件u-grid-item九宫格实现uCharts秋云可视化图表展示这里使用uView的u-grid-item九宫格组件去显示图标排列九宫格可以做成多列，移动设备上可以通过左右滑动进行展示可视化图表
手️摘星辰·2023-12-05 18:19

uniapp:如何使用uCharts

目录第一章前言第二章安装插件uCharts第三章使用uCharts第四章注意第一章前言需求：这是很久之前的一个项目的需求了，当时我刚接触app，有这么一个需求，在uniapp写的app项目中做一些图表统计
❆VE❆·2023-12-05 10:33

uniapp使用npm安装ucharts报js文件找不到

最后改为静态通过hbuilderx引入，直接通过uni市场安装image.png就成功了教程参考：Uniapp中引入Ucharts统计表的使
尘埃里的玄·2023-11-29 08:13

原生小程序图表

原生小程序使用图表话不多说直接进入正题官方文档:https://www.ucharts.cn/v2/#/下载文件首先去gitee上把文件下载到自己的项目中https://gitee.com/uCharts
哥很冷漠·2023-11-26 22:03

uCharts柱状图横向排列及不同条件下得数据颜色不同，雷达图的使用及各个参数的配置讲解

一：雷达图1，建立一个盒子，内部存放uCharts图表在data数据中return内部配置如下数据：chartData:{},//您可以通过修改config-ucharts.js文件中下标为['radar
共创splendid--与您携手·2023-11-19 22:15

ucharts 折线图y轴数据显示问题

ucharts的y轴默认对数据是5等份，y轴的最大值与最小值是默认取数组里面最大值与最小值，当最大值数值小于5时就会出现这种数据显示异常的问题解决方法：自定义y轴的最大值与最小值，从数组拿到最大值与最小值
周zerlinda·2023-11-15 13:05

好看的数据报表统计图

ApacheECharts：一个基于JavaScript的开源可视化图表库ucharts：高性能跨平台图表库，PC、H5、APP、小程序、Vue、TaroChart.js：Chart.js是一个简单、灵活的图表库
IT凝冬·2023-11-10 17:36

**微信小程序使用uCharts报错: Cannot read property ‘length‘ of undefined**

项目场景：已经开发完毕半年的项目，突然需要增加需求。使用HbuilderX运行到微信开发者工具之后发现原本的图表无法正常展示。问题描述：无法读取到length，且找不到路径。思考方向：1、接口返回数据格式有问题，导致无法读取数组长度。（数据没问题）2、组件依赖是否正常引用（依旧没问题）解决办法：通过查询官方文档我发现该问题在官方文档中已经指出解决方法。如下：只要登录HbuilderX就可以解决问题
weixin_43085245·2023-11-05 09:16

关于微信小程序使用uCharts插件设计图表后在预览时不显示的问题

问题描述：使用uni-app开发微信小程序界面仿照uCharts插件给的示例绘制图表微信开发者工具模拟时能正常显示真机调试也能正常显示但预览时无法显示（在预览时打开调试功能就能正常显示）上图是我无法显示的情况
DTJrio·2023-11-05 09:44

微信小程序 uCharts的使用方法

一、背景微信小程序项目需要渲染一个柱状图，使用uCharts组件完成uCharts官网指引：uCharts官网-秋云uCharts跨平台图表库二、实现效果三、具体使用进入官网查看指南，有两种方式进行使用
奔跑的露西·2023-11-05 09:41

使用秋云 ucharts echarts 高性能跨全端图表组件 流程

1.2.//引入importqiunDataChartsfrom'../../uni_modules/qiun-data-charts/components/qiun-data-charts/qiun-data-charts.vue'//注册components:{qiunDataCharts},//页面中使用3.卡卡复制exportdefault{data(){return{chartData:
大坤...·2023-11-02 06:54

关于APP端uCharts图表数据偶发性渲染不上去的问题

1.问题描述：在做APP页面的时候，图表数据在某些华为手机上渲染不出来，但是在模拟器上显示正常2.调试过程：后端给的数据：[{"month":"1月","value":108.43},{"month":"2月","value":0},{"month":"3月"},{"month":"4月"},{"month":"5月"},{"month":"6月"},{"month":"7月"},{"month"
娜娜没有bug·2023-11-01 16:59

uCharts在vue项目里的使用

1.html部分image.png2.js部分引入包：image.pngdata中数据定义：image.pngshowCharts(){//console.log(id)constcanvas=document.getElementById('canvasDom');//console.log(canvas)constctx=canvas.getContext("2d");canvas.width
沫tiny·2023-10-30 11:47

uCharts层级过高导致的滚动问题

解决方法：真机预览时加上:canvas2d=“true”微信开发者工具:canvas2d=“false”
一只一只妖·2023-10-13 10:57

数据可视化——ucharts的使用

目录1.引入uCharts插件2.使用组件3.修改默认渲染数据的内容1.修改柱状图上面渲染的内容2.修改点击展示的内容1.修改展示内容2.自定义展示内容4.修改其他设置查看官方文档官网地址：uCharts
白云~️·2023-10-12 11:28

uCharts 运行微信小程序时，图表放在scroll-view中点击后不能正确获取点击的currentIndex一直为-1

图表在APP和H5中的点击位置是正常的，在微信小程序中会出现点击位置不对且有部分地方点击不到，最终我的解决方法如下。1.查看包裹图表的元素中有没有元素开启了定位，可以去除定位属性试一试。2.为微信平台的图表添加isScrollView="true"属性。解决方案：添加isScrollView="true"属性。
Sunny·2023-10-10 21:11

uCharts常用图表组件demo

带渐变阴影的曲线图data(){return{chartData:{},opts:{color:["#F7DB4D"],padding:[20,5,4,0],enableScroll:true,dataLabel:false,dataPointShape:false,disableScroll:true,fontColor:"#DCDCDC",legend:{show:false//不绘制标题},
sunly_·2023-10-09 16:06

小程序 词云图 echarts-for-weixin-wordcloud

GitHub-clydee-geng/echarts-for-weixin-wordcloud:echarts词云微信小程序版这个是适配与小程序版的词云图，之前有找到ucharts来代替，但是ucharts
chendawen2014·2023-10-09 14:35

uniapp 使用图表

目录uCharts简介uniapp使用gitclone把基础库文件放入项目柱状图组件导入注册使用uCharts简介uCharts是一款基于canvasAPI开发的适用于所有前端应用的图表库，开发者编写一套代码
前端 贾公子·2023-10-05 05:46

uCharts图表在小程序中可以显示，但在H5和APP中无法显示

调了好久，一直都是在小程序中可以展示，但是在H5和App中看不到，主要是还只有堆叠条状图看不到，真的是裂开了我是因为模板部分出现的问题，所以只展示那部分内容喽，太多看着会嘎嘎烦躁。//不显示时候的代码哈哈哈哈是不是看着像是没啥问题？不不不，大坑就在这了，看见那个看着还可以的小id了吗？就是因为她，把他删掉就可以啦。。。//显示时候的代码看一看效果吧
一起编程吧♛·2023-10-05 05:16

原生微信小程序使用u-charts（组件版）折线图示例

但是这个库已经五六年没有维护了，经常出现canvas层级过高弹窗无法覆盖等问题（微信小程序前面新推出了canvas-2d，解决了这个问题）摸索了官网文档一个下午，今天来介绍以下u-charts的组件版的基本使用，官网uCharts
l煎饼果子·2023-10-03 00:44

uni-app 使用ucharts

1.首先引入ucharts配置文件，这是我项目放置的目录image.pngucharts官网：https://www.ucharts.cn/ucharts在线配置文档：https://demo.ucharts.cn
朝_5e5d·2023-09-29 15:35

在uniapp中使用 秋云ucharts图表，运行到小程序

步骤一：通过使用HBuilderX直接导入项目（uni_modules版本）步骤二：在uCharts官网-秋云uCharts跨平台图表库演示中，先弄个demo试着运行，步骤三：查看自己需要的配置，下面是我的用法
叫兽~~·2023-09-19 04:20

uniapp实现大气质量指标图（app端小程序端均支持，app-nvue不支持画布）

效果图如下：思路：1.首先我想到的就是使用图标库echarts或ucharts，可是找了找没有找到类似的。2.其次我就想用画布来实现这个效果，直接上手。
爱吃鱼的酱酱仔·2023-09-18 07:28

uni-app开发小程序时ucharts图表如何使用

在此不会具体告诉大家怎么做，我只告诉大家方法：第一步，推荐使用组件方法进行绘图，首先去官网下载这个ucharts的插件：秋云uchartsecharts高性能跨全端图表组件-DCloud插件市场下载完毕导入到所需要用到的项目中去
执笔绘江山·2023-09-14 17:35

uni-app 使用uCharts-进行图表展示（折线图带单位）

前言在uni-app经常是需要进行数据展示，针对这个情况也是有人开发好了第三方包，来兼容不同平台展示uCharts和pc端的Echarts使用差不多，甚至会感觉在uni-app使用uCharts更轻便，
-風过无痕·2023-09-09 08:55

小程序进阶-图表库uchart

一、图标库常用图标库有：echart,wx-chart,ucharts。
光图强·2023-09-05 03:16

ucharts修改ToolTip边框阴影文字居中

ucharts修改ToolTip边框阴影文字居中效果Demo链接：https://pan.baidu.com/s/1k0FxmBPKAHlHksFR3YQSlQ提取码：ytv7
秋叶原的琴音·2023-09-02 04:42

uni-app中使用uCharts图表设置横向滚动无法滑动。

1.问题设置了enableScroll：true无效，配置如下：chartOpts:{legend:{show:false},padding:[10,0,0,0],dataLabel:false,dataPointShapeType:'hollow',yAxis:{data:[{fontColor:'#cccccc'}]},update:true,enableScroll:true,//开启图表拖
HDdgut·2023-09-01 16:06

uniapp-秋云图表 ucharts echarts 对比与关系

一种是：echarts.js,一种是：ucharts。二者的配置属性不一样！
Lan.W·2023-09-01 06:13

【uni-app】小程序引入ucharts图表、配置图表样式等

一、引入ucharts于是在uni-app插件市场用了uchartsucharts插件下载地址需要在这里导入到自己的项目，直接下载压缩包再拉进项目没有效果，我怀疑是因为有什么地方没有配置的原因。
Aohan-z·2023-08-12 19:22

ucharts-地图

staticData.js'exportdefault{data(){return{chartData:{},//这里的opts是图表类型type="map"的全部配置参数，您可以将此配置复制到config-ucharts.js
一万种可能-码农·2023-08-12 01:11

uniapp使用uCharts绘制ring图

importuChartsfrom'@/components/u-charts/u-charts.js';var_self;varcanvaRing=null;exportdefault{data(){return{cWidth:'',cHeight:'',pixelRatio:1,textarea:''}},onLoad(option){_self=this;this.cWidth=uni.up
寒冰射手杨百亿·2023-08-12 01:11

ucharts 的使用

插件下载直接下载使用git地址在线生成工具在需要的页面直接写就好了，不知道怎么配置的，可以看看生成工具饼图玫瑰图环形图柱状图折线图区域图散点图词云图exportdefault{data(){return{chartData:{categories:["2016","2017","2018","2019","2020","2021","2020","2021"],series:[{name:"目标值
我我在线睡觉·2023-08-12 00:10

ucharts使用折线图时x轴数据过多

x轴数据过多，，，不用拖拽只显示部分x轴数据配置"xAxis":{"labelCount":4,//默认显示个数itemCount:chartData.length//x轴数据的长度},效果大致如下
思考人生的咸鱼·2023-08-12 00:09

uni-app项目中使用uCharts2.0

今天必须写一个ucharts2.0的总结！当我知道ucharts的时候，它已经更新到2.0了，虽然它的官网上说2.0版本更好用，但是对于一个从来没有接触过ucharts的人来说，实在是摸不着头绪。
愿世界美好环环相扣·2023-08-12 00:39

新手快速上手ucharts的详细步骤

移动端ucharts傻瓜式使用UCHARTS导入ucharts插件简单粗暴引入所需图表调接口渲染数据傻瓜式使用UCHARTS在初次使用ucharts的时候，我发现很难在网站上找到对ucharts快速上手的详细讲解
粉毛桃子·2023-08-12 00:39

uniapp 中使用 uCharts.js 画图表

官网：秋云uCharts图表组件在components中新建一个目录u-charts,然后里面放两个文件,u-charts.jsu-charts.vueu-charts.js的内容uCharts-for-H5
神夜大侠·2023-08-12 00:09

uniapp——ucharts的使用

ucharts是一个类似于echarts的图表框架引入在Hbuilder的插件下载仓库中搜索ucharts！！值得一提的是，Hbuilder的版本必须是大于3.1.0的！！
狮子座的程序员·2023-08-12 00:09
上一页 1 2 3 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他