Overview

Um streamgraph, ou stream graph, é um tipo de gráfico de áreas empilhadas que é deslocado em torno de um eixo central, resultando em uma forma fluida e orgânica.

Temos dois modos de operação.

No primeiro modo, que poderíamos chamar de modo "pontos sucessivos", especificamos para cada série um valor em y a cada mensagem. Os valores em x são incrementos automáticos. Isso leva à exibição de um ponto adicional no gráfico, e os pontos continuam sendo adicionados até o limite de quantidade definido pelo usuário, então cada novo ponto substitui o mais antigo e assim por diante. Esse modo é prático para séries temporais onde os dados chegam progressivamente.

O segundo modo é o modo XY: um array é especificado em y, que define explicitamente todos os pontos a serem exibidos.

Successive Points Mode

Se um usuário configurar uma série "Series 1", escolhendo a propriedade "prop1" para o eixo y, e uma série "Series 2", escolhendo a propriedade "prop2" para o eixo y, ao receber a seguinte mensagem :

{
  "payload": {
    "prop1": 4,
    "prop2": 8
  }
}

dois pontos são exibidos no gráfico, na abscissa "0" e nas ordenadas 4 e 8.

Se uma nova mensagem for recebida :

{
  "payload": {
    "prop1": 6,
    "prop2": 10
  }
}

dois novos pontos serão exibidos, na abscissa 1 e ordenadas 6 e 10.

XY Mode

Se um usuário configurar uma série "Series 1" usando a tabela "tab1" e uma série "Series 2" usando a tabela "tab2", ao receber a seguinte mensagem :

{
  "payload": {
    "tab1": [4, 6],
    "tab2": [8, 10]
  }
}

Quatro pontos são exibidos no gráfico: dois na abscissa "0" (e ordenadas 4 e 6) e outros dois na abscissa "1" (e ordenadas 8 e 10). Quando novas tabelas para x e y são recebidas, os dados recebidos substituem o gráfico existente. O limite de pontos não tem significado aqui e deve ser ignorado.