Utilizar temas de formato personalizados
Tableau viene instalado con muchas opciones de formato para que pueda personalizar sus visualizaciones y dashboards según sus necesidades. Si utiliza el mismo formato para muchos libros de trabajo, o si tiene fuentes y colores especiales que funcionan mejor para su negocio, puede utilizar un tema de formato personalizado para ahorrar tiempo. Los temas personalizados aplican rápidamente sus opciones de formato a todo el libro de trabajo de Tableau.
Puede agregar un tema personalizado a su libro de trabajo de Tableau importando un archivo JSON que especifique sus opciones de formato. Del mismo modo, si está viendo un libro de trabajo y desea utilizar el mismo tema en otro libro de trabajo, puede exportar el archivo de tema personalizado.
Nota: Esta funcionalidad solo está disponible en Tableau Desktop 2025.1.
Importar un tema personalizado
Abra Tableau Desktop y cree una hoja de cálculo.
Desde la barra de herramientas, seleccione Formato.
Seleccione Importar tema personalizado…
Seleccione un archivo JSON para importar y seleccione Abrir.
Aparece un cuadro de diálogo con opciones para Sobrescribir o Conservar cualquier edición de formato existente que haya realizado.
Puede elegir que el tema personalizado anule todos los cambios de formato realizados en su libro de trabajo de Tableau antes de importar el tema personalizado. También puede optar por conservar los cambios realizados a través del panel de formato antes de importar el tema personalizado.
Nota: Si elige que el tema personalizado anule las ediciones de formato existentes, solo anulará los cambios de estilo que haya incluido en el archivo JSON. Tampoco anulará los cambios de estilo realizados a través del editor de texto enriquecido.
Sobrescribir: El archivo de tema personalizado anulará cualquier formato realizado en su libro de trabajo de Tableau.
Conservar: El archivo de tema personalizado conservará cualquier formato realizado en su libro de trabajo de Tableau.
Seleccione Sobrescribir o Conservar.
Su tema personalizado se importa y aplica formato a su libro de trabajo.
Exportar un tema personalizado
Puede exportar un tema personalizado de dos maneras: puede exportar el archivo del tema personalizado o puede exportar un libro de trabajo con un tema personalizado aplicado. Cuando exporta un tema, el archivo de exportación incluye las opciones de formato realizadas en la hoja de trabajo que seleccionó. Por ejemplo, si tiene diferentes opciones de formato en dos hojas de trabajo diferentes dentro de un libro, el archivo de tema personalizado que exporte reflejará las opciones de formato en la hoja de trabajo que seleccionó cuando exportó el archivo. Solo se exportarán los elementos de estilo que sean compatibles y estén presentes en el archivo de tema personalizado.
Exportar un archivo JSON que contiene un tema personalizado
Desde la barra de herramientas, seleccione Formato.
Seleccione Exportar tema personalizado…
Navegue hasta la carpeta donde desea guardar el archivo del tema personalizado y pulse Guardar.
Ahora puede encontrar el archivo de tema personalizado localmente. Este archivo de tema se puede importar y utilizar con otros libros de trabajo.
Exportar un libro de trabajo con un tema personalizado aplicado
Desde la barra de herramientas de una hoja de cálculo, seleccione Archivo y luego Guardar como.
Alternativamente, puede seleccionar Exportar libro de trabajo empaquetado.
Guarde el libro de trabajo como un archivo .twb o .twbx.
Cuando vuelva a abrir el libro de trabajo en Tableau, se aplicará el tema personalizado.
Crear el archivo JSON del tema
Un archivo JSON es donde se definen los estilos de su tema personalizado. Puede crear un archivo usando su editor de texto favorito, asegurándose de incluir los elementos de estilo que desee para su tema personalizado. Utilice el archivo de ejemplo como plantilla para crear su archivo.
Hay muchos recursos de terceros que pueden ayudarlo a validar su archivo, como https://www.jsonschemavalidator.net.
Descargue el archivo de esquema JSON necesario para validar su archivo de tema aquí.
Elementos que se deben incluir en el archivo de tema personalizado
Su archivo de tema personalizado debe contener una versión, un tema base, elementos de estilo, atributos de estilo y opciones de formato.
Versión
La primera línea del archivo del tema personalizado debe contener la versión. A partir de Tableau 25.1, el número de versión es 1.0.0 y la línea debería verse así: "version": "1.0.0".
El número de versión puede actualizarse en futuras versiones de Tableau.
Tema base
La segunda entrada del archivo de tema personalizado debe contener el tema base. El tema base corresponde a los temas de libros de trabajo existentes disponibles en Tableau y se basan en diferentes versiones de Tableau Desktop. Cualquier estilo de formato especificado en el archivo de tema JSON se aplicará sobre el tema base.
| Tema base | Corresponde con | Entrada en el archivo de tema |
|---|---|---|
| Smooth | Tableau Desktop versión 10.x y posteriores | "base-theme": "smooth" |
| Limpiar | Versiones de Tableau Desktop 8.0.x – 9.3.x | "base-theme": "clean" |
| Moderno | Versiones de Tableau Desktop 3.5 – 7.0. | "base-theme": "modern" |
| Clásico | Versiones de Tableau Desktop 1.0 – 3.2 | "base-theme": "classic" |
Para obtener más información sobre los temas del libro de trabajo, consulte Actualizar o cambiar el tema del libro de trabajo (solo Tableau Desktop)
Elementos de estilo
Los elementos de estilo especifican en qué nivel se aplicarán las opciones de formato. Por ejemplo, todas las fuentes, títulos de filtros o solo fuentes de descripciones emergentes. Consulte la tabla de elementos de estilo para obtener una lista de los elementos disponibles para especificar.
Atributos de estilo
Los atributos de estilo especifican la parte del elemento de estilo a la que desea que se apliquen las opciones de formato. Por ejemplo, color de fuente y tamaño de fuente para el elemento de estilo Todo.
Asegúrese de verificar la lista de atributos del elemento de estilo que está utilizando. Por ejemplo, mientras que el elemento de estilo del resaltador admite un atributo de estilo de color de fondo, el elemento highlighter-title no lo hace.
Opciones de formato
Las opciones de formato especifican lo que desea aplicar al elemento de estilo y al atributo de estilo. Por ejemplo, un color de fuente, una familia de fuentes y un tamaño de fuente. La opción de formato debe indicarse como una cadena o un entero, según el atributo de estilo. Los colores deben indicarse como un código de color hexadecimal, como #FF0000.
Un tipo de entrada de cadena contiene texto.
Un entero contiene números enteros.
Ejemplo de archivo de tema personalizado
{ "version": "1.0.0",
"base-theme": "smooth",
"styles": {
"all": {
"font-color": "#d16302",
"font-family": "Tableau Bold"
},
"worksheet": {
"font-color": "#d16302",
"font-family": "Tableau Bold",
"font-size": 14
},
"worksheet-title": {
"font-color": "#d16302",
"font-family": "Tableau Bold",
"font-size": 14
},
"view": {
"background-color": "#ffb370"
}
}
}
Elementos de estilo compatibles con temas personalizados
Esta tabla contiene una lista de elementos de estilo admitidos y sus atributos de estilo admitidos correspondientes. Si bien no todos los elementos de estilo disponibles en Tableau son compatibles actualmente con temas personalizados, agregaremos más elementos de estilo en futuras versiones. Cuando importa un archivo de tema personalizado, sus elementos de estilo se aplicarán a todas las hojas de trabajo del libro.
| Elemento de estilo | Descripción | Atributos de estilo | Tipo de entrada | Elección de formato |
|---|---|---|---|---|
| all | Formatea todas las fuentes en todo el libro de trabajo. | font-color | Cadena | Cadena que sigue el formato de un código de color hexadecimal, como #FF0000. |
| font-family | Cadena | Cadena con una longitud máxima de 50 caracteres. | ||
| hoja de trabajo | Formatea la fuente predeterminada de la hoja de cálculo. | font-color | Cadena | Cadena que sigue el formato de un código de color hexadecimal, como #FF0000. |
| font-family | Cadena | Cadena con una longitud máxima de 50 caracteres. | ||
| font-size | Entero | Entero con un valor mínimo de 1 y un valor máximo de 99. | ||
| worksheet-title | Formatea la fuente del título de la hoja de trabajo. | font-color | Cadena | Cadena que sigue el formato de un código de color hexadecimal, como #FF0000. |
| font-family | Cadena | Cadena con una longitud máxima de 50 caracteres. | ||
| font-size | Entero | Entero con un valor mínimo de 1 y un valor máximo de 99. | ||
| descripción emergente | Formatea la fuente de la información sobre herramientas. | font-color | Cadena | Cadena que sigue el formato de un código de color hexadecimal, como #FF0000. |
| font-family | Cadena | Cadena con una longitud máxima de 50 caracteres. | ||
| font-size | Entero | Entero con un valor mínimo de 1 y un valor máximo de 99. | ||
| dashboard-title | Formatea el título de el dashboard. | font-color | Cadena | Cadena que sigue el formato de un código de color hexadecimal, como #FF0000. |
| font-family | Cadena | Cadena con una longitud máxima de 50 caracteres. | ||
| font-size | Entero | Entero con un valor mínimo de 1 y un valor máximo de 99. | ||
| font-weight | Cadena | Cadena especificada como normal o bold. | ||
| story-title | Formatea la fuente del título de la historia. | font-color | Cadena | Cadena que sigue el formato de un código de color hexadecimal, como #FF0000. |
| font-family | Cadena | Cadena con una longitud máxima de 50 caracteres. | ||
| font-size | Entero | Entero con un valor mínimo de 1 y un valor máximo de 99. | ||
| encabezado | Formatea la fuente del encabezado. | font-color | Cadena | Cadena que sigue el formato de un código de color hexadecimal, como #FF0000. |
| font-family | Cadena | Cadena con una longitud máxima de 50 caracteres. | ||
| legend | Formatea la fuente del cuerpo de la leyenda y el color de fondo. | font-color | Cadena | Cadena que sigue el formato de un código de color hexadecimal, como #FF0000. |
| font-family | Cadena | Cadena con una longitud máxima de 50 caracteres. | ||
| font-size | Entero | Entero con un valor mínimo de 1 y un valor máximo de 99. | ||
| background-color | Cadena | Cadena que sigue el formato de un código de color hexadecimal, como #FF0000. Este elemento también admite dos dígitos adicionales para mayor transparencia, como #FF000080. | ||
| legend-title | Formatea la fuente del título de la leyenda en todas las hojas de trabajo. | font-color | Cadena | Cadena que sigue el formato de un código de color hexadecimal, como #FF0000. |
| font-family | Cadena | Cadena con una longitud máxima de 50 caracteres. | ||
| font-size | Entero | Entero con un valor mínimo de 1 y un valor máximo de 99. | ||
| filter | Formatea la fuente del cuerpo del filtro y el color de fondo en todas las hojas de trabajo. | font-color | Cadena | Cadena que sigue el formato de un código de color hexadecimal, como #FF0000. |
| font-family | Cadena | Cadena con una longitud máxima de 50 caracteres. | ||
| font-size | Entero | Entero con un valor mínimo de 1 y un valor máximo de 99. | ||
| background-color | Cadena | Cadena que sigue el formato de un código de color hexadecimal, como #FF0000. Este elemento también admite dos dígitos adicionales para mayor transparencia, como #FF000080. | ||
| filter-title | Formatea la fuente del título del filtro en todas las hojas de trabajo. | font-color | Cadena | Cadena que sigue el formato de un código de color hexadecimal, como #FF0000. |
| font-family | Cadena | Cadena con una longitud máxima de 50 caracteres. | ||
| font-size | Entero | Entero con un valor mínimo de 1 y un valor máximo de 99. | ||
| parameter-ctrl | Formatea la fuente del cuerpo del parámetro y el color de fondo en todas las hojas de trabajo. | font-color | Cadena | Cadena que sigue el formato de un código de color hexadecimal, como #FF0000. |
| font-family | Cadena | Cadena con una longitud máxima de 50 caracteres. | ||
| font-size | Entero | Entero con un valor mínimo de 1 y un valor máximo de 99. | ||
| background-color | Cadena | Cadena que sigue el formato de un código de color hexadecimal, como #FF0000. Este elemento también admite dos dígitos adicionales para mayor transparencia, como #FF000080. | ||
| parameter-ctrl-title | Formatea la fuente del título del control de parámetros en todas las hojas de trabajo. | font-color | Cadena | Cadena que sigue el formato de un código de color hexadecimal, como #FF0000. |
| font-family | Cadena | Cadena con una longitud máxima de 50 caracteres. | ||
| font-size | Entero | Entero con un valor mínimo de 1 y un valor máximo de 99. | ||
| highlighter | Formatea la fuente del cuerpo del resaltador y el color de fondo en todas las hojas de trabajo. | font-color | Cadena | Cadena que sigue el formato de un código de color hexadecimal, como #FF0000. |
| font-family | Cadena | Cadena con una longitud máxima de 50 caracteres. | ||
| font-size | Entero | Entero con un valor mínimo de 1 y un valor máximo de 99. | ||
| background-color | Cadena | Cadena que sigue el formato de un código de color hexadecimal, como #FF0000. Este elemento también admite dos dígitos adicionales para mayor transparencia, como #FF000080. | ||
| Highlighter-title | Formatea la fuente del título del control del resaltador en todas las hojas de trabajo. | font-color | Cadena | Cadena que sigue el formato de un código de color hexadecimal, como #FF0000. |
| font-family | Cadena | Cadena con una longitud máxima de 50 caracteres. | ||
| font-size | Entero | Entero con un valor mínimo de 1 y un valor máximo de 99. | ||
| page-ctrl-title | Formatea la fuente del título de la tarjeta de página en todas las hojas de trabajo. | font-color | Cadena | Cadena que sigue el formato de un código de color hexadecimal, como #FF0000. |
| font-family | Cadena | Cadena con una longitud máxima de 50 caracteres. | ||
| gridline | Formatea las líneas de cuadrícula en una vista. | line-visibility | Cadena | Cadena especificada como on u off. |
| line-pattern | Cadena | Cadena especificada como dotted, dashed o solid. | ||
| line-width | Entero | Entero con un valor mínimo de 1 y un valor máximo de 99. | ||
| line-color | Cadena | Cadena que sigue el formato de un código de color hexadecimal, como #FF0000. Este elemento también admite dos dígitos adicionales para mayor transparencia, como #FF000080. | ||
| zeroline | Formatea la línea cero en una vista. | line-visibility | Cadena | Cadena especificada como on u off. |
| line-pattern | Cadena | Cadena especificada como dotted, dashed o solid. | ||
| line-width | Entero | Entero con un valor mínimo de 1 y un valor máximo de 99. | ||
| line-color | Cadena | Cadena que sigue el formato de un código de color hexadecimal, como #FF0000. Este elemento también admite dos dígitos adicionales para mayor transparencia, como #FF000080. | ||
| mark | Formatea el color de la marca en una vista. | mark-color | Cadena | Cadena que sigue el formato de un código de color hexadecimal, como #FF0000. |
| vista | Formatea el color de fondo de una vista. | Cadena | Cadena que sigue el formato de un código de color hexadecimal, como #FF0000. |
