Commit 86fcd411 authored by Dorian Goepp's avatar Dorian Goepp

comment typo and indentation fix

parent 1f62a986
...@@ -7,7 +7,7 @@ class HorizontalGauge extends Component { ...@@ -7,7 +7,7 @@ class HorizontalGauge extends Component {
render() { render() {
const value = ('value' in this.props && this.props.value) ? this.props.value : 0; const value = ('value' in this.props && this.props.value) ? this.props.value : 0;
// Define the dimensions of the gaug // Define the dimensions of the gauge
const margin = { left:10, top: 10, right: 10, bottom: 10}, const margin = { left:10, top: 10, right: 10, bottom: 10},
width = this.props.size.width - margin.left - margin.right, width = this.props.size.width - margin.left - margin.right,
height = 20; height = 20;
...@@ -22,17 +22,17 @@ class HorizontalGauge extends Component { ...@@ -22,17 +22,17 @@ class HorizontalGauge extends Component {
.clamp(true); .clamp(true);
const svg = <svg viewBox={viewbox} width={width + margin.left + margin.right} height={height + margin.top + margin.bottom}> const svg = <svg viewBox={viewbox} width={width + margin.left + margin.right} height={height + margin.top + margin.bottom}>
{/* translate to add some margin around the gauge */} {/* translate to add some margin around the gauge */}
<g className="gauge" transform={"translate(" + margin.left + "," + margin.top + ")"}> <g className="gauge" transform={"translate(" + margin.left + "," + margin.top + ")"}>
{/* Background of the gauge */} {/* Background of the gauge */}
<rect className="background" x="0" y="0" width={width} height={height} ry="5px"/> <rect className="background" x="0" y="0" width={width} height={height} ry="5px"/>
{/* Representation of the value */} {/* Representation of the value */}
<rect className="overlay" x="0" y="0" width={xScale(value)} height={height} ry="5px"/> <rect className="overlay" x="0" y="0" width={xScale(value)} height={height} ry="5px"/>
{/* Text of the gauge */} {/* Text of the gauge */}
<text className="label" x={width/2} y={height/2} textAnchor="middle" dominantBaseline="central"> <text className="label" x={width/2} y={height/2} textAnchor="middle" dominantBaseline="central">
{"" + value.toFixed(2)} {"" + value.toFixed(2)}
</text> </text>
</g> </g>
</svg>; </svg>;
return <div>{svg}</div>; return <div>{svg}</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