-
Notifications
You must be signed in to change notification settings - Fork 91
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Bug regarding donut chart #1597
Comments
That doesn't look like something built-in. Would you be able to post your whole chart and data on CodePen/jsFiddle so that we can test? |
As you can see in the code above, this is how it works in the compiler. However, in our local environment without the compiler, it works fine. The above image is from the inspect tool of the code in the compiler environment. You can see the top value is different. The above image is from the inspect tool of the code in the local environment. Here, the top value is correct. We found a temporary solution for now by adding dy: -30 inside the label in circleChart.tsx. |
I think the issue is that you have all those heights set, both in label settings and HTML styles. Try removing them. |
Now, as you can see, we removed all the HTML style, but the issue is still there. There is some extra top value added above the label. |
You still have const label = root.tooltipContainer.children.push(
am5.Label.new(root, {
html: htmlContent,
position: "absolute",
textAlign: "center",
centerY: am5.percent(50),
y: am5.percent(50),
height: 10, // <- this
x: am5.percent(50),
centerX: am5.percent(50),
fill: am5.color(0x8c8c8c),
})
); |
This issue is stale because it has been open 30 days with no activity. It will be closed in 5 days unless a new comment is added. |
image 1 :
![image](https://private-user-images.githubusercontent.com/111352823/344723811-c64cf2ea-9a83-4e14-9de3-7923f157b89b.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQxMzcwMTEsIm5iZiI6MTcyNDEzNjcxMSwicGF0aCI6Ii8xMTEzNTI4MjMvMzQ0NzIzODExLWM2NGNmMmVhLTlhODMtNGUxNC05ZGUzLTc5MjNmMTU3Yjg5Yi5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwODIwJTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDgyMFQwNjUxNTFaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT0wN2QwYTE3NDA2ZTFhYTA1OTE4NzBiZmE5ZTIwNWViZmFiMTIxMDNmNjMzMTcxYTk3MWFmMGFmODJkZmY5ZGUyJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.7BPpgNd5vHZlqvDSiAoYmnztaESsBHPHlqfaUAbnYzU)
image 2 :
![image](https://private-user-images.githubusercontent.com/111352823/344723852-d5615b18-4f63-4a4f-a15e-48dc67910799.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjQxMzcwMTEsIm5iZiI6MTcyNDEzNjcxMSwicGF0aCI6Ii8xMTEzNTI4MjMvMzQ0NzIzODUyLWQ1NjE1YjE4LTRmNjMtNGE0Zi1hMTVlLTQ4ZGM2NzkxMDc5OS5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwODIwJTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDgyMFQwNjUxNTFaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT02NmY2Yjc5MzYxZGI3MGY3Y2Y0YTI5ZDBkZDNkNzllN2U4NWFjMmYyODU2MTBhMDcyYTBmODM1NTI2NTdkNTM1JlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.gEVKVgTe9u5hJSq9hbPmf0Osk2SRw_NRcKmBZvFMCCc)
As shown in the above images, we are using a donut chart in both the local and build environment on the server instance with all the development in place. However, the issue of an extra top value being added to the HTML content still persists. I am unsure where this extra top value is coming from. Please help us fix this bug.
The text was updated successfully, but these errors were encountered: