Veja em CodeCanyonPreço $39

Nota: este post tem links de afiliados. Ao clicar e fazer compras ganhamos comissões. Obrigado!

UberChart - Plugin de gráfico do WordPress - 1

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.

UberChart - Plugin de gráfico do WordPress - 2

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.

Plugin Interlinks Manager para WordPress

Veja em CodeCanyonPreço $39

plugins premium WordPress