wx charts

gráficos wx

Gráficos para aplicativo pequeno WeChat, gráficos para aplicativo pequeno WeChat

Desenho baseado em tela, tamanho pequeno

Continuamos otimizando e atualizando. Fique atento ~ Se você tiver alguma dúvida, discuta-a em Problemas. Leia este aviso antes de levantar um problema.

A ByteDance está recrutando um grande número de engenheiros de desenvolvimento front-end (júnior, sênior, sênior, líder), localizados em Pequim, Xangai, Shenzhen, Hangzhou, Chengdu, Wuhan, Guangzhou e Nanjing. Amigos interessados, clique aqui para enviar sua inscrição. .

Tipos de gráficos suportados

• gráfico pie
• ring de gráfico de rosca
• line do gráfico de linha
• column do gráfico de barras
• area do mapa de área
• Radar gráfico radar

Análise de códigoAqui

Atualizar registro

• Otimização do desempenho da animação
• Suporte para rolagem de gráfico, graças a @jxintang
• Otimizar desenho de curva
• Adicionado gráfico de radar 17/03/2017
• Nova dica 07/03/2017
• Novo desenho de curva 06/03/2017
• Adicionados métodos para atualizar dados, encerrar animação em andamento e renderizar retorno de chamada de evento 17/02/2017
• Adicionado título e subtítulo do gráfico de rosca 10/01/2017
• prevenção de colisão de direitos autorais no eixo x 30/12/2016
• adicionar dados do gráfico de pizzaLabel 2016-12-19
• adicionar animação 05/12/2016
• construir com rollup 02/12/2016
• adicionar legenda 29/11/2016

Como usar

1. Faça referência direta ao arquivo compilado dist/wxcharts.js ou dist/wxcharts-min.js

2. Compile você mesmo

 git clone https://github.com/xiaolin3303/wx-charts.git
npm install rollup -g
npm install
rollup -c 或者 rollup --config rollup.config.prod.js

Como usar wx-charts em projetos reais ou visite wx-charts-demo para ver exemplos de execução diretamente nas ferramentas de desenvolvimento do WeChat

Descrição do parâmetro

Descrição do parâmetro - documentação de uso do wxCharts

Métodos e Eventos

Métodos e eventos - Instruções de uso do wxCharts

Exemplo

Para obter mais informações, consulte Exemplo - instruções de uso do wxCharts

teste

1. iPhone 6s, iOS 9.3.5
2. Xiaomi 4, ANDORID 6.0.1

Envie problemas de compatibilidade em Issue

Resumo de algumas perguntas

• Problema com largura de tela adaptável wx-charts
• Como usar wxCharts especificamente no projeto