ChartJS javascriptten bir kütüphanedir.Şık ve hoş tasarımlar için javascript uygun bir çözüm olmaktadır. Chartjs bu alanda tercih edilebilecek en iyi scriptlerden biridir.
Renk

Tuval ve Grafik
Chart.js için grafik çok önemlidir. Aşağıdaki kod yapısı ile gerekli grafik oluşturulacaktır. Chart.js ile grafik öğeler kolayca oluşturulmaktadır. Grafikler bu süreçte büyük bir öneme sahip olacaktır. Kod yapısında bir canvas oluşturulmuş ve bazı tanımlamalar yapılmıştır.

Sayfa Biçimlendirme
Sayfa yapısı çok önemli olmaktadır. Düzgün bir chartJs için düzgün bir sayfaya ihtiyaç duyulacaktır. Aşağıdaki kod yapısı ile gerekli düzenlemeler yapılarak uygun öğeler konumlandırılacaktır. Bu sayede daha düzenli ve daha şık bir sayfa yapısına sahip olunacaktır. Sayfanın öğeleri sıralı ve düzenli bir şekilde olmalıdır. Bunun içinde chartJs iyi bir seçim olacaktır. Bu esnada biçimlendirmeler, gerekli düzenlemeler kod yapıları ile yapılacaktır. Aşağıdaki kod yapısında en dış katmanda bir div yapısı bulunuyor. Diğer tüm öğeler bu div kutucuğu içerisinde yer almaktadır. En dış katmanda ki div’in içinde farklı divler bulunmaktadır. Bu divlerin içlerine yerleştirilmiş H etiketleri görülüyor. H1 , H3 gibi etiketler verilip bazı örnekler gösterilmiştir.

Css Öğeler
Css öğeler en az javascript kadar önemli olmaktadır. Css ile şık ve kaliteli görseller rahatça oluşturulabilir. Html için vazgeçilmezlerden biri olan css bu süreçte görsellik kazandırmak için iyi bir araç olacaktır. ChartJs inşasında da önemli bir yer tutan Css öğelerine aşağıda bazı örnekler verilmektedir.









