Update enter_information.php

[clinton/MarylandElectronicPetitionSignature.git] / files / canvasjs.react.js

var React = require('react');\r
var CanvasJS = require('./canvasjs.min');\r
CanvasJS = CanvasJS.Chart ? CanvasJS : window.CanvasJS;\r
\r
class CanvasJSChart extends React.Component {\r
	static _cjsContainerId = 0\r
	constructor(props) {		\r
		super(props);		\r
		this.options = props.options ? props.options : {};		\r
		this.containerProps = props.containerProps ? props.containerProps : {width: "100%", position: "relative"};\r
		this.containerProps.height = props.containerProps && props.containerProps.height ? props.containerProps.height : this.options.height ? this.options.height + "px" : "400px";\r
		this.chartContainerId = "canvasjs-react-chart-container-" + CanvasJSChart._cjsContainerId++;\r
	}	\r
	componentDidMount() {\r
		//Create Chart and Render		\r
		this.chart = new CanvasJS.Chart(this.chartContainerId, this.options);\r
		this.chart.render();\r
		\r
		if(this.props.onRef)\r
			this.props.onRef(this.chart);\r
	}	\r
    shouldComponentUpdate(nextProps, nextState){\r
		//Check if Chart-options has changed and determine if component has to be updated\r
        return !(nextProps.options === this.options);\r
    }\r
	componentDidUpdate() {\r
		//Update Chart Options & Render\r
		this.chart.options = this.props.options;\r
		this.chart.render();\r
	}\r
	componentWillUnmount() {\r
		//Destroy chart and remove reference\r
		this.chart.destroy();\r
		if(this.props.onRef)\r
			this.props.onRef(undefined);\r
	}		\r
	render() {		\r
		//return React.createElement('div', { id: this.chartContainerId, style: this.containerProps });		\r
		return <div id = {this.chartContainerId} style = {this.containerProps}/>		\r
	}	\r
}\r
\r
var CanvasJSReact = {\r
    CanvasJSChart: CanvasJSChart,\r
    CanvasJS: CanvasJS\r
};\r
\r
export default CanvasJSReact;