wx charts

gráficos-wx

Gráficos para la pequeña aplicación WeChat, gráficos para la pequeña aplicación WeChat

Dibujo basado en lienzo, tamaño pequeño.

Continuamos optimizando y actualizando, permanezcan atentos. Si tiene alguna pregunta, discútala en Problemas. Lea este aviso antes de plantear un problema.

ByteDance está contratando una gran cantidad de ingenieros de desarrollo front-end (junior, senior, senior, líder), ubicados en Beijing, Shanghai, Shenzhen, Hangzhou, Chengdu, Wuhan, Guangzhou y Nanjing. Amigos interesados, hagan clic aquí para enviar su solicitud. .

Tipos de gráficos admitidos

• gráfico pie
• ring de gráfico de anillos
• line gráfica de líneas
• column del gráfico de barras
• area del mapa del área
• radar gráfico de radar

Análisis de códigoaquí

Actualizar registro

• Optimización del rendimiento de la animación.
• Soporte de desplazamiento de gráficos, gracias a @jxintang
• Optimizar dibujo de curvas
• Gráfico de radar agregado 2017-03-17
• Nueva información sobre herramientas 2017-03-07
• Nuevo dibujo de curva 06-03-2017
• Se agregaron métodos para actualizar datos, finalizar la animación en progreso y generar devolución de llamada de eventos 2017-02-17
• Se agregó título y subtítulo del gráfico de anillos 2017-01-10
• evitación de colisiones de redacción publicitaria en el eje x 2016-12-30
• agregar etiqueta de datos de gráfico circular 2016-12-19
• añadir animación 2016-12-05
• construir con rollup 2016-12-02
• añadir leyenda 2016-11-29

como usar

1. Haga referencia directamente al archivo compilado dist/wxcharts.js o dist/wxcharts-min.js

2. Compílalo tú mismo

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

Cómo usar wx-charts en proyectos reales o visite wx-charts-demo para ver ejemplos de ejecución directamente en las herramientas de desarrollo de WeChat

Descripción del parámetro

Descripción del parámetro: documentación de uso de wxCharts

Métodos y Eventos

Métodos y eventos - Instrucciones de uso de wxCharts

Ejemplo

Para obtener más información, consulte el Ejemplo: instrucciones de uso de wxCharts

prueba

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

Envíe los problemas de compatibilidad en Problema

Resumen de algunas preguntas

• Problema con el ancho de pantalla adaptable de wx-charts
• Cómo usar específicamente wxCharts en el proyecto