dosubot[bot] commented on issue #33896:
URL: https://github.com/apache/superset/issues/33896#issuecomment-3002539871
<!-- Answer -->
You can make Treemap tooltips in Superset look better by adding custom CSS
to your dashboard. The tooltips use the .echarts-tooltip class, so you can
target that in the dashboard’s custom CSS editor. For example:
```css
.echarts-tooltip {
padding: 12px 18px !important;
font-size: 15px !important;
line-height: 1.6 !important;
background: #fff !important;
color: #222 !important;
border-radius: 8px !important;
box-shadow: 0 2px 8px rgba(0,0,0,0.15) !important;
max-width: 320px !important;
word-break: break-word !important;
}
```
You can adjust these values to fit your style. If your changes don’t show
up, check for CSS syntax errors, use `!important` for overrides, and make sure
your CSS loads after the default styles. For more tips, see the [official guide
on customizing Superset dashboards with
CSS](https://preset.io/blog/customizing-superset-dashboards-with-css/) and
[discussion of common
pitfalls](https://github.com/apache/superset/issues/32847).
This approach works for all ECharts-based charts in Superset, including
Treemap tooltips.
<!-- Dosu Comment Footer -->
*To reply, just mention [@dosu](https://go.dosu.dev/dosubot).*
---
<sup>How did I do?
[Good](https://app.dosu.dev/response-feedback/a4f6ce8f-df7d-4402-b867-e1a5b82a252d?feedback_type=great_response)
|
[Irrelevant](https://app.dosu.dev/response-feedback/a4f6ce8f-df7d-4402-b867-e1a5b82a252d?feedback_type=irrelevant_answer)
|
[Incorrect](https://app.dosu.dev/response-feedback/a4f6ce8f-df7d-4402-b867-e1a5b82a252d?feedback_type=incorrect_sources)
|
[Verbose](https://app.dosu.dev/response-feedback/a4f6ce8f-df7d-4402-b867-e1a5b82a252d?feedback_type=too_verbose)
|
[Hallucination](https://app.dosu.dev/response-feedback/a4f6ce8f-df7d-4402-b867-e1a5b82a252d?feedback_type=hallucination)
| [Report
🐛](https://app.dosu.dev/response-feedback/a4f6ce8f-df7d-4402-b867-e1a5b82a252d?feedback_type=bug_report)
|
[Other](https://app.dosu.dev/response-feedback/a4f6ce8f-df7d-4402-b867-e1a5b82a252d?feedback_type=other)</sup> [](https://go.dosu.dev/discord-bot) [!
[Share on
X](https://img.shields.io/badge/X-share-black)](https://twitter.com/intent/tweet?text=%40dosu_ai%20helped%20me%20solve%20this%20issue!&url=https%3A//github.com/apache/superset/issues/33896)
--
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.
To unsubscribe, e-mail: [email protected]
For queries about this service, please contact Infrastructure at:
[email protected]
---------------------------------------------------------------------
To unsubscribe, e-mail: [email protected]
For additional commands, e-mail: [email protected]
