Saya graduan senior Selepas tamat pengajian, saya sedang berkhidmat di syarikat tempat saya bekerja Pengarah jabatan memberi saya tugasan dan meminta saya menulis komponen tindak balas visual yang boleh dikonfigurasikan bermakna. Saya kini merancang untuk menggunakannya sebagai teras untuk mencipta komponen tindak balas jenis konfigurasi yang serupa dengan echarts memadam kod. Pemahaman tentang kebolehkonfiguran tidak begitu jelas.
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Secara ringkasnya, medium yang paling biasa untuk visualisasi ialah carta grafik Sama ada ia berdasarkan kanvas (seperti echart) atau svg (seperti d3) atau WebGL (seperti Three.js), tugas utama mencipta a. carta adalah untuk menghantar data dan parameter yang sesuai.
Mengenai React, ia secara semula jadi bermakna bahawa pelbagai jenis carta mesti dirangkumkan ke dalam komponen untuk digunakan, dan komponen semuanya dipacu keadaan, yang bermaksud bahawa perubahan keadaan yang diluluskan boleh menyebabkan komponen dipaparkan semula, dan visual prestasi dipanggil "Kemas kini masa nyata".
Jadi, "boleh dikonfigurasikan" bermakna tidak lebih daripada data dan parameter yang tidak boleh dikodkan dengan keras dalam komponen, tetapi komponen tersebut boleh direka bentuk secara munasabah untuk menjadikan komponen carta ini melalui hantaran parameter. Kesan yang diingini ialah pelaksanaan dalaman komponen (pemasangan carta dan proses pemaparan) disembunyikan, dan data yang menentukan persembahan khusus komponen boleh dilalui melalui parameter, dengan itu mencapai kebolehskalaan, kebolehselenggaraan dan kebolehbacaan yang lebih tinggi , kebolehgunaan semula , dsb.
Tiada masalah jika anda mengikuti idea ini, tetapi akan ada banyak butiran yang perlu ditangani di tengah, dan ia juga akan menguji keupayaan reka bentuk anda (maksud saya reka bentuk kod dan antara muka Mari kita mulakan dengan yang paling mudah). perkara, seperti melukis Carta Bar/Lajur yang paling asas seperti data siri, paksi x/y, label, unit, skala, legenda, dll. boleh dilalui melalui parameter dan komponen boleh dikemas kini secara automatik apabila. parameter berubah.
Adakah satu-satunya permintaan yang anda perlukan adalah perkataan daripada pengarah? Tiada dokumen lain?