ageChart.vue.wxml

<import src="/components/circle.vue.wxml" /><template name="6826fbc9"><view class="_view 6826fbc9 agechart"><view id="{{bindId}}" class="_div 6826fbc9 chart"><view class="_div 6826fbc9 titles">{{chartData.title}}</view><view class="_div 6826fbc9 agesBox"><view class="_div 6826fbc9 items"><template radius="8" barColor="#3BB8FF" backgroundColor="#F3F3F3" textColor="#3BB8FF" data="{{...$root['0'], ...$root[$kk+'6826fbc9-0'],$root}}" is="1c62360c"></template></view><view class="_div 6826fbc9 items"><template radius="8" barColor="#FFC62E" textColor="#FFC62E" backgroundColor="#F3F3F3" data="{{...$root['0'], ...$root[$kk+'6826fbc9-1'],$root}}" is="1c62360c"></template></view></view><view class="_div 6826fbc9 barBox"><view class="_div 6826fbc9 bar"><view class="_div 6826fbc9 maleBar" style=" {{('width:' + malePer + ';')}}"></view><view class="_div 6826fbc9 femaleBar" style=" {{('width:' + femalePer + ';')}}"></view></view><label class="_span 6826fbc9 barText maleText">男 {{malePer}}</label><label class="_span 6826fbc9 barText femaleText">女 {{femalePer}}</label></view></view></view></template>