-
Notifications
You must be signed in to change notification settings - Fork 3
/
displayChart.js
87 lines (76 loc) · 2.71 KB
/
displayChart.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
var adtlabels = [];
var adtdatapoints = [];
var dtdatapoints = [];
var adtdata = {
labels: [],
datasets: [
{
label: "Average Damage per Turn",
fill: false,
lineTension: 0.5,
backgroundColor: "rgba(75,192,192,0.4)",
borderColor: "rgba(75,192,192,1)",
borderCapStyle: 'butt',
borderDash: [],
borderDashOffset: 0.0,
borderJoinStyle: 'miter',
pointBorderColor: "rgba(75,192,192,1)",
pointBackgroundColor: "#fff",
pointBorderWidth: 1,
pointHoverRadius: 5,
pointHoverBackgroundColor: "rgba(75,192,192,1)",
pointHoverBorderColor: "rgba(220,220,220,1)",
pointHoverBorderWidth: 2,
pointRadius: 1,
pointHitRadius: 10,
data: [],
spanGaps: false,
},
{
label: "Damage in Turn",
fill: false,
lineTension: 0.5,
backgroundColor: "rgba(255,165,0,0.4)",
borderColor: "rgba(255,165,0,1)",
borderCapStyle: 'butt',
borderDash: [],
borderDashOffset: 0.0,
borderJoinStyle: 'miter',
pointBorderColor: "rgba(255,165,0,1)",
pointBackgroundColor: "#fff",
pointBorderWidth: 1,
pointHoverRadius: 5,
pointHoverBackgroundColor: "rgba(255,165,0,1)",
pointHoverBorderColor: "rgba(220,220,220,1)",
pointHoverBorderWidth: 2,
pointRadius: 1,
pointHitRadius: 10,
data: [],
spanGaps: false,
}
]
};
var adtoptions = {
scales: {
yAxes: [{
type: 'logarithmic',
position: 'left'
}]
}
};
var graphctx = document.getElementById("graph").getContext("2d");
var adtChart = new Chart.Line(graphctx, {data: adtdata, options: adtoptions});
function updateadtChart() {
adtlabels.push(turnNumber);
//adtdata.labels = adtlabels.slice(Math.max(0,adtlabels.length - 10), adtlabels.length);
//adtdata.labels.push(turnNumber);
adtChart.data.labels.push(turnNumber);
adtdatapoints.push(Math.round(totalDamage / turnNumber / 1000));
dtdatapoints.push(Math.round(turnDamage / 1000));
//adtChart.data.datasets[0].data = adtdatapoints.slice(Math.max(0, adtdatapoints.length - 10), adtdatapoints.length);
//adtChart.data.datasets[1].data = dtdatapoints.slice(Math.max(0, dtdatapoints.length - 10), dtdatapoints.length);;
adtChart.data.datasets[0].data.push(Math.round(totalDamage / turnNumber / 1000));
adtChart.data.datasets[1].data.push(Math.round(turnDamage / 1000));
adtChart.update();
turnDamage = 0;
}