Web Components Sincronização de gráficos
O gráfico de dados Ignite UI for Web Components permite a sincronização em relação à coordenação de eventos de zoom, movimento panorâmico e mira entre vários gráficos. Isso pode ajudá-lo a visualizar as mesmas áreas de vários gráficos, supondo que suas fontes de dados sejam semelhantes ou iguais em relação aos eixos.
Web Components Chart Synchronization Example
Este exemplo mostra a sincronização de dois gráficos de dados Web Components:
Chart Synchronization Properties
Existem quatro opções de sincronização de gráficos, nas quais você pode sincronizar apenas horizontalmente, apenas verticalmente, ambos, ou pode optar por não sincronizar, que é o padrão.
Se você quiser sincronizar um conjunto de gráficos, poderá atribuir a eles o mesmo nome à SyncChannel
propriedade e, em seguida, especificar se deseja ou não sincronizar os gráficos horizontal e/ou verticalmente, definindo as SynchronizeHorizontally
propriedades e SynchronizeVertically
como o valor booleano correspondente.
Observe que, para sincronizar vertical e/ou horizontalmente, você precisará definir a isHorizontalZoomEnabled
propriedade e/ou isVerticalZoomEnabled
como true, respectivamente. Um gráfico sincronizado que depende de outro gráfico ainda ampliará independentemente dessa configuração de propriedade.
API References
A seguir está uma lista de membros da API mencionados nas seções acima:
isHorizontalZoomEnabled
isVerticalZoomEnabled
SyncChannel
SynchronizeHorizontally
SynchronizeVertically
IgcDataChartComponent