Snippet

Kustomisasi judul pada chart.js

Diposting oleh I. B. Gd Pramana A. Putra pada 26 Aug 22, diperbarui pada 26 Aug 22

Chart.js adalah pustaka JavaScript yang handal untuk menampilkan visualisasi data pada website. Jika kamu sedang mencari kode snippet berupa contoh bagaimana mengkostumisasi judul pada chart.js, make kamu ada di tempat yang tepat.

<canvas id="myChart" width="400" height="400"></canvas>

const ctx = document.getElementById('myChart').getContext('2d');
const myChart = new Chart(ctx, {
  type: 'bar',
  data: {
    labels: ['Jan', 'Feb', 'Mar', 'Apr'],
    datasets: [{
      label: 'Months',
      data: [50, 30, 90, 70]
    }]
  },
  options: {
        plugins: {
            title: {
                display: true,
                text: 'Title goes here ...',
                color: '#0055ff',
                position: 'bottom',
                fullSize: true,
                padding: 30,
                align: 'start',
                font: {
                	family: 'Arial',
                	size: 30,
                    weight: 'bold',
                    style: 'italic',
                    lineHeight: 2.0
                }
            }
        }
    }
});

Sering kali kita hanya ingin melihat cuplikan kode untuk dicopy-paste tanpa perlu membaca penjelasan bertele-tele. Jika kamu rasa kode snippet ini bermanfaat untukmu, pertimbangkanlah untuk traktirin saya kopi atau makanan ringan :)

Dukung saya dengan · paypal · buymeacoffee · ko-fi · trakteer
Kontribusi Snippet
Jawaban & Respon
    Belum ada komentar

Login dulu

Kamu harus login terlebih dahulu sebelum memberikan komentar pada pos ini.