|
|
@ -47,7 +47,7 @@ function RingChart(props) { |
|
|
|
tooltip: { |
|
|
|
...tooltip, |
|
|
|
trigger: 'item', |
|
|
|
formatter: '{b} : {c}个 ({d}%)', |
|
|
|
formatter: '{b} : {c}人 ({d}%)', |
|
|
|
position: ['10%', '40%'], |
|
|
|
}, |
|
|
|
// 渐变色
|
|
|
@ -100,7 +100,7 @@ function RingChart(props) { |
|
|
|
<div className="type-leagle-dot" style={{ background: RING_COLORS[index]?.linearGradientFrom }} /> |
|
|
|
<div className="type-leagle-label">{s.name}</div> |
|
|
|
</div> |
|
|
|
<div className="type-leagle-value">{s.value}个 <div style={{ textAlign: 'right', display: 'inline-block', width: 40, fontSize: 14, color: RING_COLORS[index]?.linearGradientFrom }}>{Math.round(s.value / total * 100)}%</div></div> |
|
|
|
<div className="type-leagle-value">{s.value} <div style={{ textAlign: 'right', display: 'inline-block', width: 40, fontSize: 14, color: RING_COLORS[index]?.linearGradientFrom }}>{Math.round(s.value / total * 100)}%</div></div> |
|
|
|
</div> |
|
|
|
)); |
|
|
|
|
|
|
|