Gráfico Polar React

    A Ignite UI for React Polar Chart usa o sistema de coordenadas polares (ângulo, raio) em vez do sistema de coordenadas cartesianas (x, y) para plotar dados no gráfico. Em outras palavras, o Polar Chart pega conceitos de Scatter Series e os envolve em um círculo em vez de esticar pontos de dados horizontalmente. Ele é frequentemente usado para plotar dados científicos (por exemplo, direção e velocidade do vento, direção e força do campo magnético, localização de objetos no sistema solar) e pode destacar o desvio dos dados coletados dos resultados previstos.

    React Polar Area Chart

    O Polar Area Chart é renderizado usando uma coleção de polígonos conectando pontos de dados e usa os mesmos conceitos de plotagem de dados que o Category Area Chart com a diferença de que a visualização envolve 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 IgrDataChart vinculando seus dados a um IgrPolarAreaSeries, conforme mostrado no exemplo abaixo:

    React Polar Spline Area Chart

    O Polar Spline Area Chart também é renderizado como uma coleção de polígonos, mas eles têm splines curvas conectando pontos de dados em vez de linhas retas como o Polar Area Chart faz. Você pode criar esse tipo de gráfico no controle IgrDataChart vinculando seus dados a um IgrPolarAreaSeries, conforme mostrado no exemplo abaixo:

    React Polar Marker Chart

    O Polar Marker Chart é renderizado usando uma coleção de marcadores representando pontos de dados em um sistema de coordenadas polares (ângulo/raio). Este gráfico usa os mesmos conceitos de plotagem de dados que o Scatter Marker Chart, com a diferença de que a visualização envolve pontos de dados em torno de um círculo em vez de esticá-los horizontalmente. Você pode criar este tipo de gráfico no controle IgrDataChart vinculando seus dados a um IgrPolarScatterSeries, conforme mostrado no exemplo abaixo:

    React Polar Line Chart

    O Polar Line Chart é renderizado usando uma coleção de linhas retas conectando pontos de dados em um sistema de coordenadas polares (ângulo/raio). Este gráfico usa os mesmos conceitos de plotagem de dados que o Scatter Line Chart, com a diferença de que a visualização envolve pontos de dados em torno de um círculo em vez de esticá-los horizontalmente. Você pode criar este tipo de gráfico no controle IgrDataChart vinculando seus dados a um IgrPolarLineSeries, conforme mostrado no exemplo abaixo:

    React Polar Spline Chart

    O Polar Spline Chart é renderizado usando uma coleção de splines curvas conectando pontos de dados em um sistema de coordenadas polares (ângulo/raio). Este Chart usa os mesmos conceitos de plotagem de dados que o Scatter Spline Chart com a diferença de que a visualização envolve pontos de dados em torno de um círculo em vez de esticá-los horizontalmente. Você pode criar este tipo de gráfico no controle IgrDataChart vinculando seus dados a um IgrPolarSplineSeries, conforme mostrado no exemplo abaixo:

    React Polar Chart Styling

    Depois que nosso gráfico polar for criado, podemos querer fazer algumas personalizações de estilo adicionais, como uma alteração nas cores das linhas, tipos de marcadores ou cores de contorno desses marcadores. Você pode criar esse tipo de gráfico no controle IgrDataChart vinculando seus dados a um IgrPolarAreaSeries, conforme mostrado no exemplo abaixo:

    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: