| <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> |