Topluluk görselleştirmesi için veri ve stil seçenekleri bir configJSON'da tanımlanır. data yapılandırması, görselleştirmenin desteklediği boyut ve metrik sayısını belirler. style yapılandırması, özellik panelinde kullanılabilen stil seçicileri tanımlar.
Veri yapılandırması
data yapılandırması, Looker Studio'nun özellik panelinde oluşturduğu BOYUT ve METRİK öğelerini tanımlar. Her öğe, son kullanıcının görselleştirmeye giriş olarak sağladığı boyut ve öğe alanlarına karşılık gelir.
Örnek veri öğesi:
{
"id": "twoDimensionsPlease",
"label": "Dimension Element Heading",
"type": "DIMENSION",
"options": {
"min": 2,
"max": 2,
}
}
Veri öğesinde tanımladığınız id, Looker Studio'nun yanıtladığı bilgilere dahil edilir. label, kullanıcıların veri bölümünün üzerinde gördüğü metni tanımlar. type ise bunun bir boyut mu yoksa metrik mi olduğunu tanımlar. options nesnesi, kullanıcının veri öğesine ekleyebileceği minimum ve maksimum alan sayısını tanımlar.
Bir BOYUT veri öğesinde, options nesnesi isteğe bağlı bir supportedTypes anahtarını destekler. Tanımlanırsa Looker Studio, öğeye eklenebilecek boyut alanlarının türünü kısıtlar. supportedTypes değeri, "DEFAULT", "TIME" ve "GEO" değerlerinin herhangi bir kombinasyonunu içerebilen bir dizidir.
Veri bölümü, birden fazla veri öğesini birlikte gruplandırır. Looker Studio, label karakterini birden fazla veri öğesi için başlık olarak oluşturur.
Örnek veriler bölümü:
{
"id": "dimensionSection1",
"label": "Dimension Section Heading",
"elements":[
// array of data elements
]
}
Bu ekran görüntüsünde, Looker Studio'nun yukarıdaki veri bölümünü ve veri öğesini nasıl oluşturduğu gösterilmektedir:
Stil yapılandırması
Stil yapılandırması, özellik panelinde oluşturulan stil seçicileri tanımlar.
Örnek stil öğesi:
{
"id": "linkOpacity",
"label": "Link opacity",
"type": "OPACITY",
"defaultValue": "0.2"
}
label, kullanıcıların ipucu olarak gördüğü metni tanımlar ve type, Looker Studio'nun oluşturduğu stil seçicinin türünü tanımlar. İsteğe bağlı olarak,
defaultValue her stil öğesi için varsayılan bir değer tanımlar.
Veri öğelerine benzer şekilde, stil öğeleri de başlıklar ve mantıksal gruplandırmalar sağlayan bölümlerin içinde tanımlanır. Kullanılabilir seçicilerin tam listesini görmek için yapılandırma referansına bakın.
Örnek stil bölümü:
{
"id": "styleGroup1",
"label": "Header for style group",
"elements": [
// insert Style Elements here
]
}
Aşağıdaki ekran görüntüsünde, stil öğesindeki label ile eşleşen "Bağlantı Opaklığı" ipucunu içeren bir opaklık seçicili stil panelinin örneği gösterilmektedir.
Etkileşim yapılandırması
interaction Yapılandırma, bir topluluk görselleştirmesinde grafik etkileşimlerinin nasıl çalıştığını tanımlar. Bu işlem isteğe bağlıdır.
Örnek:
{
"id": "onClick",
"supportedActions": ["FILTER"]
}
Şu anda yalnızca FILTER desteklenmektedir. Etkileşimleri yapılandırırsanız özellik panelinde bir onay kutusu gösterilir.
Özellik yapılandırması
features yapılandırması, topluluk görselleştirmenizde çeşitli özellikleri etkinleştirebilir veya devre dışı bırakabilir. Bu bölüm isteğe bağlıdır. Özelliklerin listesini yapılandırma referansında bulabilirsiniz.
Örnek:
"features": {
"enableComparisonDateRange": true
}
Örnek
Görselleştirme yapılandırması örneği için örnek yapılandırmaya bakın.
Sonraki adımlar
Yapılandırmanızı tanımladıktan sonra görselleştirmeyi yazın.