Demonstrasi dasbor Bot.Media Charts.

Grafik untuk Bot.Media

Komponen grafik Vue dan TypeScript yang dapat digunakan kembali, dibangun di atas Chart.js.

Klien
Bot.Media
Peran
Frontend engineer — komponen visualisasi data yang dapat digunakan kembali
Keterlibatan
2019
TypeScriptVue.jsChart.js

Saya menerjemahkan desain dasbor yang disediakan ke dalam komponen Chart.js yang dapat digunakan kembali, memperkenalkan TypeScript ke dalam boilerplate klien, dan mengimplementasikan perilaku tooltip kustom untuk presentasi data khusus produk.

Sorotan

Komponen diagram yang dapat dikonfigurasi dan dirancang untuk digunakan kembali di dalam produk Vue.
TypeScript diperkenalkan ke dalam fondasi frontend yang disediakan.
Perilaku tooltip kustom diimplementasikan di mana UI Chart.js bawaan tidak mencukupi.
Dasbor dan contoh diagram mendemonstrasikan komponen yang dapat digunakan kembali di tujuh status visual.

Layar & Demo