테마를 사용하여 차트 만들기

참고: 이 내용은 ‘위젯이 포함된 차트 갤러리’ 예제의 일부입니다.

여기에서 지원되는 일부 차트 유형에 대해 다양한 내장 테마의 모양과 느낌을 변경해 볼 수 있습니다.

밝은 테마의 차트가 표시된 스크린샷

갈색 모래를 테마로 한 차트가 담긴 스크린샷

청록색을 테마로 한 차트가 담긴 스크린샷

차트 생성

서로 다른 유형의 차트는 별도로 생성되어 레이아웃에 추가됩니다. 예를 들어, 선 차트는 다음과 같이 생성됩니다. 다른 차트 유형의 생성 과정도 이와 유사합니다.

먼저 차트를 생성합니다.

auto chart = new QChart;
chart->setTitle("Line Chart");

공통된 무작위 데이터 세트가 생성되어 목록에 저장됩니다. 이 목록은 각 차트 유형에서 차트의 시리에 데이터를 추가하는 데 사용됩니다. 선형 시리의 경우, QLineSeries 인스턴스가 생성되어 차트에 추가됩니다.

QString name("Series ");
int nameIndex = 0;
for (const DataList &list : m_dataTable) {
    auto series = new QLineSeries(chart);
    for (const Data &data : list)
        series->append(data.first);
    series->setName(name + QString::number(nameIndex));
    nameIndex++;
    chart->addSeries(series);
}

선 시리즈에 대한 기본 축이 생성됩니다. 또한 시리즈에 사용된 데이터의 범위를 기반으로 축의 범위를 지정합니다.

chart->createDefaultAxes();
chart->axes(Qt::Horizontal).first()->setRange(0, m_valueMax);
chart->axes(Qt::Vertical).first()->setRange(0, m_valueCount);

또한 레이블과 y축 사이에 더 많은 간격을 두고자 합니다. 이를 위해 레이블에 공백 문자를 추가하는 레이블 형식을 지정합니다.

// Add space to label to add space between labels and axis
auto axisY = qobject_cast<QValueAxis *>(chart->axes(Qt::Vertical).first());
Q_ASSERT(axisY);
axisY->setLabelFormat("%.1f  ");

마지막으로 선 차트를 그리드 레이아웃에 추가합니다.

chartView = new QChartView(createLineChart(), this);
m_ui->gridLayout->addWidget(chartView, 1, 2);

테마 변경

사용자는 예제에서 사용할 내장 테마를 선택할 수 있습니다. 이 테마는 레이아웃 내의 모든 차트에 적용됩니다.

auto theme = static_cast<QChart::ChartTheme>(
            m_ui->themeComboBox->itemData(m_ui->themeComboBox->currentIndex()).toInt());
    ...
chartView->chart()->setTheme(theme);

애니메이션, 범례 및 안티앨리어싱 변경

이 예제에서는 애니메이션, 범례 및 앤티앨리어싱을 변경하면 차트의 모양이 어떻게 달라지는지 확인할 수도 있습니다.

사용자의 선택에 따라 각 차트에 적용될 애니메이션 유형이 설정됩니다. 차트에 애니메이션을 전혀 적용하지 않거나, 그리드 축이나 시리즈에 애니메이션을 적용하거나, 둘 다 적용할 수도 있습니다.

QChart::AnimationOptions options(
            m_ui->animatedComboBox->itemData(m_ui->animatedComboBox->currentIndex()).toInt());
if (!m_charts.isEmpty() && m_charts.at(0)->chart()->animationOptions() != options) {
    for (QChartView *chartView : charts)
        chartView->chart()->setAnimationOptions(options);
}

차트는 범례와 함께 표시될 수 있습니다. 범례는 차트의 여러 쪽으로 정렬할 수 있습니다.

Qt::Alignment alignment(
            m_ui->legendComboBox->itemData(m_ui->legendComboBox->currentIndex()).toInt());

if (!alignment) {
    for (QChartView *chartView : charts)
        chartView->chart()->legend()->hide();
} else {
    for (QChartView *chartView : charts) {
        chartView->chart()->legend()->setAlignment(alignment);
        chartView->chart()->legend()->show();
    }
}

또한 사용자는 앤티앨리어싱 옵션을 변경하면 차트의 모양이 어떻게 달라지는지 확인할 수 있습니다. 앤티앨리어싱은 사용자의 선택에 따라 업데이트됩니다.

bool checked = m_ui->antialiasCheckBox->isChecked();
for (QChartView *chart : charts)
    chart->setRenderHint(QPainter::Antialiasing, checked);

© 2026 The Qt Company Ltd. Documentation contributions included herein are the copyrights of their respective owners. The documentation provided herein is licensed under the terms of the GNU Free Documentation License version 1.3 as published by the Free Software Foundation. Qt and respective logos are trademarks of The Qt Company Ltd. in Finland and/or other countries worldwide. All other trademarks are property of their respective owners.