From Dark and Darker Wiki
No edit summary |
No edit summary |
||
| (3 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
<includeonly> | <includeonly> | ||
<div> | <div> | ||
<canvas id="<!--{$ | <canvas id="<!--{$uniqueId|escape:'html'}-->"></canvas> | ||
</div> | </div> | ||
<script> | <script> | ||
var data = JSON.parse('<!--{$data|escape:'quotes'}-->'); | |||
var data = JSON.parse('<!--{$data|escape:'quotes'}-->') | |||
var color = '<!--{$color|escape:'quotes'}-->'; | var color = '<!--{$color|escape:'quotes'}-->'; | ||
var gridColor = '<!--{$gridColor|escape:'quotes'}-->'; | var gridColor = '<!--{$gridColor|escape:'quotes'}-->'; | ||
var axisColor = '<!--{$axisColor|escape:'quotes'}-->'; | var axisColor = '<!--{$axisColor|escape:'quotes'}-->'; | ||
| Line 29: | Line 24: | ||
if (fontColor == "") { | if (fontColor == "") { | ||
fontColor = | fontColor = "gray"; | ||
} | } | ||
| Line 45: | Line 40: | ||
var range = [...Array(max - min + 1).keys()].map((x) => x + min); | var range = [...Array(max - min + 1).keys()].map((x) => x + min); | ||
new Chart(document.getElementById('<!--{$ | new Chart(document.getElementById('<!--{$uniqueId|escape:'html'}-->'), { | ||
type: "line", | type: "line", | ||
axisX: { | axisX: { | ||
| Line 55: | Line 50: | ||
{ | { | ||
data: data, | data: data, | ||
borderColor: color, | borderColor: color, | ||
backgroundColor: color, | backgroundColor: color, | ||
| Line 63: | Line 57: | ||
}, | }, | ||
options: { | options: { | ||
plugins:{ | |||
legend: { | |||
display: false | |||
} | |||
}, | |||
scales: { | scales: { | ||
y: { | y: { | ||
| Line 90: | Line 89: | ||
} | } | ||
}); | }); | ||
</script> | </script> | ||
</includeonly> | </includeonly> | ||