00000000
00000018
00000030
00000048
00000060
00000078
00000090
000000A8
000000C0
000000D8
000000F0
00000108
00000120
00000138
00000150
00000168
00000180
00000198
000001B0
000001C8
000001E0
000001F8
00000210
00000228
00000240
00000258
00000270
00000288
000002A0
000002B8
000002D0
000002E8
00000300
00000318
00000330
00000348
00000360
00000378
00000390
000003A8
000003C0
000003D8
000003F0
00000408
00000420
00000438
00000450
00000468
00000480
00000498
000004B0
000004C8
000004E0
000004F8
00000510
00000528
00000540
00000558
00000570
00000588
000005A0
000005B8
000005D0
000005E8
00000600
00000618
00000630
00000648
00000660
00000678
00000690
000006A8
| 76 61 72 20 52 65 61 63 74 20 3D 20 72 65 71 75 69 72 65 28 27 72 65 61
63 74 27 29 3B 0D 0A 76 61 72 20 43 61 6E 76 61 73 4A 53 20 3D 20 72 65
71 75 69 72 65 28 27 2E 2F 63 61 6E 76 61 73 6A 73 2E 6D 69 6E 27 29 3B
0D 0A 43 61 6E 76 61 73 4A 53 20 3D 20 43 61 6E 76 61 73 4A 53 2E 43 68
61 72 74 20 3F 20 43 61 6E 76 61 73 4A 53 20 3A 20 77 69 6E 64 6F 77 2E
43 61 6E 76 61 73 4A 53 3B 0D 0A 0D 0A 63 6C 61 73 73 20 43 61 6E 76 61
73 4A 53 43 68 61 72 74 20 65 78 74 65 6E 64 73 20 52 65 61 63 74 2E 43
6F 6D 70 6F 6E 65 6E 74 20 7B 0D 0A 09 73 74 61 74 69 63 20 5F 63 6A 73
43 6F 6E 74 61 69 6E 65 72 49 64 20 3D 20 30 0D 0A 09 63 6F 6E 73 74 72
75 63 74 6F 72 28 70 72 6F 70 73 29 20 7B 09 09 0D 0A 09 09 73 75 70 65
72 28 70 72 6F 70 73 29 3B 09 09 0D 0A 09 09 74 68 69 73 2E 6F 70 74 69
6F 6E 73 20 3D 20 70 72 6F 70 73 2E 6F 70 74 69 6F 6E 73 20 3F 20 70 72
6F 70 73 2E 6F 70 74 69 6F 6E 73 20 3A 20 7B 7D 3B 09 09 0D 0A 09 09 74
68 69 73 2E 63 6F 6E 74 61 69 6E 65 72 50 72 6F 70 73 20 3D 20 70 72 6F
70 73 2E 63 6F 6E 74 61 69 6E 65 72 50 72 6F 70 73 20 3F 20 70 72 6F 70
73 2E 63 6F 6E 74 61 69 6E 65 72 50 72 6F 70 73 20 3A 20 7B 77 69 64 74
68 3A 20 22 31 30 30 25 22 2C 20 70 6F 73 69 74 69 6F 6E 3A 20 22 72 65
6C 61 74 69 76 65 22 7D 3B 0D 0A 09 09 74 68 69 73 2E 63 6F 6E 74 61 69
6E 65 72 50 72 6F 70 73 2E 68 65 69 67 68 74 20 3D 20 70 72 6F 70 73 2E
63 6F 6E 74 61 69 6E 65 72 50 72 6F 70 73 20 26 26 20 70 72 6F 70 73 2E
63 6F 6E 74 61 69 6E 65 72 50 72 6F 70 73 2E 68 65 69 67 68 74 20 3F 20
70 72 6F 70 73 2E 63 6F 6E 74 61 69 6E 65 72 50 72 6F 70 73 2E 68 65 69
67 68 74 20 3A 20 74 68 69 73 2E 6F 70 74 69 6F 6E 73 2E 68 65 69 67 68
74 20 3F 20 74 68 69 73 2E 6F 70 74 69 6F 6E 73 2E 68 65 69 67 68 74 20
2B 20 22 70 78 22 20 3A 20 22 34 30 30 70 78 22 3B 0D 0A 09 09 74 68 69
73 2E 63 68 61 72 74 43 6F 6E 74 61 69 6E 65 72 49 64 20 3D 20 22 63 61
6E 76 61 73 6A 73 2D 72 65 61 63 74 2D 63 68 61 72 74 2D 63 6F 6E 74 61
69 6E 65 72 2D 22 20 2B 20 43 61 6E 76 61 73 4A 53 43 68 61 72 74 2E 5F
63 6A 73 43 6F 6E 74 61 69 6E 65 72 49 64 2B 2B 3B 0D 0A 09 7D 09 0D 0A
09 63 6F 6D 70 6F 6E 65 6E 74 44 69 64 4D 6F 75 6E 74 28 29 20 7B 0D 0A
09 09 2F 2F 43 72 65 61 74 65 20 43 68 61 72 74 20 61 6E 64 20 52 65 6E
64 65 72 09 09 0D 0A 09 09 74 68 69 73 2E 63 68 61 72 74 20 3D 20 6E 65
77 20 43 61 6E 76 61 73 4A 53 2E 43 68 61 72 74 28 74 68 69 73 2E 63 68
61 72 74 43 6F 6E 74 61 69 6E 65 72 49 64 2C 20 74 68 69 73 2E 6F 70 74
69 6F 6E 73 29 3B 0D 0A 09 09 74 68 69 73 2E 63 68 61 72 74 2E 72 65 6E
64 65 72 28 29 3B 0D 0A 09 09 0D 0A 09 09 69 66 28 74 68 69 73 2E 70 72
6F 70 73 2E 6F 6E 52 65 66 29 0D 0A 09 09 09 74 68 69 73 2E 70 72 6F 70
73 2E 6F 6E 52 65 66 28 74 68 69 73 2E 63 68 61 72 74 29 3B 0D 0A 09 7D
09 0D 0A 20 20 20 20 73 68 6F 75 6C 64 43 6F 6D 70 6F 6E 65 6E 74 55 70
64 61 74 65 28 6E 65 78 74 50 72 6F 70 73 2C 20 6E 65 78 74 53 74 61 74
65 29 7B 0D 0A 09 09 2F 2F 43 68 65 63 6B 20 69 66 20 43 68 61 72 74 2D
6F 70 74 69 6F 6E 73 20 68 61 73 20 63 68 61 6E 67 65 64 20 61 6E 64 20
64 65 74 65 72 6D 69 6E 65 20 69 66 20 63 6F 6D 70 6F 6E 65 6E 74 20 68
61 73 20 74 6F 20 62 65 20 75 70 64 61 74 65 64 0D 0A 20 20 20 20 20 20
20 20 72 65 74 75 72 6E 20 21 28 6E 65 78 74 50 72 6F 70 73 2E 6F 70 74
69 6F 6E 73 20 3D 3D 3D 20 74 68 69 73 2E 6F 70 74 69 6F 6E 73 29 3B 0D
0A 20 20 20 20 7D 0D 0A 09 63 6F 6D 70 6F 6E 65 6E 74 44 69 64 55 70 64
61 74 65 28 29 20 7B 0D 0A 09 09 2F 2F 55 70 64 61 74 65 20 43 68 61 72
74 20 4F 70 74 69 6F 6E 73 20 26 20 52 65 6E 64 65 72 0D 0A 09 09 74 68
69 73 2E 63 68 61 72 74 2E 6F 70 74 69 6F 6E 73 20 3D 20 74 68 69 73 2E
70 72 6F 70 73 2E 6F 70 74 69 6F 6E 73 3B 0D 0A 09 09 74 68 69 73 2E 63
68 61 72 74 2E 72 65 6E 64 65 72 28 29 3B 0D 0A 09 7D 0D 0A 09 63 6F 6D
70 6F 6E 65 6E 74 57 69 6C 6C 55 6E 6D 6F 75 6E 74 28 29 20 7B 0D 0A 09
09 2F 2F 44 65 73 74 72 6F 79 20 63 68 61 72 74 20 61 6E 64 20 72 65 6D
6F 76 65 20 72 65 66 65 72 65 6E 63 65 0D 0A 09 09 74 68 69 73 2E 63 68
61 72 74 2E 64 65 73 74 72 6F 79 28 29 3B 0D 0A 09 09 69 66 28 74 68 69
73 2E 70 72 6F 70 73 2E 6F 6E 52 65 66 29 0D 0A 09 09 09 74 68 69 73 2E
70 72 6F 70 73 2E 6F 6E 52 65 66 28 75 6E 64 65 66 69 6E 65 64 29 3B 0D
0A 09 7D 09 09 0D 0A 09 72 65 6E 64 65 72 28 29 20 7B 09 09 0D 0A 09 09
2F 2F 72 65 74 75 72 6E 20 52 65 61 63 74 2E 63 72 65 61 74 65 45 6C 65
6D 65 6E 74 28 27 64 69 76 27 2C 20 7B 20 69 64 3A 20 74 68 69 73 2E 63
68 61 72 74 43 6F 6E 74 61 69 6E 65 72 49 64 2C 20 73 74 79 6C 65 3A 20
74 68 69 73 2E 63 6F 6E 74 61 69 6E 65 72 50 72 6F 70 73 20 7D 29 3B 09
09 0D 0A 09 09 72 65 74 75 72 6E 20 3C 64 69 76 20 69 64 20 3D 20 7B 74
68 69 73 2E 63 68 61 72 74 43 6F 6E 74 61 69 6E 65 72 49 64 7D 20 73 74
79 6C 65 20 3D 20 7B 74 68 69 73 2E 63 6F 6E 74 61 69 6E 65 72 50 72 6F
70 73 7D 2F 3E 09 09 0D 0A 09 7D 09 0D 0A 7D 0D 0A 0D 0A 76 61 72 20 43
61 6E 76 61 73 4A 53 52 65 61 63 74 20 3D 20 7B 0D 0A 20 20 20 20 43 61
6E 76 61 73 4A 53 43 68 61 72 74 3A 20 43 61 6E 76 61 73 4A 53 43 68 61
72 74 2C 0D 0A 20 20 20 20 43 61 6E 76 61 73 4A 53 3A 20 43 61 6E 76 61
73 4A 53 0D 0A 7D 3B 0D 0A 0D 0A 65 78 70 6F 72 74 20 64 65 66 61 75 6C
74 20 43 61 6E 76 61 73 4A 53 52 65 61 63 74 3B | var React = require('rea
ct'); var CanvasJS = re
quire('./canvasjs.min');
CanvasJS = CanvasJS.Ch
art ? CanvasJS : window.
CanvasJS; class Canva
sJSChart extends React.C
omponent { static _cjs
ContainerId = 0 constr
uctor(props) { supe
r(props); this.opti
ons = props.options ? pr
ops.options : {}; t
his.containerProps = pro
ps.containerProps ? prop
s.containerProps : {widt
h: "100%", position: "re
lative"}; this.contai
nerProps.height = props.
containerProps && props.
containerProps.height ?
props.containerProps.hei
ght : this.options.heigh
t ? this.options.height
+ "px" : "400px"; thi
s.chartContainerId = "ca
nvasjs-react-chart-conta
iner-" + CanvasJSChart._
cjsContainerId++; }
componentDidMount() {
//Create Chart and Ren
der this.chart = ne
w CanvasJS.Chart(this.ch
artContainerId, this.opt
ions); this.chart.ren
der(); if(this.pr
ops.onRef) this.prop
s.onRef(this.chart); }
shouldComponentUp
date(nextProps, nextStat
e){ //Check if Chart-
options has changed and
determine if component h
as to be updated
return !(nextProps.opt
ions === this.options);
} componentDidUpd
ate() { //Update Char
t Options & Render th
is.chart.options = this.
props.options; this.c
hart.render(); } com
ponentWillUnmount() {
//Destroy chart and rem
ove reference this.ch
art.destroy(); if(thi
s.props.onRef) this.
props.onRef(undefined);
} render() {
//return React.createEle
ment('div', { id: this.c
hartContainerId, style:
this.containerProps });
return <div id = {t
his.chartContainerId} st
yle = {this.containerPro
ps}/> } } var C
anvasJSReact = { Ca
nvasJSChart: CanvasJSCha
rt, CanvasJS: Canva
sJS }; export defaul
t CanvasJSReact; |