+
-
+
+
+
+
{L_BACK}
@@ -145,11 +173,107 @@
});
}
}
+
+ var myNewChart_Cutoff = 0;
+ function populateChart_Cutoff() {
+ if (!myNewChart_Cutoff) {
+ myNewChart_Cutoff = new Chart(document.getElementById("myChart_Cutoff"), {
+ type: 'line',
+ data: {
+ labels: [
+
+ {levels_cutoff.LEVEL},
+
+ ],
+ datasets: [{
+ data: [
+
+ {levels_cutoff.COUNT},
+
+ ],
+ label: "Characters of this level: ",
+ borderColor: "rgba(138, 163, 255, 1)",
+ fillOpacity: .3,
+ backgroundColor: "rgba(138, 163, 255, 0.5)",
+ fill: true,
+ borderWidth: 1,
+ pointRadius: 2,
+ pointHoverRadius: 4
+ }
+ ]
+ },
+ options: {
+ tooltips: {
+ custom: function(tooltip) {
+ if (!tooltip) return;
+ // disable displaying the color box;
+ tooltip.displayColors = false;
+ },
+ callbacks: {
+ title: function(tooltipItem, data) {
+ return "";
+ return "Level: " + data.labels[tooltipItem[0]['index']];
+ },
+ label: function(tooltipItem, data) {
+ return data.datasets[0].data[tooltipItem['index']] + ' of {CHAR_COUNT_CUTOFF} characters are level ' + data.labels[tooltipItem['index']];
+ }
+ }
+ },
+ elements: {
+ line: {
+ tension: .600001
+ }
+ },
+ title: {
+ display: false,
+ text: 'Level Distribution'
+ },
+ legend: {
+ display: false,
+ labels: {
+ fontColor: 'rgb(255, 99, 132)'
+ }
+ },
+ scales: {
+ xAxes: [{
+ ticks: {
+ autoSkip: true,
+ maxTicksLimit: 20,
+ fontColor: 'white'
+ },
+ display: true,
+ scaleLabel: {
+ display: true,
+ labelString: 'Level',
+ fontColor: 'white'
+ }
+ }],
+ yAxes: [{
+ ticks: {
+ fontColor: 'white'
+ },
+ display: true,
+ scaleLabel: {
+ display: true,
+ labelString: 'Count',
+ fontColor: 'white'
+ }
+ }]
+ }
+ }
+ });
+ }
+ }
diff --git a/templates/settings_body.tpl b/templates/settings_body.tpl
index c45ca827..ca4c0e5d 100644
--- a/templates/settings_body.tpl
+++ b/templates/settings_body.tpl
@@ -22,9 +22,10 @@