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
                }
            }
        }
    }
});

Dukung I. B. Gd Pramana A. Putra

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