<Surface width={width} height={height}> | |
{data.map((item, index) => { | |
let config = { | |
index: index, | |
width: width, | |
height: height, | |
data: data, | |
color: color, | |
lineWidth: 18, | |
} | |
return ( | |
<Group key={index} x={60} y={-20}> | |
<ConstructShape config={{...config, ...{ color: "#353535", type: 'main' }}} /> | |
<ConstructShape config={{...config, ...{ color: color, type: 'top', lineHeight: 5 }}}/> | |
</Group> | |
); | |
})} | |
</Surface> |