Skip to content

Instantly share code, notes, and snippets.

@zackify

zackify/gist:9eb818a4326a7b834d9a

Last active October 3, 2018 15:42
Show Gist options
  • Star 3 You must be signed in to star a gist
  • Fork 1 You must be signed in to fork a gist
  • Save zackify/9eb818a4326a7b834d9a to your computer and use it in GitHub Desktop.
Save zackify/9eb818a4326a7b834d9a to your computer and use it in GitHub Desktop.
Download ZIP
ReactJS Component for http://bernii.github.io/gauge.js/
Raw
gistfile1.js
var GaugeWrapper = React.createClass({
componentDidMount(){
var target = React.findDOMNode(this)
var gauge = new Gauge(target).setOptions(this.props.options);
gauge.maxValue = this.props.max;
gauge.set(this.props.value);
},
render(){
return <canvas width={this.props.width} height={this.props.height} />
}
})
<GaugeWrapper width="500" options={{}} max="500" value="50"/>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment