From Dark and Darker Wiki
(Removed Title Name) |
(Checking out Chart.js) |
||
Line 1: | Line 1: | ||
/* Any JavaScript here will be loaded for all users on every page load. */ | /* Any JavaScript here will be loaded for all users on every page load. */ | ||
const ctx = document.getElementById('myChart'); | |||
new Chart(ctx, { | |||
type: 'bar', | |||
data: { | |||
labels: labels, | |||
datasets: [{ | |||
label: 'My First Dataset', | |||
data: [{ | |||
x: 1, | |||
y: 0.5 | |||
}, { | |||
x: 2, | |||
y: 60 | |||
}, { | |||
x: 3, | |||
y: 20 | |||
}], | |||
fill: false, | |||
borderColor: 'rgb(75, 192, 192)', | |||
tension: 0.1 | |||
}] | |||
}, | |||
options: { | |||
scales: { | |||
y: { | |||
beginAtZero: true | |||
} | |||
} | |||
} | |||
}); |
Revision as of 09:37, 5 January 2023
/* Any JavaScript here will be loaded for all users on every page load. */
const ctx = document.getElementById('myChart');
new Chart(ctx, {
type: 'bar',
data: {
labels: labels,
datasets: [{
label: 'My First Dataset',
data: [{
x: 1,
y: 0.5
}, {
x: 2,
y: 60
}, {
x: 3,
y: 20
}],
fill: false,
borderColor: 'rgb(75, 192, 192)',
tension: 0.1
}]
},
options: {
scales: {
y: {
beginAtZero: true
}
}
}
});