ucharts 秋云 堆叠柱状 条状图

在这里插入图片描述
ucharts官网
秋云插件下载到项目中

<view class="charts_box">
	 <!-- 柱状图 -->
	 <!-- <qiun-data-charts type="column" :opts="{extra:{column:{type:'stack'}}}" :chartData="chartMixData" :reshow="currentTab==='ucharts1'" background="#fff"/> -->
	 <!-- 条状图 -->
	 <qiun-data-charts type="bar" :opts="{xAxis:{max:70},extra:{bar:{type:'stack'}}}" :chartData="chartMixData" background="#fff"/></view>

data数据

chartMixData:{
	categories: ['1月','2月','3月'],
		series: [
			{
				name: "处理中",
				data: [12,9,21]
			},
			{
				name: "新工单",
				data: [10,9,15]
			},
			{
				name: "已完成",
				data: [10,11,9]
			},
			{
				name: "超时",
				data: [11,9,15]
			}
		]
	}
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值