UberChart é um avançado WordPress Chart Plugin que lhe dá a habilidade de criar uma grande variedade de gráficos com excepcional personalização. Com um total de 240 opções por gráfico e 30 opções por conjunto de dados, você sempre será capaz de criar exatamente o gráfico que precisa.
Crie seu gráfico perfeito
Os tipos de gráficos disponíveis são:
- Gráficos de linha
- Gráficos de área
- Gráficos de barra
- Gráficos de barras horizontais
- Gráfico de setores
- Gráficos de donuts
- Gráficos de radar
- Cartas de área polar
- Gráficos de dispersão
- Gráficos de bolhas
Depois de selecionar o tipo de gráfico, você pode começar a personalização. Confira esta captura de tela do Menu de Gráficos com todas as seções abertas para ter uma ideia do número extremamente alto de opções disponíveis.
Opções gerais
Essas opções são usadas para definir o comportamento geral do gráfico e o aspecto de alguns dos elementos do gráfico (conjuntos de dados e escalas têm suas próprias opções de personalização, consulte as seções específicas para obter detalhes). Por exemplo, você pode:
- Defina o tamanho do gráfico, a margem e a cor de fundo
- Habilitar ou desabilitar a capacidade de resposta do gráfico
- Selecione a velocidade e o tipo de animação
- Defina o tamanho, a cor, a família da fonte, o estilo da fonte e a posição do título do gráfico
- Defina o tamanho, a cor, a família da fonte, o estilo da fonte e a posição do texto na legenda do gráfico
- Defina o estilo das dicas de ferramentas
Personalização de conjuntos de dados
Você é livre para decidir como cada conjunto de dados do gráfico deve aparecer, por exemplo, você pode:
- Defina a tensão da curva de Bézier de cada linha, isso permite que você represente linhas retas ou curvas
- Defina a largura de cada linha, crie linhas tracejadas com espaços personalizados e também selecione as propriedades de tela lineCap e lineJoin de cada linha
- Defina o estilo de ponto de cada ponto (círculo, triângulo, retângulo, cruz, linha, estrela, traço e mais)
- Selecione como cada ponto deve reagir quando pairado, por exemplo, você pode definir o raio exato que reage ao evento do mouse pairando
- Defina o raio, a borda e a cor de fundo de cada ponto ou bolha (tanto no condição hover quanto no padrão)
- Defina a cor de fundo e da borda de cada barra exibida em um gráfico de barras (tanto no condição de foco quanto no padrão)
- Defina a cor de fundo e da borda de cada arco exibido em um gráfico de Área Polar, Pizza ou Rosca (tanto no condição de foco quanto no padrão)
Tipos de escalas
O UberChart permite que você use diferentes tipos de escala:
Escalas Lineares
Este é o tipo mais comum de escala, use-o sempre que precisar representar conjuntos numéricos de valores que não exigem a escala logarítmica.
Escalas Logarítmicas
Escalas logarítmicas permitem que uma grande faixa seja exibida sem que valores pequenos sejam comprimidos na parte inferior do gráfico. Esse tipo de escala é essencial se você lida com pontos que são muito maiores ou menores do que a maior parte dos dados ou se você quer mostrar fatores multiplicativos.
Prazos
Use a escala de tempo quando você tiver que representar uma data ou hora específica. O formato usado para representar a data/hora é completamente personalizável. Basta usar os tokens fornecidos pelo Moment.js para definir um formato personalizado, então defina a unidade de tempo usada pela escala e defina o número de unidades que devem ser plotadas entre as linhas da grade.
Escalas de categoria
Use a escala de categorias para dividir seus dados em várias categorias e exibir rótulos personalizados.
Multi Eixo
Você pode plotar um ou mais conjuntos de dados no eixo secundário adicional chamado Y2 quando os valores em um gráfico variam muito de um conjunto de dados para outro.
Dados empilhados
Sinta-se à vontade para habilitar ou desabilitar o recurso “Empilhado” em qualquer eixo, isso permite que você empilhe os dados do eixo especificado de um gráfico de linhas, gráfico de áreas, gráfico de barras ou gráfico de barras horizontais.
Posição da escala
Você pode mover as escalas em suas posições favoritas, por exemplo, você pode representar o eixo Y de um gráfico de linhas na direita em vez de na esquerda, o eixo X de um gráfico de barras na parte superior em vez de na parte inferior, etc.
Esconda as escamas
Às vezes é útil representar apenas os conjuntos de dados sem uma escala ou sem todas as escalas. Use essas opções para exibir ou ocultar escalas específicas.
Linhas de grade de escala
Personalize a visibilidade, a largura, as cores e mais para cada linha de grade. Isso permite que você seja extremamente detalhista e destaque pequenas variações em seus dados quando necessário ou torne o layout do gráfico limpo e organizado.
Título da escala
Altere como o título de cada escala é exibido alterando a cor, o tamanho da fonte, a família da fonte e o estilo da fonte.
Carrapatos de escama
Adicione um prefixo ou sufixo aos tiques de uma escala (por exemplo, para incluir uma unidade de medida, o símbolo de porcentagem, o símbolo de dólar, etc.), inverta a ordem dos tiques, gire os tiques para economizar espaço, arredonde o valor decimal para um número específico de casas decimais e muito mais.
Personalizações adicionais
Defina um limite mínimo e máximo para cada escala, defina um tamanho de passo fixo, decida se deseja começar do zero ou não na sua escala, limite o número de marcações de uma escala a um valor predefinido, personalize as dimensões das barras de um gráfico de barras e muito mais.
Editor de planilhas
Durante a criação de um gráfico, há um momento em que você precisa adicionar os pontos de dados. Se o número de pontos de dados for limitado, não faz diferença se você usar campos de entrada normais ou outros métodos, mas quando você tem uma grande quantidade de dados, você deve usar um método eficiente para inserir seus valores.
O editor de planilhas disponível no UberChart oferece a capacidade de:
- Copie seus dados diretamente do seu sistema operacional favorito ou editor de planilhas on-line (MS Excel, OpenOffice, LibreOffice, Planilha Google, etc.) para o UberChart e vice-versa
- Adicione seus dados facilmente usando as funções comuns fornecidas por um software de planilha (copie e cole um grupo de células, arraste linhas, arraste colunas)
Com um editor de planilhas incorporado, você nem precisa do recurso usual “Importar CSV”, porque ao copiar e colar de um software de planilhas, você pode facilmente importar os dados de qualquer arquivo CSV, XLS ou ODS (e todos os outros formatos suportados pelo seu software de planilhas).
Importar e exportar
O recurso de importação e exportação disponível no UberChart permite que você arquive suas coleções de gráficos como arquivos XML.
Isto é extremamente útil porque:
- Funciona como um sistema de backup para seus gráficos (você nunca perderá nenhum gráfico)
- Você pode mover seus gráficos entre diferentes sites
- Você pode armazenar seus gráficos mais usados e usá-los como modelos para gráficos futuros
Modelos
No UberChart, os modelos são gráficos especiais que podem ser carregados para criar novos gráficos instantaneamente. Em outras palavras, os modelos são uma maneira de reciclar configurações de gráficos para que você tenha apenas que adicionar os pontos de dados para produzir um resultado.
Modelos Padrão
Este plugin vem por padrão com 34 modelos padrão que permitem que você crie facilmente vários tipos de gráficos sem gastar tempo com a configuração inicial. Para saber mais sobre o processo de criação de um gráfico a partir de um modelo, confira este vídeo.
Pronto para multisite
Este plugin pode ser usado em uma rede WordPress e suporta tanto uma ativação de rede (o plugin será ativado em todos os sites da sua rede WordPress em uma única etapa) quanto uma ativação de site único (seu plugin será ativado manualmente em sites individuais da rede).
Pronto para multilíngue
O UberChart vem por padrão em inglês e italiano. Se você quiser traduzir o plugin para outro idioma, basta criar um arquivo de tradução ou traduzi-lo manualmente com um plugin multilíngue.
Suporte de alta qualidade
O suporte para este plugin é fornecido em inglês e italiano diretamente por e-mail pelo desenvolvedor do plugin. Se você tiver algum problema ou precisar de informações técnicas detalhadas sobre partes específicas do plugin, você está em boas mãos.
Documentação
A documentação oficial do plugin, incluindo referências aos tutoriais em vídeo e às perguntas frequentes, está disponível na página de documentação publicada em nosso site.
Créditos
Este plugin faz uso dos seguintes recursos:
- Compositor licenciado pela Licença MIT
- Select2 licenciado sob a Licença MIT
- Handsontable licenciado sob a Licença MIT
- Espectro licenciado sob a Licença MIT
- Chart.js licenciado sob a Licença MIT
- Licença JShrink sob a Licença BSD 3 Clause
Atualizações
19.04.2023 - v1.35 - The CSV, XML, and Google Sheets data sources have been added - The "Maintenance" menu has been added - Minor back-end improvements - Refactoring 01.11.2022 - v1.34 - JSON data source added - Performance options added 18.10.2022 - v1.33 - Chart.js version increased to v3.9.1 - Refactoring - Bug fix 13.09.2022 - v1.32 - Removed a PHP notice generated in the front-end - Minor bug fix 26.08.2022 - v1.30 - Refactoring 17.12.2021 - v1.26 - JShrink library updated to v1.4.0 22.09.2021 - v1.25 - Minor bug fix 27.04.2021 - v1.24 - The "Instantiation" option has been added in the "Animation" section - Back-end improvements - Minor bug fix 28.10.2020 - v1.22 - The "Thousands Separator" and "Decimal Separator" options have been added in the "Misc" section 20.10.2020 - v1.21 - The Chosen JavaScript library has been replaced with the Select2 JavaScript library - Minor bug fix 15.12.2019 - v1.20 - Fixed CSS issues caused by the changes applied in WordPress 5.3 - Fixed PHP Warning 13.04.2019 - v1.19 - Removed a PHP warning generated with PHP 7.2 and later versions in the front-end - Removed a PHP notice generated in the back-end 28.09.2018 - v1.18 - Fixed bug 28.09.2018 - v1.17 - The "UberChart" Gutenberg block has been added 14.09.2018 - v1.15 - Fixed a conflict between the "ROWS" reserved word added in MariaDB starting from version 10.2.4 and the "ROWS" database column used in the plugin database 16.02.2018 - v1.14 - The "Before Value" and "After Value" options have been added in the "Tooltips" section - PHP notices are no longer generated during the "Import" procedure 26.11.2017 - v1.13 - Documentation updated (the plugin codebase isn't changed) 04.07.2017 - v1.13 - Fixed a bug which prevented in specific situations to create rows in the back-end spreasheet editor 12.06.2017 - v1.12 - Fixed bugs - Added the "Hidden" dataset property - Added the "Half Pie/Doughnut" option - The TinyMCE UberChart button and the related modal window have been updated - The shortcode is now displayed in the "Charts" menu - In the "Charts" menu is now possible to search using the chart ID 17.04.2017 - v1.11 - Fixed bug 11.03.2017 - v1.10 - Fixed bugs - The same font stack of WordPress is now used in the administrative pages - Added a search form in the "Charts" menu - Improved performance in the "Charts" menu - Added the "Fixed Height" option in the "Common" section of the "Charts" menu - Added the "Maximum Execution Time" and the "Memory Limit" options in the "Options" menu 26.10.2016 - v1.08 - Initial release
Você se importa com o SEO do seu site?
Melhore sua estrutura de links internos e obtenha mais visitas em seu site WordPress com o plugin Interlinks Manager.
Artigos Relacionados