Importación de paletas de color personalizadas

Puede personalizar los colores de los informes cargando su propia paleta de colores RGB en sus espacios de trabajo.

Descripción general de las paletas de color

Importe paletas de color para personalizar los colores disponibles que puede utilizar en los informes

Requisitos previos

• Para importar paletas de color personalizadas, debe iniciar sesión en el portal de GoodData como administrador del espacio de trabajo. Si se produce algún problema durante los siguientes pasos, intente recargar el portal en una pestaña o ventana diferente. Inicie de nuevo una sesión si así se lo solicita el sistema.
• Para importar paletas de color personalizadas, necesita un cliente para la API de REST.

Establecer una paleta de color nueva

Substituya la paleta de color predeterminada por su propia tabla de colores. Si es necesario, puede volver a la paleta de colores predeterminada eliminando la paleta personalizada que se ha cargado. 

1. Determine los colores.  Todos los colores de una paleta se definen en el formato RGB.

   Si va a determinar los colores para agregar a la paleta, busque en la web la rueda de colores RGB o un convertidor de hexadecimal a RGB. Algunos complementos de explorador como ColorZilla permiten adquirir los valores de color de páginas web para identificar sus valores RGB y hexadecimal.

2. Indique la URL de configuración de estilo del espacio de trabajo.  Copie la siguiente URL en el campo URL del cliente REST:

   https://secure.gooddata.com/gdc/projects/<project_ID>/styleSettings
   

   Reemplace <project_ID> con el Id. del espacio de trabajo al que quiere cargar su paleta de colores. Los Id. del proyecto se pueden identificar con la URL de cualquier página del espacio de trabajo:

   https://secure.gooddata.com/#s=/gdc/projects/<project_id>|objectPage|/...
   

   Copie la sección de la URL que sigue a projects/ y que viene antes del símbolo pipe (|).  

3. Defina la configuración del cliente REST. Una vez que haya insertado el Id. del espacio de trabajo en la sección correcta del campo URL del cliente REST, indique la siguiente configuración en los campos apropiados:

   • Método: PUT

   • recurso: https://secure.gooddata.com/gdc/projects/{workspace_id}/styleSettings

   •  Encabezado: Content-Type: application/json

   • Cuerpo: Vea el paso 4.

4. Especifique la paleta de colores como un objeto JSON.

   Para el cuerpo de la solicitud, especifique la nueva paleta de colores como un objeto JSON. Se muestra a continuación, a modo de ejemplo, la sintaxis para un paleta de cuatro colores, donde cada línea precedida por “guid” representa otro color en la paleta, como definen los valores RGB:

   {"styleSettings" : {"chartPalette": [ { "guid": "guid1", "fill": { "r":255, "g":0, "b":0 } }, { "guid": "guid2", "fill": { "r":255, "g":255, "b":0 } }, { "guid": "guid3", "fill": { "r":0, "g":0, "b":255 } }, { "guid": "guid4", "fill": { "r":255, "g":0, "b":255 } } ] } }
   

   Si no está familiarizado con JSON, utilice este ejemplo como estructura para insertar sus propios valores del color RGB en lugar de los valores de color que se enumeran antes. Agregue más colores a la paleta duplicando una fila del ejemplo antes de cambiar el segundo valor en la línea a “guid5,” “guid6,” “guid7,” etcétera. El segundo valor de cada fila debe ser único.

   En la sintaxis, cada color va seguido de comas, excepto el último color agregado (vea el ejemplo más abajo).

Ejemplo de paleta de color 1

Aquí hay otro ejemplo de lo que sería un espacio de trabajo muy… amarillo.

{"styleSettings" : {"chartPalette": [ { "guid": "guid1", "fill": { "r":255, "g":255, "b":0 } }, { "guid": "guid2", "fill": { "r":255, "g":255, "b":40 } }, { "guid": "guid3", "fill": { "r":255, "g":255, "b":80 } }, { "guid": "guid4", "fill": { "r":255, "g":255, "b":120 } }, { "guid": "guid5", "fill": { "r":255, "g":255, "b":180 } }, { "guid": "guid6", "fill": { "r":255, "g":255, "b":200 } } ] } }

Ejemplo de paleta de color 2

Y aquí tiene otro ejemplo, generosamente proporcionado por nuestros socios en Keboola.

{"styleSettings" : {"chartPalette": [ { "guid": "guid1", "fill": { "r":255, "g":0, "b":0 } }, { "guid": "guid2", "fill": { "r":255, "g":102, "b":0 } }, { "guid": "guid3", "fill": { "r":255, "g":102, "b":0 } }, { "guid": "guid4", "fill": { "r":255, "g":153, "b":0 } }, { "guid": "guid5", "fill": { "r":255, "g":153, "b":0 } }, { "guid": "guid6", "fill": { "r":255, "g":204, "b":0 } }, { "guid": "guid7", "fill": { "r":255, "g":204, "b":0 } }, { "guid": "guid8", "fill": { "r":204, "g":204, "b":0 } }, { "guid": "guid9", "fill": { "r":153, "g":204, "b":0 } }, { "guid": "guid10", "fill": { "r":102, "g":204, "b":0 } }, { "guid": "guid11", "fill": { "r":255, "g":102, "b":0 } }, { "guid": "guid12", "fill": { "r":255, "g":153, "b":0 } }, { "guid": "guid13", "fill": { "r":255, "g":153, "b":0 } }, { "guid": "guid14", "fill": { "r":255, "g":204, "b":0 } }, { "guid": "guid15", "fill": { "r":255, "g":204, "b":0 } }, { "guid": "guid16", "fill": { "r":153, "g":204, "b":0 } }, { "guid": "guid17", "fill": { "r":153, "g":204, "b":0 } }, { "guid": "guid18", "fill": { "r":102, "g":204, "b":0 } }, { "guid": "guid19", "fill": { "r":0, "g":153, "b":51 } }, { "guid": "guid20", "fill": { "r":0, "g":153, "b":153 } }, { "guid": "guid21", "fill": { "r":0, "g":102, "b":153 } }, { "guid": "guid22", "fill": { "r":51, "g":102, "b":153 } }, { "guid": "guid23", "fill": { "r":51, "g":51, "b":153 } }, { "guid": "guid24", "fill": { "r":51, "g":51, "b":153 } }, { "guid": "guid25", "fill": { "r":102, "g":51, "b":153 } }, { "guid": "guid26", "fill": { "r":153, "g":0, "b":153 } }, { "guid": "guid27", "fill": { "r":204, "g":0, "b":102 } }, { "guid": "guid28", "fill": { "r":204, "g":0, "b":51 } }, { "guid": "guid29", "fill": { "r":255, "g":51, "b":0 } }, { "guid": "guid30", "fill": { "r":255, "g":102, "b":0 } }, { "guid": "guid31", "fill": { "r":0, "g":204, "b":0 } }, { "guid": "guid32", "fill": { "r":0, "g":153, "b":102 } }, { "guid": "guid33", "fill": { "r":0, "g":153, "b":153 } }, { "guid": "guid34", "fill": { "r":0, "g":102, "b":153 } }, { "guid": "guid35", "fill": { "r":51, "g":51, "b":153 } }, { "guid": "guid36", "fill": { "r":102, "g":51, "b":153 } }, { "guid": "guid37", "fill": { "r":102, "g":0, "b":153 } }, { "guid": "guid38", "fill": { "r":153, "g":0, "b":153 } }, { "guid": "guid39", "fill": { "r":153, "g":0, "b":102 } }, { "guid": "guid40", "fill": { "r":204, "g":0, "b":51 } } ] } }

Actualización de la paleta de color actual

Si en lugar de sustituirla, lo que desea es actualizar la paleta actual, empiece el código JSON con lo siguiente, que define los colores predeterminados de la paleta, antes de agregar los colores que desee como líneas adicionales debajo de guid18.

{"styleSettings" : {"chartPalette": [ { "guid": "guid1", "fill": { "r":43, "g":107, "b":174 } }, { "guid": "guid2", "fill": { "r":105, "g":170, "b":81 } }, { "guid": "guid3", "fill": { "r":238, "g":177, "b":76 } }, { "guid": "guid4", "fill": { "r":213, "g":60, "b":56 } }, { "guid": "guid5", "fill": { "r":137, "g":77, "b":148 } }, { "guid": "guid6", "fill": { "r":115, "g":115, "b":115 } }, { "guid": "guid7", "fill": { "r":68, "g":169, "b":190 } }, { "guid": "guid8", "fill": { "r":150, "g":189, "b":95 } }, { "guid": "guid9", "fill": { "r":253, "g":147, "b":105 } }, { "guid": "guid10", "fill": { "r":225, "g":93, "b":134 } }, { "guid": "guid11", "fill": { "r":124, "g":111, "b":173 } }, { "guid": "guid12", "fill": { "r":165, "g":165, "b":165 } }, { "guid": "guid13", "fill": { "r":122, "g":166, "b":213 } }, { "guid": "guid14", "fill": { "r":130, "g":208, "b":141 } }, { "guid": "guid15", "fill": { "r":255, "g":210, "b":137 } }, { "guid": "guid16", "fill": { "r":241, "g":132, "b":128 } }, { "guid": "guid17", "fill": { "r":191, "g":144, "b":198 } }, { "guid": "guid18", "fill": { "r":191, "g":191, "b":191 } }, {Your first color defined here... } } ] } }

Eliminación de una paleta de colores personalizada y restauración de los colores a los valores predeterminados

Si se elimina una paleta de colores, el portal GoodData vuelve al esquema de color predeterminado.

Para eliminar una paleta de colores personalizada, quite el texto que pueda haber en el cuerpo de la solicitud en el cliente REST. A continuación, envíe la solicitud con la siguiente configuración:

• Método: DELETE
• URL: https://secure.gooddata.com/gdc/projects/<project_ID>/styleSettings
• Encabezado: ninguno
• Cuerpo: ninguno