[Angular] มาทำ Gauge สวยๆ ด้วย angular-gauge-chart กันเถอะ

Ans (คำตอบ)
Nov 8 · 1 min read

ในบทความนี้เดี๋ยวเราลองมาทำ Gauge Chart ง่ายๆ ด้วย Angular Gauge Chart กันครับ เรามาเริ่มกันเล้ยยยย

1. install package

npm install angular-gauge-chart

2. Import Module

3. เพิ่มโค้ด Config ลงใน component

เพิ่มโค้ด Config ลงใน component ที่เราต้องการใช้ ในที่นี้ขอเป็น app.component.ts นะครับ

แล้วลองรันดูครับ

ng serve

ได้แล้ววววววว

4. สำหรับใครที่ต้องการแก้ไข Gauge

ให้เข้าไปที่ลิงค์นี้นะครับ https://recogizer.github.io/gauge-chart/examples/samples/ จะมีหน้าให้เราทดลองแก้ไข

เราสามารถก๊อปปี้โค้ดมาใช้งานได้เลยครับ ก็นี่แหละครับ การทำ Gauge Chart ง่ายๆ หวังว่าคงเป็นประโยชน์กันนะครับ ^^

Ans (คำตอบ)

Written by

| Web Dev| IoT | Data Sci | Business, Trading @ itreeman.github.io

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch
Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore
Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade