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
}, ]
},