ui fix
This commit is contained in:
parent
185743e470
commit
534cc29512
@ -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>`
|
||||||
);
|
);
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user