wx charts

WX-Charts

Diagramme für die kleine WeChat-App, Diagramme für die kleine WeChat-App

Zeichnung auf Leinwand, kleines Format

Wir optimieren und aktualisieren weiter, bitte bleiben Sie auf dem Laufenden ~ Wenn Sie Fragen haben, besprechen Sie diese bitte unter „Probleme“. Bitte lesen Sie diesen Hinweis, bevor Sie ein Problem melden.

ByteDance rekrutiert eine große Anzahl von Front-End-Entwicklungsingenieuren (Junior, Senior, Senior, Leader) mit Standorten in Peking, Shanghai, Shenzhen, Hangzhou, Chengdu, Wuhan, Guangzhou und Nanjing. Interessierte Freunde klicken bitte hier, um Ihre Bewerbung einzureichen .

Unterstützte Diagrammtypen

• pie -Kuchen
• Donut-Chart- ring
• line
• column
• area
• radar

Code-AnalyseHier

Datensatz aktualisieren

• Optimierung der Animationsleistung
• Unterstützung für das Scrollen von Diagrammen, danke an @jxintang
• Kurvenzeichnung optimieren
• Radarkarte 17.03.2017 hinzugefügt
• Neuer Tooltip 07.03.2017
• Neue Kurvenzeichnung 06.03.2017
• Methoden hinzugefügt, um Daten zu aktualisieren, laufende Animationen zu beenden und Ereignisrückrufe zu rendern 2017-02-17
• Donut-Chart-Titel hinzugefügt, Untertitel 10.01.2017
• Kollisionsvermeidung beim Verfassen von Texten auf der X-Achse 30.12.2016
• Kreisdiagramm-Daten hinzufügenLabel 19.12.2016
• Animation hinzufügen 05.12.2016
• Build mit rollup 2016-12-02
• Legende hinzufügen 29.11.2016

Wie zu verwenden

1. Verweisen Sie direkt auf die kompilierte Datei dist/wxcharts.js oder dist/wxcharts-min.js

2. Kompilieren Sie selbst

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

Erfahren Sie, wie Sie WX-Charts in tatsächlichen Projekten verwenden oder besuchen Sie WX-Charts-Demo, um Beispiele für die direkte Ausführung in WeChat-Entwicklungstools zu sehen

Parameterbeschreibung

Parameterbeschreibung – wxCharts-Nutzungsdokumentation

Methoden & Ereignisse

Methoden und Ereignisse – Gebrauchsanweisung für wxCharts

Beispiel

Weitere Informationen finden Sie in der Beispiel-Bedienungsanleitung für wxCharts

prüfen

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

Bitte melden Sie Kompatibilitätsprobleme unter Problem

Zusammenfassung einiger Fragen

• Problem mit der adaptiven Bildschirmbreite von wx-charts
• So verwenden Sie wxCharts konkret im Projekt