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
| 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 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 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 6D 6F 64 75 6C 65 2E 65 78 70 6F 72 74 73 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 | var React = require('rea
ct'); var CanvasJS = re
quire('./canvasjs.min');
class CanvasJSChart
extends React.Component
{ static _cjsContainer
Id = 0 constructor(pro
ps) { super(props);
this.options = pro
ps.options ? props.optio
ns : {}; this.conta
inerProps = props.contai
nerProps ? props.contain
erProps : {width: "100%"
, position: "relative"};
this.containerProps.
height = props.container
Props && props.container
Props.height ? props.con
tainerProps.height : thi
s.options.height ? this.
options.height + "px" :
"400px"; this.chartCo
ntainerId = "canvasjs-re
act-chart-container-" +
CanvasJSChart._cjsContai
nerId++; } componen
tDidMount() { //Creat
e Chart and Render th
is.chart = new CanvasJS.
Chart(this.chartContaine
rId, this.options); t
his.chart.render();
if(this.props.onRef)
this.props.onRef(thi
s.chart); } shou
ldComponentUpdate(nextPr
ops, nextState){ //Ch
eck if Chart-options has
changed and determine i
f component has to be up
dated return !(
nextProps.options === th
is.options); } co
mponentDidUpdate() {
//Update Chart Options &
Render this.chart.op
tions = this.props.optio
ns; this.chart.render
(); } componentWillU
nmount() { //Destroy
chart and remove referen
ce this.chart.destroy
(); if(this.props.onR
ef) this.props.onRef
(undefined); } ren
der() { //return Re
act.createElement('div',
{ id: this.chartContain
erId, style: this.contai
nerProps }); return
<div id = {this.chartCo
ntainerId} style = {this
.containerProps}/> }
} module.exports =
{ CanvasJSChart: C
anvasJSChart, Canva
sJS: CanvasJS }; |