fix: too many console.logs
This commit is contained in:
parent
6aea4f6b6d
commit
83debf4ae9
|
@ -32,7 +32,7 @@ let getDate0 = (x) => {
|
||||||
};
|
};
|
||||||
|
|
||||||
let formatOptionName = (name) => {
|
let formatOptionName = (name) => {
|
||||||
return name.length > 10 ? name.slice(0, 8) + "..." : name;
|
return name.length > 20 ? name.slice(0, 17) + "..." : name;
|
||||||
};
|
};
|
||||||
|
|
||||||
let getLength = (str) => {
|
let getLength = (str) => {
|
||||||
|
@ -52,7 +52,7 @@ let getLength = (str) => {
|
||||||
|
|
||||||
let timestampToString = (x) => {
|
let timestampToString = (x) => {
|
||||||
// for real timestamps
|
// for real timestamps
|
||||||
console.log(x);
|
// console.log(x);
|
||||||
let date = new Date(Date.parse(x));
|
let date = new Date(Date.parse(x));
|
||||||
let dayOfMonth = date.getDate();
|
let dayOfMonth = date.getDate();
|
||||||
let month = date.getMonth() + 1;
|
let month = date.getMonth() + 1;
|
||||||
|
@ -60,7 +60,7 @@ let timestampToString = (x) => {
|
||||||
let dateString = `${("0" + dayOfMonth).slice(-2)}/${("0" + month).slice(
|
let dateString = `${("0" + dayOfMonth).slice(-2)}/${("0" + month).slice(
|
||||||
-2
|
-2
|
||||||
)}/${year.toString().slice(-2)}`;
|
)}/${year.toString().slice(-2)}`;
|
||||||
console.log(dateString);
|
// console.log(dateString);
|
||||||
return dateString;
|
return dateString;
|
||||||
};
|
};
|
||||||
|
|
||||||
|
@ -100,6 +100,12 @@ export const HistoryChart: React.FC<Props> = ({ question }) => {
|
||||||
dataSetsNames.push(...optionNames);
|
dataSetsNames.push(...optionNames);
|
||||||
});
|
});
|
||||||
dataSetsNames = [...new Set(dataSetsNames)].slice(0, 5); // take the first 5
|
dataSetsNames = [...new Set(dataSetsNames)].slice(0, 5); // take the first 5
|
||||||
|
let isBinary =
|
||||||
|
(dataSetsNames[0] == "Yes" && dataSetsNames[1] == "No") ||
|
||||||
|
(dataSetsNames[0] == "No" && dataSetsNames[1] == "Yes");
|
||||||
|
if (isBinary) {
|
||||||
|
dataSetsNames = ["Yes"];
|
||||||
|
}
|
||||||
let dataSets = [];
|
let dataSets = [];
|
||||||
let maxProbability = 0;
|
let maxProbability = 0;
|
||||||
let longestNameLength = 0;
|
let longestNameLength = 0;
|
||||||
|
@ -135,6 +141,7 @@ export const HistoryChart: React.FC<Props> = ({ question }) => {
|
||||||
}
|
}
|
||||||
dataSets.push(newDataset);
|
dataSets.push(newDataset);
|
||||||
}
|
}
|
||||||
|
|
||||||
let letterLength = 7;
|
let letterLength = 7;
|
||||||
let labelLegendStart = 45;
|
let labelLegendStart = 45;
|
||||||
|
|
||||||
|
@ -147,10 +154,15 @@ export const HistoryChart: React.FC<Props> = ({ question }) => {
|
||||||
let padding = {
|
let padding = {
|
||||||
top: 20,
|
top: 20,
|
||||||
bottom: 50,
|
bottom: 50,
|
||||||
left: 0,
|
left: 60,
|
||||||
right: labelLegendStart + letterLength * longestNameLength,
|
right: labelLegendStart + letterLength * longestNameLength,
|
||||||
};
|
};
|
||||||
|
|
||||||
|
let legendData = Array.from(Array(dataSetsLength).keys()).map((i) => ({
|
||||||
|
name: formatOptionName(dataSetsNames[i]),
|
||||||
|
symbol: { fill: colors[i] },
|
||||||
|
}));
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div className="flex justify-center items-center w-full">
|
<div className="flex justify-center items-center w-full">
|
||||||
<div className="w-10/12">
|
<div className="w-10/12">
|
||||||
|
@ -204,11 +216,8 @@ export const HistoryChart: React.FC<Props> = ({ question }) => {
|
||||||
y={height / 2 - 18 - (dataSetsLength - 1) * 13}
|
y={height / 2 - 18 - (dataSetsLength - 1) * 13}
|
||||||
orientation="vertical"
|
orientation="vertical"
|
||||||
gutter={20}
|
gutter={20}
|
||||||
style={{ border: { stroke: "black" }, labels: { fontSize: 15 } }}
|
style={{ border: { stroke: "white" }, labels: { fontSize: 15 } }}
|
||||||
data={Array.from(Array(dataSetsLength).keys()).map((i) => ({
|
data={legendData}
|
||||||
name: dataSetsNames[i],
|
|
||||||
symbol: { fill: colors[i] },
|
|
||||||
}))}
|
|
||||||
/>
|
/>
|
||||||
|
|
||||||
{dataSets
|
{dataSets
|
||||||
|
|
Loading…
Reference in New Issue
Block a user