php1

qq

var color = Chart.helpers.color; var config = { type: 'radar', data: { labels: ['var1','var2','var3','var4','var5'], datasets: [{ label: '', backgroundColor: color(window.chartColors.red).alpha(0.2).rgbString(), borderColor: window.chartColors.red, pointBackgroundColor: window.chartColors.red, data: [ randomScalingFactor(), randomScalingFactor(), randomScalingFactor(), randomScalingFactor(), randomScalingFactor() ] }, ] }, options: { legend: { position: 'top', }, title: { display: true, text: 'Chart.js Radar Chart' }, scale: { ticks: { beginAtZero: true } } } };

window.onload = function() { window.myRadar = new Chart(document.getElementById('canvas'), config); };

document.getElementById('randomizeData').addEventListener('click', function() { config.data.datasets.forEach(function(dataset) { dataset.data = dataset.data.map(function() { return randomScalingFactor(); }); });

window.myRadar.update(); });

var colorNames = Object.keys(window.chartColors); document.getElementById('addDataset').addEventListener('click', function() { var colorName = colorNames[config.data.datasets.length % colorNames.length]; var newColor = window.chartColors[colorName];

var newDataset = { label: 'Dataset ' + config.data.datasets.length, borderColor: newColor, backgroundColor: color(newColor).alpha(0.2).rgbString(), pointBackgroundColor: newColor, data: [], };

for (var index = 0; index < config.data.labels.length; ++index) { newDataset.data.push(randomScalingFactor()); } config.data.datasets.push(newDataset); window.myRadar.update(); }); document.getElementById('addData').addEventListener('click', function() { if (config.data.datasets.length > 0) { config.data.labels.push('dataset #' + config.data.labels.length);

config.data.datasets.forEach(function(dataset) { dataset.data.push(randomScalingFactor()); });

window.myRadar.update(); } });

document.getElementById('removeDataset').addEventListener('click', function() { config.data.datasets.splice(0, 1); window.myRadar.update(); });

document.getElementById('removeData').addEventListener('click', function() { config.data.labels.pop(); // remove the label first

config.data.datasets.forEach(function(dataset) { dataset.data.pop(); });

window.myRadar.update(); });

روان نژندی N

برون گرایی – درون گرایی E

اشتیاق به تجارب تازه O

توافق پذیری A

وظیفه شناسی C

روان نژندی 0
برون گرایی – درون گرایی 0
اشتیاق به تجارب تازه 0
توافق پذیری 0
وظیفه شناسی 0

روان نژندی

برون گرایی – درون گرایی

اشتیاق به تجارب تازه

توافق پذیری

وظیفه شناسی