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