D3 Сложные схемы примера пример механизма специфики ⇐ Javascript

[Anonymous]

В настоящее время я пытаюсь создать сложенную барную карту в D3. Я нашел следующие ссылки с примерами: https://d3js.org/d3-shape/stack#_stack, https://observablehq.com/@d3/stacked-bar-chart/2, https://d3-graph-gallery.com/graph/barp ... ml.hankmal. Я могу просто скопировать свои данные в этот формат и иметь его работу, я не уверен в специфике нескольких вещей и хотел бы узнать фактические внутренние механизмы, и Google не в состоянии понять мой вопрос.

Код: Выделить всё

var stackedData = d3.stack()
.keys(subgroups)
(data)
< /code>
Я пытаюсь выяснить, что это делает (данные) в конце: как и в случае, это не параметры, передаваемые в скобки какого -либо метода, потому что в скобках всех методов уже открыты и закрыты, так что его передаются, если его скобки не привязаны к методу? Если есть только ссылка на документацию на то или что -то, что было бы здорово. < /P>

 Пример генерации прямоугольника, который официальный документ дает: < /li>
< /ol>
svg.append("g")
.selectAll("g")
.data(series)
.join("g")
.attr("fill", d => color(d.key))
.selectAll("rect")
.data(D => D)
.join("rect")
.attr("x", d => x(d.data[0]))
.attr("y", d => y(d[1]))
.attr("height", d => y(d[0]) - y(d[1]))
.attr("width", x.bandwidth());

2a) Это не так уж и косвенно, но мне просто любопытно - почему соглашение использовать капитал d в .data (d => d) вместо обычного строчностного D?
2b) в x (d.data [0]) , что является «данных»? Я использовал осмотр элемента на наблюдаемом примере и обнаружил, что он содержит массив данных внутри своего __data__, но я не уверен, как он туда попал. Это из -за того, как функция index () используется до того, как она работает? Как обычно, нет массива, называемого «данных» внутри D, верно? D [1] больше, чем D [0] для каждого элемента, так что это делает его отрицательным. Это как -то связано с увеличением оси Y, поскольку она снижается на веб -странице? Но как высота может быть отрицательной, независимо от того?
Спасибо !!

Подробнее здесь: https://stackoverflow.com/questions/796 ... -specifics