uniapp微信小程序使用ucharts2.0解决穿透(遮挡|层级问题,[uCharts]:开启canvas2d模式,必须指定canvasId,否则会出现偶尔获取不到dom节点的问题!

4 篇文章 1 订阅
1 篇文章 0 订阅
  • 小程序使用canvas2d模式
  • 报错
    [uCharts]:开启canvas2d模式,必须指定canvasId,否则会出现偶尔获取不到dom节点的问题!
<template>
//新增 canvasId="canvasColumn"
<view class="charts-box">
			<qiun-data-charts type="pie" canvasId="canvasColumn" id="canvasColumn" :canvas2d="true" :chartData="chartData" background="none" />
		
</view>
</template>

<script>
	export default {
		data() {
			return {
				chartData: {
					categories: [],
					"series": [{
						"data": [{
								"name": "欠款总额",
								"value": 50
							},
							{
								"name": "回款总额",
								"value": 30
							}
						]
					}]
				},
			};
		},

		methods: {
			oncellDateShow() {
				this.show = true
			},
			//选择日历
			change(e) {
				console.log(e);
			},
			onscrol(v) {
				console.log(v)
				// this.draw2dCharts('canvasColumn',this.chartData)
			},

		}
	}
</script>	
<style lang="scss" scoped>
	/* 请根据需求修改图表容器尺寸,如果父容器没有高度图表则会显示异常 */
	.charts-box {
		width: 100%;
		height: 200px;

	}

	.tab {
		width: 100%;

	}
</style>
  • 2
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值