one more tweak
This commit is contained in:
@@ -106,6 +106,7 @@ export const RadialArcPath = memo(
|
|||||||
<clipPath id={id}>
|
<clipPath id={id}>
|
||||||
<path d={path} />
|
<path d={path} />
|
||||||
</clipPath>
|
</clipPath>
|
||||||
|
|
||||||
<g filter={glowFilter}>
|
<g filter={glowFilter}>
|
||||||
<foreignObject
|
<foreignObject
|
||||||
x={centerX - radius - barWidth}
|
x={centerX - radius - barWidth}
|
||||||
@@ -116,16 +117,12 @@ export const RadialArcPath = memo(
|
|||||||
>
|
>
|
||||||
<div style={bgDivStyle} />
|
<div style={bgDivStyle} />
|
||||||
</foreignObject>
|
</foreignObject>
|
||||||
|
{endpointColors && <circle cx={x1} cy={y1} r={barWidth / 2} fill={endpointColors[0]} />}
|
||||||
|
{endpointColors && <circle cx={x2} cy={y2} r={barWidth / 2} fill={endpointColors[1]} />}
|
||||||
</g>
|
</g>
|
||||||
|
|
||||||
{showGuideDots && (
|
{guideDotColors && arcLengthDeg > 5 && <circle cx={x1} cy={y1} r={dotRadius} fill={guideDotColors[0]} />}
|
||||||
<>
|
{guideDotColors && <circle cx={x2} cy={y2} r={dotRadius} fill={guideDotColors[1]} />}
|
||||||
{endpointColors && <circle cx={x1} cy={y1} r={barWidth / 2} fill={endpointColors[0]} />}
|
|
||||||
{endpointColors && <circle cx={x2} cy={y2} r={barWidth / 2} fill={endpointColors[1]} />}
|
|
||||||
{guideDotColors && arcLengthDeg > 5 && <circle cx={x1} cy={y1} r={dotRadius} fill={guideDotColors[0]} />}
|
|
||||||
{guideDotColors && <circle cx={x2} cy={y2} r={dotRadius} fill={guideDotColors[1]} />}
|
|
||||||
</>
|
|
||||||
)}
|
|
||||||
</>
|
</>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user