实现效果:
实现代码:
<template>
<div class="sexConstitute">
<div ref="sexConstituteChart" style="width: 350px; height: 40px"></div>
<div class="box">
<div class="left">
男性
<span>{
{
(flowStatisticsInfoVOs.malePercent * 100).toFixed(0) }}%</span>
</div>
<div class="right">
<span>{
{
(flowStatisticsInfoVOs.femalePercent * 100).toFixed(0) }}%</span>
女性
</div>
</div>
</div>
</template>
<script>
import echarts from 'echarts'
export default {
props: {
// flowStatisticsInfoVOs是一个对象 { malePercent:0.5303,femalePercent:0.5303}
flowStatisticsInfoVOs: