wx charts

grafik-wx

Grafik untuk aplikasi kecil WeChat, grafik untuk aplikasi kecil WeChat

Gambar berdasarkan kanvas, ukuran kecil

Kami terus mengoptimalkan dan memperbarui, harap terus ikuti perkembangannya ~ Jika Anda memiliki pertanyaan, silakan diskusikan di Masalah. Harap baca pemberitahuan ini sebelum mengajukan masalah.

ByteDance merekrut sejumlah besar insinyur pengembangan front-end (junior, senior, senior, Pemimpin), yang berlokasi di Beijing, Shanghai, Shenzhen, Hangzhou, Chengdu, Wuhan, Guangzhou, dan Nanjing .

Jenis bagan yang didukung

• diagram lingkaran pie
• ring bagan donat
• line grafik garis
• column diagram batang
• wilayah peta area
• Radar grafik radar

Analisis kodeDi sini

Perbarui catatan

• Optimalisasi kinerja animasi
• Dukungan pengguliran grafik, terima kasih kepada @jxintang
• Optimalkan gambar kurva
• Menambahkan grafik radar 17-03-2017
• Keterangan alat baru 07-03-2017
• Gambar kurva baru 06-03-2017
• Menambahkan metode untuk memperbarui data, menghentikan animasi yang sedang berlangsung, dan merender panggilan balik acara 17-02-2017
• Menambahkan judul bagan donat, subtitle 10-01-2017
• penghindaran tabrakan copywriting sumbu x 30-12-2016
• tambahkan diagram lingkaran dataLabel 19-12-2016
• tambahkan animasi 05-12-2016
• dibangun dengan rollup 02-12-2016
• tambahkan legenda 29-11-2016

Cara menggunakan

1. Referensi langsung ke file kompilasi dist/wxcharts.js atau dist/wxcharts-min.js

2. Kompilasi sendiri

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

Cara menggunakan wx-charts dalam proyek sebenarnya atau kunjungi wx-charts-demo untuk melihat contoh pengoperasian langsung di alat pengembangan WeChat

Deskripsi parameter

Deskripsi parameter - dokumentasi penggunaan wxCharts

Metode & Acara

Metode & Acara - Petunjuk Penggunaan wxCharts

Contoh

Untuk informasi lebih lanjut, silakan lihat Contoh - petunjuk penggunaan wxCharts

tes

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

Silakan kirimkan masalah kompatibilitas di Issue

Ringkasan beberapa pertanyaan

• Masalah dengan lebar layar adaptif wx-charts
• Cara khusus menggunakan wxCharts dalam proyek