Gráfico radial Web Components
O Ignite UI for Web Components Radial Chart pega dados e os renderiza como uma coleção de pontos de dados envoltos em um círculo (em vez de se esticarem ao longo de uma linha horizontal). O Radial Chart também mapeia uma lista de categorias do mínimo ao máximo da extensão do gráfico e oferece suporte aos mecanismos de agrupamento de categorias.
Web Components Radial Area Chart
O Web Components Radial Area Chart tem o formato de um polígono preenchido que é delimitado por uma coleção de linhas retas conectando pontos de dados. Este tipo de gráfico usa o mesmo conceito de plotagem de dados que o Area Chart, mas envolve os pontos de dados em torno de um eixo circular em vez de esticá-los horizontalmente. Você pode criar este tipo de gráfico no controle IgcDataChartComponent vinculando seus dados a IgcRadialAreaSeriesComponent, conforme mostrado no exemplo abaixo.
Web Components Radial Column Chart
O Radial Column Chart é visualizado usando uma coleção de retângulos que se estendem do centro do gráfico em direção aos locais dos pontos de dados. Isso utiliza os mesmos conceitos de plotagem de dados que o Column Chart, mas envolve os pontos de dados em torno de um círculo em vez de esticá-los horizontalmente. Você pode criar esse tipo de gráfico no controle IgcDataChartComponent vinculando seus dados a um IgcRadialColumnSeriesComponent, conforme mostrado no exemplo abaixo:
Web Components Radial Line Chart
O Web Components Radial Line Chart é renderizado como uma coleção de linhas retas conectando pontos de dados. Este tipo de gráfico usa o mesmo conceito de plotagem de dados que o Line Chart, mas envolve os pontos de dados em torno de um eixo circular em vez de esticá-los horizontalmente. Você pode criar este tipo de gráfico no controle IgcDataChartComponent vinculando seus dados a IgcRadialLineSeriesComponent, conforme mostrado no exemplo abaixo:
Web Components Radial Pie Chart
O Radial Pie Chart usa fatias de pizza que se estendem do centro do gráfico em direção aos locais dos pontos de dados. Este tipo de gráfico pega conceitos de categorização de várias séries de pontos de dados e os envolve em torno de um eixo circular em vez de esticar pontos de dados ao longo de uma linha horizontal. Você pode criar este tipo de gráfico no controle IgcDataChartComponent vinculando seus dados a um IgcRadialPieSeriesComponent, conforme mostrado no exemplo abaixo:
Web Components Radial Chart Styling
Depois que nosso gráfico radial for criado, podemos querer fazer algumas personalizações de estilo adicionais, como uma mudança nas cores das linhas, tipos de marcadores ou cores de contorno desses marcadores. Este exemplo demonstra como personalizar o estilo no controle IgcDataChartComponent.
Web Components Radial Chart Settings
Além disso, os rótulos podem ser configurados para aparecer perto ou longe do gráfico. Isso pode ser configurado com a propriedade LabelMode para o IgcCategoryAngleAxisComponent.
Additional Resources
Você pode encontrar mais informações sobre os tipos de gráficos relacionados nestes tópicos:
API References
A tabela a seguir lista os membros da API mencionados nas seções acima: