fix: label positioning and padding

This commit is contained in:
Vyacheslav Matyukhin 2022-05-05 23:09:10 +04:00
parent b723c3026b
commit 43383237aa
No known key found for this signature in database
GPG Key ID: 3D2A774C5489F96C

View File

@ -113,7 +113,7 @@ export const HistoryChart: React.FC<Props> = ({ question }) => {
const height = width / goldenRatio; const height = width / goldenRatio;
const padding = { const padding = {
top: 20, top: 20,
bottom: 50, bottom: 60,
left: 60, left: 60,
right: labelLegendStart + letterLength * longestNameLength, right: labelLegendStart + letterLength * longestNameLength,
}; };
@ -221,7 +221,8 @@ export const HistoryChart: React.FC<Props> = ({ question }) => {
}} }}
tickLabelComponent={ tickLabelComponent={
<VictoryLabel <VictoryLabel
dy={10} dx={-30}
dy={-3}
angle={-30} angle={-30}
style={{ fontSize: 15, fill: "#777" }} style={{ fontSize: 15, fill: "#777" }}
/> />