uniapp 使用 echart 柱状图缩略图

uniapp 使用 echart 柱状图 用到组件qiun-data-charts 样式需要在 opts= ” ” 设置具体可参考组件说明文档





<qiun-data-charts type="mix" :chartData="chartDataB" :opts="{extra:{mix:{column:{barBorderCircle:true,width:10}}},xAxis: {'rotateLabel': true,},dataLabel:false,yAxis:{data:[{position: 'left',title: ''},{dataLabel:false,position: 'right',min: 0,max: 200,title: '',textAlign: 'left'},]}}" background="none" />

chartDataB: {
	"categories": ["2月15号 ", "2月15号 ", "2月15号 ", "2月15号 ", "2月15号 "],
	"series": [{
		"name": "客户群",
		"index": 1,
		"data": [50, 20, 75, 60, 34],
		"color": "#387ffd",
		"type": "column"
	}, {
		"name": "客户数",
		"data": [70, 50, 85, 130, 64],
		"type": "line",
		"style": "curve",
		"color": "#ffce4e",
		"disableLegend": true
	}, ]
},

By lxcss

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注