Sfoglia il codice sorgente

解决图表Gauge中值显示的浮点数bug (#2682)

mmmaomao21 7 anni fa
parent
commit
41300f4714
1 ha cambiato i file con 3 aggiunte e 3 eliminazioni
  1. 3 3
      src/components/Charts/Gauge/index.js

+ 3 - 3
src/components/Charts/Gauge/index.js

@@ -72,7 +72,7 @@ class Gauge extends React.Component {
         nice: true,
       },
     };
-    const data = [{ value: percent / 10 }];
+    const data = [{ value: percent }];
     return (
       <Chart height={height} data={data} scale={cols} padding={[-16, 0, 16, 0]} forceFit={forceFit}>
         <Coord type="polar" startAngle={-1.25 * Math.PI} endAngle={0.25 * Math.PI} radius={0.8} />
@@ -134,7 +134,7 @@ class Gauge extends React.Component {
           <Arc
             zIndex={1}
             start={[0, 0.965]}
-            end={[data[0].value, 0.965]}
+            end={[data[0].value / 10, 0.965]}
             style={{
               stroke: color,
               lineWidth: 10,
@@ -146,7 +146,7 @@ class Gauge extends React.Component {
                 <div style="width: 300px;text-align: center;font-size: 12px!important;">
                   <p style="font-size: 14px; color: rgba(0,0,0,0.43);margin: 0;">${title}</p>
                   <p style="font-size: 24px;color: rgba(0,0,0,0.85);margin: 0;">
-                    ${data[0].value * 10}%
+                    ${data[0].value}%
                   </p>
                 </div>`}
           />