1. Conversão de Tema Padrão para Variáveis CSS
Desenvolvedor Front-endContexto
Um desenvolvedor precisa integrar a paleta de cores de um gráfico padrão do ECharts no arquivo de estilos globais de um portal corporativo.
Problema
Extrair manualmente as cores e tamanhos de fonte do JSON do tema e criar variáveis CSS correspondentes.
Como usar
Insira o JSON do tema no campo de texto, selecione o formato 'Variáveis CSS', defina o prefixo como 'chart' e ative a normalização de cor para Hex.
{
"themeJson": "{\n \"color\": [\"#5470c6\", \"#91cc75\", \"#fac858\"],\n \"backgroundColor\": \"rgb(255, 255, 255)\",\n \"textStyle\": { \"fontSize\": 12, \"color\": \"#333333\" }\n}",
"format": "css",
"prefix": "chart",
"colorMode": "hex"
}Resultado
Geração de um bloco :root contendo variáveis como `--chart-color-1: #5470c6` e `--chart-background-color: #ffffff` prontas para uso.