Google Grafik Araçlarını varsayılan ayarlarıyla kullanabilirsiniz. Tüm özelleştirmeler isteğe bağlıdır ve temel kurulum başlatılmaya hazırdır. Bununla birlikte, web sayfanızın sağlanan varsayılanlarla çelişen bir stil benimsemesi durumunda grafikler kolayca özelleştirilebilir. Her grafikte, görünümünü ve tarzını özelleştiren çeşitli seçenekler sunulur. Bu seçenekler, bir grafiğin draw() yöntemine geçirilen seçenekler nesnesinde ad:değer çiftleri olarak ifade edilir.
Grafikler genellikle bu görselleştirmeye uygun özel seçenekleri destekler.
Örneğin, tablo grafiği, varsayılan sıralama sütununu belirtmek için bir sortColumn seçeneğini, pasta grafik görselleştirmesi ise dilim renklerini belirtmenizi sağlayan bir colors seçeneğini destekler. Her grafiğin dokümanlarında desteklenen seçenekler açıklanmalıdır.
Seçeneklerinizi isteğe bağlı bir ikinci parametre olarak, grafiğin önceden açıklanan draw() yöntemine geçirirsiniz. Seçenekleri, her grafiğe özel özellikleri olan bir nesne oluşturarak belirtirsiniz.
Aşağıdaki örnekte, bu özelliklerin tümünü belirten bir seçenekler nesnesinin nasıl oluşturulacağı gösterilmektedir:
var options = {
width: 400,
height: 240,
title: 'Toppings I Like On My Pizza',
colors: ['#e0440e', '#e6693e', '#ec8f6e', '#f3b49f', '#f6c7b6']
};
chart.draw(data, options);
Bu kodun oluşturduğu grafik aşağıda verilmiştir.
|
|
Seçenekleri tam olarak draw() yöntemi içinde de belirtebilirsiniz:
chart.draw(data, {
width: 400,
height: 240,
title: 'Toppings I Like On My Pizza',
colors: ['#e0440e', '#e6693e', '#ec8f6e', '#f3b49f', '#f6c7b6'],
is3D: true
});
Bu kodun oluşturduğu grafik aşağıda verilmiştir.
|
|
Daha Fazla Bilgi