new

.gitignore

@@ -0,0 +1 @@
+node_modules

frontend/admin.py

@@ -0,0 +1,3 @@
+from django.contrib import admin
+
+# Register your models here.

frontend/apps.py

@@ -0,0 +1,5 @@
+from django.apps import AppConfig
+
+
+class FrontendConfig(AppConfig):
+    name = 'frontend'

frontend/models.py

@@ -0,0 +1,3 @@
+from django.db import models
+
+# Create your models here.

frontend/src/components/canvasjs.react.js

@@ -0,0 +1,48 @@
+var React = require('react');
+export var CanvasJS = require('./canvasjs.min');
+CanvasJS = CanvasJS.Chart ? CanvasJS : window.CanvasJS;
+
+export 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}/>		
+	}	
+}
+
+export var CanvasJSReact = {
+    CanvasJSChart: CanvasJSChart,
+    CanvasJS: CanvasJS
+};
+
+export default CanvasJSReact;

frontend/tests.py

@@ -0,0 +1,3 @@
+from django.test import TestCase
+
+# Create your tests here.

frontend/views.py

@@ -0,0 +1,5 @@
+from django.shortcuts import render
+
+
+def index(request):
+    return render(request, 'frontend/index.html')