|
|
@ -92,11 +92,11 @@ function RingChart(props) { |
|
|
|
}; |
|
|
|
const { height, width } = props; |
|
|
|
const options = getOption(); |
|
|
|
const percent_colors = ['#F8C86B', '#24DDFA', '#267FD3',] |
|
|
|
const percent_colors = ['#24DDFA', '#267FD3', '#F8C86B',] |
|
|
|
const renderList = () => data.map((s, index) => ( |
|
|
|
<div key={s.name || index} className="type-leagle-item flex-row flex-item-center"> |
|
|
|
<div className="flex-row flex-item-center"> |
|
|
|
<div className="type-leagle-dot" style={{ background: `linear-gradient(16deg, ${colors[index].linearGradientFrom} 0%, ${colors[index].linearGradientTo} 100%)` }} /> |
|
|
|
<div className="type-leagle-dot" style={{ background: percent_colors[index] }} /> |
|
|
|
<div className="type-leagle-label">{s.name}</div> |
|
|
|
</div> |
|
|
|
<div className="type-leagle-value">{s.value}个 <span style={{ fontSize: 14, color: percent_colors[index] }}>14%</span></div> |
|
|
|