GitHub user dosubot[bot] added a comment to the discussion: How to configure ECharts appearance (font size, colors) in Superset charts via JSON metadata or UI
<!-- Greeting --> Hello @unbelievable3513! I'm [Dosu](https://dosu.dev), here to help you tackle bugs, answer questions, and assist you in becoming a contributor while we wait for a human maintainer. Let's dive into your ECharts appearance customization! 🛠️ <!-- Answer --> I found some relevant information that might help you customize ECharts appearance in Superset: 1. **JSON Metadata Configuration**: You can use JSON metadata to customize certain aspects of ECharts. For example, you can change font sizes and colors using properties like `fontSize` for axis labels and `axisLabel.color` for label colors. Other properties include `splitLine.lineStyle.color` for split lines and `axisLine.lineStyle.color` for axis lines <sup>[[1]](https://github.com/apache/superset/blob/master/superset-frontend/plugins/plugin-chart-echarts/src/Gauge/transformProps.ts)</sup>. 2. **Examples in Codebase**: There are examples in the Superset codebase where JSON metadata is used to customize label colors. For instance, in the `superset/examples/birth_names.py` file, label colors are customized for different categories using JSON metadata <sup>[[2]](https://github.com/apache/superset/blob/master/superset/examples/birth_names.py)</sup>. 3. **UI Options**: As a regular user without admin privileges, your options might be limited in the UI. However, you can explore the chart editor for any available customization options. 4. **Custom CSS**: While there isn't specific documentation or code comments found in the repository about applying custom CSS to ECharts, you might be able to use custom CSS for some level of customization, although this might require admin access or specific permissions. These options should help you get started with customizing the appearance of ECharts in Superset. If you have further questions or need more detailed guidance, feel free to ask! <!-- Dosu Comment Footer --> *To continue talking to [Dosu](https://dosu.dev), mention @dosu.* --- <sup>Help Dosu learn! Give it feedback: [Great Response](https://app.dosu.dev/response-feedback/8746ebdf-3520-4e63-8d95-3915ccf95b54?feedback_type=great_response) | [Irrelevant Answer](https://app.dosu.dev/response-feedback/8746ebdf-3520-4e63-8d95-3915ccf95b54?feedback_type=irrelevant_answer) | [Incorrect Sources](https://app.dosu.dev/response-feedback/8746ebdf-3520-4e63-8d95-3915ccf95b54?feedback_type=incorrect_sources) | [Too Verbose](https://app.dosu.dev/response-feedback/8746ebdf-3520-4e63-8d95-3915ccf95b54?feedback_type=too_verbose) | [Hallucination](https://app.dosu.dev/response-feedback/8746ebdf-3520-4e63-8d95-3915ccf95b54?feedback_type=hallucination) | [Bug Report](https://app.dosu.dev/response-feedback/8746ebdf-3520-4e63-8d95-3915ccf95b54?feedback_type=bug_report) | [Other](https://app.dosu.dev/response-feedback/8746ebdf-3520-4e63-8d95-3915ccf95b54?feedback_type=other)</sup> GitHub link: https://github.com/apache/superset/discussions/33127#discussioncomment-12836420 ---- This is an automatically sent email for [email protected]. To unsubscribe, please send an email to: [email protected] --------------------------------------------------------------------- To unsubscribe, e-mail: [email protected] For additional commands, e-mail: [email protected]
