Тип QML PolarChartView

Представляет данные в полярных диаграммах. Подробнее...

• Список всех членов, включая унаследованные

Подробное описание

Полярные диаграммы представляют данные на круговой диаграмме, где размещение данных основано на угле и расстоянии от центра диаграммы, полюса.

Полярная диаграмма — это специализация типа ChartView. Она поддерживает линейные, сплайновые, площадные и точечные ряды, а также все типы осей, поддерживаемые ими. Каждая ось может использоваться либо как радиальная, либо как угловая ось.

Первая и последняя метка шкалы на угловой оси ValueAxis расположены под углом 0/360 градусов.

Если угловое расстояние между двумя последовательными точками в ряду превышает 180 градусов, любая прямая линия, соединяющая эти две точки, становится бессмысленной и не будет отображаться. Вместо этого будет нарисована линия от и до центра диаграммы. Поэтому диапазоны осей должны быть выбраны соответствующим образом при отображении линейных, сплайновых или площадных рядов.

Полярные диаграммы рисуют все оси одинаковой ориентации в одном и том же положении, поэтому использование нескольких осей с одинаковой ориентацией может быть запутанным, если дополнительные оси используются только для настройки сетки. Например, вы можете отобразить выделенный диапазон с помощью вторичной затенённой оси CategoryAxis или предоставить неописанные подделения с вторичной осью ValueAxis, у которой скрыты метки.

Следующий код QML демонстрирует, как создать полярную диаграмму с сплайновым и точечным рядами и двумя осями:

PolarChartView {
    title: "Two Series, Common Axes"
    anchors.fill: parent
    legend.visible: false
    antialiasing: true

    ValueAxis {
        id: axisAngular
        min: 0
        max: 20
        tickCount: 9
    }

    ValueAxis {
        id: axisRadial
        min: -0.5
        max: 1.5
    }

    SplineSeries {
        id: series1
        axisAngular: axisAngular
        axisRadial: axisRadial
        pointsVisible: true
    }

    ScatterSeries {
        id: series2
        axisAngular: axisAngular
        axisRadial: axisRadial
        markerSize: 10
    }
}

// Add data dynamically to the series
Component.onCompleted: {
    for (var i = 0; i <= 20; i++) {
        series1.append(i, Math.random());
        series2.append(i, Math.random());
    }
}