wx charts

graphiques wx

Graphiques pour la petite application WeChat, graphiques pour la petite application WeChat

Dessin d'après toile, petit format

Nous continuons à optimiser et à mettre à jour, veuillez rester à l'écoute ~ Si vous avez des questions, veuillez en discuter dans la section Problèmes. Veuillez lire cet avis avant de soulever un problème.

ByteDance recrute un grand nombre d'ingénieurs de développement front-end (junior, senior, senior, Leader), situés à Pékin, Shanghai, Shenzhen, Hangzhou, Chengdu, Wuhan, Guangzhou et Nanjing. Amis intéressés, veuillez cliquer ici pour soumettre votre candidature. .

Types de graphiques pris en charge

• diagramme pie
• ring de diagramme de beignet
• line graphique
• column de graphique à barres
• area de la carte de la région
• Carte radar radar

Analyse de codeIci

Mettre à jour l'enregistrement

• Optimisation des performances des animations
• Prise en charge du défilement des graphiques, grâce à @jxintang
• Optimiser le dessin des courbes
• Carte radar ajoutée le 17/03/2017
• Nouvelle info-bulle 2017-03-07
• Nouveau dessin de courbe 06/03/2017
• Ajout de méthodes pour mettre à jour les données, terminer l'animation en cours et rappeler l'événement de rendu 2017-02-17
• Titre du graphique en beignet ajouté, sous-titre 2017-01-10
• Évitement des collisions de rédaction sur l'axe X 2016-12-30
• ajouter des données de diagramme circulaireLabel 2016-12-19
• ajouter une animation 2016-12-05
• construire avec rollup 02/12/2016
• ajouter une légende 2016-11-29

Comment utiliser

1. Référencez directement le fichier compilé dist/wxcharts.js ou dist/wxcharts-min.js

2. Compilez vous-même

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

Comment utiliser wx-charts dans des projets réels ou visitez wx-charts-demo pour voir des exemples d'exécution directement dans les outils de développement WeChat

Description des paramètres

Description du paramètre - Documentation d'utilisation de wxCharts

Méthodes et événements

Méthodes et événements - Instructions d'utilisation de wxCharts

Exemple

Pour plus d'informations, veuillez consulter Exemple - Instructions d'utilisation de wxCharts

test

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

Veuillez soumettre les problèmes de compatibilité dans Issue

Résumé de quelques questions

• Problème avec la largeur d'écran adaptative wx-charts
• Comment utiliser spécifiquement wxCharts dans le projet