This commit is contained in:
MuslemRahimi 2025-02-28 15:51:32 +01:00
parent 185743e470
commit 534cc29512

View File

@ -126,29 +126,30 @@
opposite: true, opposite: true,
}, },
tooltip: { tooltip: {
shared: true,
useHTML: true, useHTML: true,
backgroundColor: "#fff", backgroundColor: "rgba(0, 0, 0, 0.8)", // Semi-transparent black
borderColor: "rgba(255, 255, 255, 0.2)", // Slightly visible white border
borderWidth: 1,
style: { style: {
color: "black", color: "#fff",
fontSize: "16px", fontSize: "16px",
padding: "10px", padding: "10px",
}, },
borderRadius: 2, borderRadius: 4,
borderWidth: 1,
borderColor: "#fff",
formatter: function () { formatter: function () {
let value; let value;
if (sortBy === "Growth") { if (sortBy === "Growth") {
value = `${this.y >= 0 ? "+" : ""}${this.y.toFixed(2)}%`; value = `${this.y >= 0 ? "+" : ""}${this.y.toFixed(2)}%`;
} else if (sortBy === "Change") { } else if (sortBy === "Change") {
value = (this.y >= 0 ? "+" : "") + this.y.toLocaleString(); value = (this.y >= 0 ? "+" : "") + this.y.toLocaleString("en-US");
} else { } else {
value = this.y.toLocaleString(); value = this.y.toLocaleString("en-US");
} }
return ( return (
`<span class="m-auto text-black text-[1rem] font-[501]">${this.x}</span><br>` + `<span class="m-auto text-white text-[1rem] font-[501]">${this.x}</span><br>` +
`<span class="text-black font-normal text-sm">${value}</span>` `<span class="text-white font-normal text-sm">Employees ${value}</span>`
); );
}, },
}, },