diff --git a/super-screen/client/src/sections/water-prevention/components/charts/ring.js b/super-screen/client/src/sections/water-prevention/components/charts/ring.js
index 759c0c5..34205a2 100644
--- a/super-screen/client/src/sections/water-prevention/components/charts/ring.js
+++ b/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>