P A T H

Como criar uma paleta de cores customizada para Charts Interativos no Alteryx

O que você vai aprender?

Uma das funções de visualização de dados no Alteryx é a criação de Charts Interativos. As vezes precisamos criar paletas de cores personalizadas para esses charts, e o processo pode ser um pouco confuso, então, nesta dica, vamos explicar de forma simplificada como criar uma paleta customizada na ferramenta de Chart interativo.

Passo 1:

Tenha um gráfico! Para essa dica funcionar, precisamos ter um gráfico criado na ferramenta de Chart Interativo, é nele que vamos aplicar a paleta customizada.

Passo 2: Retire as ferramentas não essenciais

Agora vamos alterar o arquivo para criar nossa paleta customizada.

1. Navegue até C:\Program Files\Alteryx\bin\RuntimeData\HtmlAssets\Charting

2. Clique com o direito no arquivo ayx-chart-editor-tool.bundle.js –> Propriedades –> Desmarque “apenas leitura”

3. Faça um Backup do arquivo, caso precise voltar para o original.

4. Abra o arquivo como administrador com seu editor de texto de preferência.

5. Ctrl+F para procurar por “BREWER”

Nesse ponto do arquivo, você verá três arrays listando os diferentes nomes de paleta para cada tipo de paleta (sequencial, divergente, categórica. Nesse caso, adicionaremos uma nova paleta categórica chamada Custom).

6. Adicione o nome de sua paleta ao array, certificando-se de seguir a sintaxe _(‘palletname’) e delimitar com vírgulas.

7. Em seguida, você verá uma instrução de diz as cores para cada paleta. Você precisará adicionar uma para cada nova paleta. A matriz continha originalmente 6 paletas (l, f [0-5]), e adicionamos uma sétima, então nossa nova paleta será l,f [6].

Adicionamos a parte destacada abaixo:

8. Salve e feche o arquivo. Você também pode querer salvar uma cópia do arquivo em um local diferente, caso ele seja substituído ao atualizar ou reinstalar.

 

9. Agora sua nova paleta estará disponível na aba “camada” da ferramenta Chart interativo:

19 de Julho de 2022

Pronto! Agora você já sabe como criar uma paleta de cores customizada para Charts Interativos no Alteryx.

Language