Stack (yığın) Oluşturucu

Yığın oluşturucu, bir dizi çoklu-dizi verisini alır ve her bir dizi için, her bir dizinin, her bir veri noktası için daha düşük ve üst değerler içerdiği bir dizi oluşturur. Her bir seri önceki serinin üstüne istiflenecek şekilde alt ve üst değerler hesaplanır.

var data = [
  {day: 'Mon', apricots: 120, blueberries: 180, cherries: 100},
  {day: 'Tue', apricots: 60,  blueberries: 185, cherries: 105},
  {day: 'Wed', apricots: 100, blueberries: 215, cherries: 110},
  {day: 'Thu', apricots: 80,  blueberries: 230, cherries: 105},
  {day: 'Fri', apricots: 120, blueberries: 240, cherries: 105}
];

var stack = d3.stack()
  .keys(['apricots', 'blueberries', 'cherries']);

var stackedSeries = stack(data);

// stackedSeries = [
//   [ [0, 120],   [0, 60],   [0, 100],    [0, 80],    [0, 120] ],   // Apricots
//   [ [120, 300], [60, 245], [100, 315],  [80, 310],  [120, 360] ], // Blueberries
//   [ [300, 400], [245, 350], [315, 425], [310, 415], [360, 465] ]  // Cherries
// ]

Oluşturulan seri dizisi kullanılarak aşağıdaki gibi grafikler oluşturulabilir.

.order()

Yığılmış serilerin sırası .order() kullanılarak yapılandırılabilir:

stack.order(d3.stackOrderInsideOut);

Her seri toplanır ve seçilen sıraya göre sıralanır. Mümkün olan seçenekler:

Seçenek

Açıklama

stackOrderNone

(Varsayılan) Seri, .keys() ile aynı sırada

stackOrderAscending

Alttaki en küçük seri

stackOrderDescending

Alttaki en büyük seri

stackOrderInsideOut

Ortadaki en büyük seri

stackOrderReverse

StackOrderNone öğesinin tersi

.offset()

Varsayılan olarak, yığılmış serilerde sıfır taban çizgisi vardır. Ancak farklı efektler elde etmek için üreticinin ofsetini yapılandırabiliriz. Örneğin, yığılmış serileri aynı yüksekliğe kadar doldurmaları için normalleştirebiliriz: