fix/change
This commit is contained in:
@ -9,7 +9,7 @@ profiles = {
|
|||||||
"info_text4": "relaxing, sleep promoting"
|
"info_text4": "relaxing, sleep promoting"
|
||||||
},
|
},
|
||||||
"Amnesia Haze": {
|
"Amnesia Haze": {
|
||||||
"values": [35, 65, 40, 35, 30, 35],
|
"values": [47, 52, 30, 30, 40, 31],
|
||||||
"info_text0": "20%",
|
"info_text0": "20%",
|
||||||
"info_text1": "<1%",
|
"info_text1": "<1%",
|
||||||
"info_text2": "Sativa-dominant Hybrid",
|
"info_text2": "Sativa-dominant Hybrid",
|
||||||
|
|||||||
@ -8,7 +8,7 @@ document.addEventListener("DOMContentLoaded", () => {
|
|||||||
const youFillColor = 'rgba(255,255,255,0.1)';
|
const youFillColor = 'rgba(255,255,255,0.1)';
|
||||||
const matchLineColor = 'rgb(191,181,49)';
|
const matchLineColor = 'rgb(191,181,49)';
|
||||||
const matchFillColor = 'rgba(191,181,49,0.420)';
|
const matchFillColor = 'rgba(191,181,49,0.420)';
|
||||||
const radialLineColor= 'rgba(255,255,255,0.420)';
|
const radialLineColor= 'rgba(255,255,255,0.1337)';
|
||||||
|
|
||||||
function distance(a,b){ return Math.sqrt(a.reduce((s,v,i)=>s+(v-b[i])**2,0)); }
|
function distance(a,b){ return Math.sqrt(a.reduce((s,v,i)=>s+(v-b[i])**2,0)); }
|
||||||
|
|
||||||
@ -70,11 +70,11 @@ document.addEventListener("DOMContentLoaded", () => {
|
|||||||
maintainAspectRatio:false,
|
maintainAspectRatio:false,
|
||||||
scales:{
|
scales:{
|
||||||
r:{
|
r:{
|
||||||
min:0, max:80,
|
min:0, max:100,
|
||||||
ticks:{ display:false, stepSize:20 },
|
ticks:{ display:false, stepSize:20 },
|
||||||
pointLabels:{ font:{ size:isBest?getFontSize():getBottomChartFontSize(), weight:'bold' }, color:'#FFF' },
|
pointLabels:{ font:{ size:isBest?getFontSize():getBottomChartFontSize(), weight:'bold' }, color:'#FFF' },
|
||||||
angleLines:{ color:radialLineColor },
|
angleLines:{ color:radialLineColor },
|
||||||
grid:{ drawticks:false, drawOnChartArea:false, circular:false }
|
grid:{ color: radialLineColor, drawticks:false, drawOnChartArea:true, circular:false }
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
plugins:{
|
plugins:{
|
||||||
@ -150,8 +150,8 @@ document.addEventListener("DOMContentLoaded", () => {
|
|||||||
const dy = cy-y;
|
const dy = cy-y;
|
||||||
const dist = Math.sqrt(dx*dx + dy*dy);
|
const dist = Math.sqrt(dx*dx + dy*dy);
|
||||||
const rMax = Math.min(rect.width, rect.height)/2 * 0.9;
|
const rMax = Math.min(rect.width, rect.height)/2 * 0.9;
|
||||||
let value = (dist/rMax)*80;
|
let value = (dist/rMax)*100;
|
||||||
value = Math.min(Math.max(Math.round(value),0),80);
|
value = Math.min(Math.max(Math.round(value),0),100);
|
||||||
userData[draggingIndex] = value;
|
userData[draggingIndex] = value;
|
||||||
updateCharts();
|
updateCharts();
|
||||||
});
|
});
|
||||||
|
|||||||
@ -289,7 +289,7 @@ button.magenta-button {
|
|||||||
transition: background-color 0.18s ease, transform 0.12s ease;
|
transition: background-color 0.18s ease, transform 0.12s ease;
|
||||||
}
|
}
|
||||||
|
|
||||||
button[type="submit"] { background-color: #808080; }
|
button[type="submit"] { background-color: #BFB531; }
|
||||||
button[type="submit"]:hover { background-color: #FFFFFF; transform: translateY(1px); }
|
button[type="submit"]:hover { background-color: #FFFFFF; transform: translateY(1px); }
|
||||||
button[type="submit"]:active { background-color: #000000; transform: translateY(0); }
|
button[type="submit"]:active { background-color: #000000; transform: translateY(0); }
|
||||||
|
|
||||||
|
|||||||
@ -85,11 +85,11 @@
|
|||||||
scales: {
|
scales: {
|
||||||
r: {
|
r: {
|
||||||
min: 0,
|
min: 0,
|
||||||
max: 80,
|
max: 100,
|
||||||
ticks: { stepSize: 20, display: false },
|
ticks: { stepSize: 20, display: false },
|
||||||
pointLabels: { font: { size: 15, weight: 'bold' }, color: '#FFF' },
|
pointLabels: { font: { size: 15, weight: 'bold' }, color: '#FFF' },
|
||||||
grid: { color: 'rgba(255,255,255,0.420)', circular: false },
|
grid: { color: 'rgba(255,255,255,0.1337)', circular: false },
|
||||||
angleLines: { color: 'rgba(255,255,255,0.69)' }
|
angleLines: { color: 'rgba(255,255,255,0.1337)' }
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
plugins: { tooltip: { enabled: false}, legend: { display: false } }
|
plugins: { tooltip: { enabled: false}, legend: { display: false } }
|
||||||
|
|||||||
@ -157,7 +157,7 @@
|
|||||||
const youFillColor = 'rgba(255,255,255,0.1)';
|
const youFillColor = 'rgba(255,255,255,0.1)';
|
||||||
const matchLineColor = 'rgb(191,181,49)';
|
const matchLineColor = 'rgb(191,181,49)';
|
||||||
const matchFillColor = 'rgba(191,181,49,0.420)';
|
const matchFillColor = 'rgba(191,181,49,0.420)';
|
||||||
const radialLineColor= 'rgba(255,255,255,0.420)';
|
const radialLineColor= 'rgba(255,255,255,0.1337)';
|
||||||
|
|
||||||
function getFontSize(){ return window.innerWidth < 600 ? 10 : 42; }
|
function getFontSize(){ return window.innerWidth < 600 ? 10 : 42; }
|
||||||
function getBottomChartFontSize(){ return window.innerWidth < 600 ? 8 : 24; }
|
function getBottomChartFontSize(){ return window.innerWidth < 600 ? 8 : 24; }
|
||||||
@ -203,11 +203,11 @@
|
|||||||
scales: {
|
scales: {
|
||||||
r: {
|
r: {
|
||||||
min: 0,
|
min: 0,
|
||||||
max: 80,
|
max: 100,
|
||||||
ticks: { display: false, stepSize: 20 },
|
ticks: { display: false, stepSize: 20 },
|
||||||
pointLabels: { font: { size: getFontSize(), weight: 'bold' }, color: '#FFF' },
|
pointLabels: { font: { size: getFontSize(), weight: 'bold' }, color: '#FFF' },
|
||||||
angleLines: { color: radialLineColor },
|
angleLines: { color: radialLineColor },
|
||||||
grid: { drawticks: false, drawOnChartArea: false, circular: false }
|
grid: { color: radialLineColor, drawticks: false, circular: false }
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
plugins: { tooltip: { enabled: false }, legend: { display: false } }
|
plugins: { tooltip: { enabled: false }, legend: { display: false } }
|
||||||
@ -239,11 +239,11 @@
|
|||||||
scales: {
|
scales: {
|
||||||
r: {
|
r: {
|
||||||
min: 0,
|
min: 0,
|
||||||
max: 80,
|
max: 100,
|
||||||
ticks: { display: false, stepSize: 20 },
|
ticks: { display: false, stepSize: 20 },
|
||||||
pointLabels: { font: { size: getBottomChartFontSize(), weight: 'bold' }, color: '#FFF' },
|
pointLabels: { font: { size: getBottomChartFontSize(), weight: 'bold' }, color: '#FFF' },
|
||||||
angleLines: { color: radialLineColor },
|
angleLines: { color: radialLineColor },
|
||||||
grid: { drawticks: false, drawOnChartArea: false, circular: false }
|
grid: { color: radialLineColor, drawticks: false, circular: false }
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
plugins: { tooltip: { enabled: false }, legend: { display: false } }
|
plugins: { tooltip: { enabled: false }, legend: { display: false } }
|
||||||
|
|||||||
Reference in New Issue
Block a user