migrate to new git
This commit is contained in:
57
web/App_Script/canvasjs-3.4.4/canvasjs.react.js
Normal file
57
web/App_Script/canvasjs-3.4.4/canvasjs.react.js
Normal file
@@ -0,0 +1,57 @@
|
||||
/*
|
||||
CanvasJS React Charts - https://canvasjs.com/
|
||||
Copyright 2021 fenopix
|
||||
|
||||
--------------------- License Information --------------------
|
||||
CanvasJS is a commercial product which requires purchase of license. Without a commercial license you can use it for evaluation purposes for upto 30 days. Please refer to the following link for further details.
|
||||
https://canvasjs.com/license/
|
||||
|
||||
*/
|
||||
var React = require('react');
|
||||
var CanvasJS = require('./canvasjs.min');
|
||||
CanvasJS = CanvasJS.Chart ? CanvasJS : window.CanvasJS;
|
||||
|
||||
class CanvasJSChart extends React.Component {
|
||||
static _cjsContainerId = 0
|
||||
constructor(props) {
|
||||
super(props);
|
||||
this.options = props.options ? props.options : {};
|
||||
this.containerProps = props.containerProps ? props.containerProps : { width: "100%", position: "relative" };
|
||||
this.containerProps.height = props.containerProps && props.containerProps.height ? props.containerProps.height : this.options.height ? this.options.height + "px" : "400px";
|
||||
this.chartContainerId = "canvasjs-react-chart-container-" + CanvasJSChart._cjsContainerId++;
|
||||
}
|
||||
componentDidMount() {
|
||||
//Create Chart and Render
|
||||
this.chart = new CanvasJS.Chart(this.chartContainerId, this.options);
|
||||
this.chart.render();
|
||||
|
||||
if (this.props.onRef)
|
||||
this.props.onRef(this.chart);
|
||||
}
|
||||
shouldComponentUpdate(nextProps, nextState) {
|
||||
//Check if Chart-options has changed and determine if component has to be updated
|
||||
return !(nextProps.options === this.options);
|
||||
}
|
||||
componentDidUpdate() {
|
||||
//Update Chart Options & Render
|
||||
this.chart.options = this.props.options;
|
||||
this.chart.render();
|
||||
}
|
||||
componentWillUnmount() {
|
||||
//Destroy chart and remove reference
|
||||
this.chart.destroy();
|
||||
if (this.props.onRef)
|
||||
this.props.onRef(undefined);
|
||||
}
|
||||
render() {
|
||||
//return React.createElement('div', { id: this.chartContainerId, style: this.containerProps });
|
||||
return <div id={this.chartContainerId} style={this.containerProps} />
|
||||
}
|
||||
}
|
||||
|
||||
var CanvasJSReact = {
|
||||
CanvasJSChart: CanvasJSChart,
|
||||
CanvasJS: CanvasJS
|
||||
};
|
||||
|
||||
export default CanvasJSReact;
|
||||
Reference in New Issue
Block a user