atualização do layout da pilha do d3.js. da v3 para a v4
Usando o D3 v3, formatei meus dados para corresponder ao exemplo de Mike e iniciar rapidamente meu processo de desenvolvimento. Página de exemplo aquihttps://github.com/d3/d3-3.x-api-reference/blob/master/Stack-Layout.md
var data = [
{
"name": "apples",
"values": [
{ "x": 0, "y": 91},
{ "x": 1, "y": 290}
]
},
{
"name": "oranges",
"values": [
{ "x": 0, "y": 9},
{ "x": 1, "y": 49}
]
}
];
Então tudo que eu tinha que fazer para obter os valores empilhados era
var stack = d3.layout.stack().values(d=>d.values)
var layers = stack(data)
Exatamente como ele fez isso em seu exemplo.
No entanto, na v4, parece que a função de pilha espera dados formatados em tabela; portanto, os dados acima se pareceriam com isso.
var data = [
{x: 0, apples: 91, oranges: 9},
{x: 1, apples: 290, oranges: 49},
];
Existe uma maneira fácil de manter meu formato de dados e usar a função de pilha v4? Não consigo entender a nova maneira de fazer isso. No meu formato de dados atual, tenho propriedades úteis associadas à matriz de valores. Se eu alterar meu formato de dados para tabular, não vejo uma maneira conveniente de emparelhar propriedades com valores.