From Dark and Darker Wiki
No edit summary |
No edit summary |
||
| (7 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'}-->'; | ||
var fontColor = '<!--{$fontColor|escape:'quotes'}-->'; | |||
if (color == "") { | if (color == "") { | ||
| Line 23: | Line 19: | ||
} | } | ||
if (axisColor == "") { | |||
axisColor = gridColor; | axisColor = gridColor; | ||
} | } | ||
if (fontColor == "") { | |||
fontColor = "gray"; | |||
} | |||
var max = data[0]["x"]; | var max = data[0]["x"]; | ||
var min = max; | var min = max; | ||
| Line 40: | 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 50: | Line 50: | ||
{ | { | ||
data: data, | data: data, | ||
borderColor: color, | borderColor: color, | ||
backgroundColor: color, | backgroundColor: color, | ||
| Line 58: | Line 57: | ||
}, | }, | ||
options: { | options: { | ||
plugins:{ | |||
legend: { | |||
display: false | |||
} | |||
}, | |||
scales: { | scales: { | ||
y: { | y: { | ||
| Line 65: | Line 69: | ||
border: { | border: { | ||
color: axisColor | color: axisColor | ||
}, | |||
ticks: { | |||
color: fontColor | |||
} | } | ||
}, | }, | ||
| Line 74: | Line 81: | ||
border: { | border: { | ||
color: axisColor | color: axisColor | ||
}, | |||
ticks: { | |||
color: fontColor | |||
} | } | ||
} | } | ||
| Line 79: | Line 89: | ||
} | } | ||
}); | }); | ||
</script> | </script> | ||
</includeonly> | </includeonly> | ||