uni-app 使用uCharts图表插件

最新推荐文章于 2024-08-16 10:31:11 发布

CJW-Coder

最新推荐文章于 2024-08-16 10:31:11 发布

阅读量2.3w

点赞数 3

分类专栏： uni-app 文章标签： vue.js

本文链接：https://blog.csdn.net/qq_42143163/article/details/103687406

版权

本文介绍了如何在uni-app中使用uCharts图表插件，包括下载插件、实例演示和样式展示，帮助开发者实现丰富的数据可视化效果。

摘要由CSDN通过智能技术生成

1.下载：https://ext.dcloud.net.cn/plugin?id=271

2.使用实例

<template>
	<view class="qiun-columns">
		<view class="qiun-charts" >
			<canvas canvas-id="canvasLineA" id="canvasLineA" class="charts" @touchstart="touchLineA"></canvas>
		</view>
	</view>
</template>

<script>
	// 引入uCharts 方法组件。
	import uCharts from '@/components/u-charts/u-charts.js';
	// 定义全局变量
	var _self;
	var canvaLineA=null;
	export default {
   
		data() {
   
			return {
   
				cWidth:'',
				cHeight:'',
				pixelRatio:1,
			}
		},
		// 页面加载执行的函数
		onLoad() {
   
			_self = this