Commit 197cadde authored by beysong's avatar beysong Committed by 陈帅

Guade组件指针指向不准的问题 (#2804)

parent dc2b86c1
...@@ -72,7 +72,7 @@ class Gauge extends React.Component { ...@@ -72,7 +72,7 @@ class Gauge extends React.Component {
nice: true, nice: true,
}, },
}; };
const data = [{ value: percent }]; const data = [{ value: percent / 10 }];
return ( return (
<Chart height={height} data={data} scale={cols} padding={[-16, 0, 16, 0]} forceFit={forceFit}> <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} /> <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 { ...@@ -134,7 +134,7 @@ class Gauge extends React.Component {
<Arc <Arc
zIndex={1} zIndex={1}
start={[0, 0.965]} start={[0, 0.965]}
end={[data[0].value / 10, 0.965]} end={[data[0].value, 0.965]}
style={{ style={{
stroke: color, stroke: color,
lineWidth: 10, lineWidth: 10,
...@@ -146,7 +146,7 @@ class Gauge extends React.Component { ...@@ -146,7 +146,7 @@ class Gauge extends React.Component {
<div style="width: 300px;text-align: center;font-size: 12px!important;"> <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: 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;"> <p style="font-size: 24px;color: rgba(0,0,0,0.85);margin: 0;">
${data[0].value}% ${data[0].value * 10}%
</p> </p>
</div>`} </div>`}
/> />
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment