Browse Source

(*)水利建设数据展示完善

master
peng.peng 2 years ago
parent
commit
5f0acf125e
  1. 4
      super-screen/client/src/sections/water-prevention/components/charts/ring.js

4
super-screen/client/src/sections/water-prevention/components/charts/ring.js

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

Loading…
Cancel
Save