微信小程序报错：[uCharts] 未获取到context 注意：v2.0版本后，需要自行获取canvas的绘图上下文并传入opts.context

报错代码JS：

import uCharts from '../../../components/u-charts/u-charts'
var _self;
var canvaColumn = null;
Page({/*** 页面的初始数据*/data: {cWidth: '',cHeight: '',},/*** 生命周期函数--监听页面加载*/onLoad: function (options) {_self = this;this.cWidth = wx.getSystemInfoSync().windowWidth;this.cHeight = 500 / 750 * wx.getSystemInfoSync().windowWidth;this.getServerData()},//   这里 先暂时 应用 ucharts 里面提供的数据 调取他们的接口 getServerData: function () {wx.request({url: 'https://www.ucharts.cn/data.json',data: {},success: function (res) {let Column = {categories: [],series: []};Column.categories = res.data.data.ColumnB.categories;Column.series = res.data.data.ColumnB.series;//自定义标签颜色和字体大小Column.series[1].textColor = 'red';Column.series[1].textSize = 11;_self.showColumn("canvasColumn", Column);},fail: () => {console.log("请点击右上角【详情】，启用不校验合法域名");},})},showColumn(canvasId, chartData) {canvaColumn = new uCharts({$this: _self,canvasId: canvasId,type: 'line',legend: true,fontSize: 11,background: '#FFFFFF',pixelRatio: 1,animation: true,categories: chartData.categories,series: chartData.series,xAxis: {disableGrid: true,},yAxis: {//disabled:true},dataLabel: true,width: _self.cWidth,height: _self.cHeight,extra: {column: {type: 'group',width: _self.cWidth * 0.45 / chartData.categories.length}}});}
})

报错：

解决：

改进代码：

let ctx = wx.createCanvasContext(canvasId, this);
canvaColumn = new uCharts({context: ctx,...
});

微信小程序报错：[uCharts] 未获取到context 注意：v2.0版本后，需要自行获取canvas的绘图上下文并传入opts.context相关推荐

微信小程序报错页面未定义
1.在app.json界面的page中注册页面,检查路径拼写 2.在app.js中需定义添加: APP( { } ) 3.在其余页面的.js界面中,需添加: Page( { } ) 切记"P ...
微信小程序报错module “wxParse/wxParse.js“ is not defined
微信小程序报错module "wxParse/wxParse.js" is not defined 解决在本地设置把 ES6 转 ES5 勾上就可以了
微信小程序报错 errcode: 40029, errmsg: “invalid code 针对狮子鱼
微信小程序报错 errcode: 40029, errmsg: "invalid code 一般情况是微信小程序appid和服务器后台设置的appid不一致造成的,本案例是狮子鱼后台小程序参 ...
【bug】HbuilderX运行到微信小程序报错
首先,大前提是代码本身在HbuilderX里运行H5是没问题的,不报错 .然后运行到微信小程序报错了.(注:以下所说小程序代指微信小程序). 我来这里分享一下我报了什么错,怎么解决的和我浅薄的理解. ...
微信小程序报错“getLocation:fail the api need to be declared in the requiredPrivateInfos field in app.js...“
解决微信小程序获取定位报错上个礼拜在调试一个微信小程序的时候,在手机允许小程序获取定位.定位授权成功的情况下,发现安卓手机能获取定位,但是苹果手机获取不到定位,我就开始查阅资料- 一.报错信息报错 ...
微信小程序报错{errMsg:hideLoading:fail:toast can't be found}
最近在调试微信小程序时,发现有报错问题,虽然没影响使用,但是看着不舒服啊,还是着手解决吧,先看一下报错从论坛看了看说是最新版本的微信7.0.13测试版会出现,但是还得找找看看是不是这样我们都知道w ...
微信小程序报错 Error: errCode: -501007 invalid parameters | errMsg: Invalid Key Name: _openid
错误原因: _openid不能主动设置错误代码: db.collection('FixedStore').add({data: {fixedAudit: false, //审核状态fixedMerc ...
TypeError: _typeof4 is not a function，解决微信小程序报错
1.微信小程序编译后的报错截图: 2.报错问题解决:右上角点击"详情"=>"本地设置"=>"将JS编译成ES5"=>取消勾 ...
微信小程序报错一大串 define is not defined
如题,开发小程序的时候,报错解决办法更换微信小程序类库

微信小程序报错：[uCharts] 未获取到context 注意：v2.0版本后，需要自行获取canvas的绘图上下文并传入opts.context

微信小程序报错：[uCharts] 未获取到context 注意：v2.0版本后，需要自行获取canvas的绘图上下文并传入opts.context相关推荐

最新文章

热门文章