1 | /* |
2 | * This file is part of KQuickCharts |
3 | * SPDX-FileCopyrightText: 2019 Arjen Hiemstra <ahiemstra@heimr.nl> |
4 | * |
5 | * SPDX-License-Identifier: LGPL-2.1-only OR LGPL-3.0-only OR LicenseRef-KDE-Accepted-LGPL |
6 | */ |
7 | |
8 | #include "LineChart.h" |
9 | |
10 | #include <cmath> |
11 | |
12 | #include <QPainter> |
13 | #include <QPainterPath> |
14 | #include <QQuickWindow> |
15 | |
16 | #include "RangeGroup.h" |
17 | #include "datasource/ChartDataSource.h" |
18 | #include "scenegraph/LineChartNode.h" |
19 | |
20 | static const float PixelsPerStep = 2.0; |
21 | |
22 | |
23 | QList<QVector2D> interpolatePoints(const QList<QVector2D> &points, float height); |
24 | QList<float> calculateTangents(const QList<QVector2D> &points, float height); |
25 | QVector2D cubicHermite(const QVector2D &first, const QVector2D &second, float step, float mFirst, float mSecond); |
26 | |
27 | QColor colorWithAlpha(const QColor &color, qreal opacity) |
28 | { |
29 | auto result = color; |
30 | result.setRedF(result.redF() * opacity); |
31 | result.setGreenF(result.greenF() * opacity); |
32 | result.setBlueF(result.blueF() * opacity); |
33 | result.setAlphaF(opacity); |
34 | return result; |
35 | } |
36 | |
37 | LineChartAttached::LineChartAttached(QObject *parent) |
38 | : QObject(parent) |
39 | { |
40 | } |
41 | |
42 | QVariant LineChartAttached::value() const |
43 | { |
44 | return m_value; |
45 | } |
46 | |
47 | void LineChartAttached::setValue(const QVariant &value) |
48 | { |
49 | if (value == m_value) { |
50 | return; |
51 | } |
52 | |
53 | m_value = value; |
54 | Q_EMIT valueChanged(); |
55 | } |
56 | |
57 | QColor LineChartAttached::color() const |
58 | { |
59 | return m_color; |
60 | } |
61 | |
62 | void LineChartAttached::setColor(const QColor &color) |
63 | { |
64 | if (color == m_color) { |
65 | return; |
66 | } |
67 | |
68 | m_color = color; |
69 | Q_EMIT colorChanged(); |
70 | } |
71 | |
72 | QString LineChartAttached::name() const |
73 | { |
74 | return m_name; |
75 | } |
76 | |
77 | void LineChartAttached::setName(const QString &newName) |
78 | { |
79 | if (newName == m_name) { |
80 | return; |
81 | } |
82 | |
83 | m_name = newName; |
84 | Q_EMIT nameChanged(); |
85 | } |
86 | |
87 | QString LineChartAttached::shortName() const |
88 | { |
89 | if (m_shortName.isEmpty()) { |
90 | return m_name; |
91 | } else { |
92 | return m_shortName; |
93 | } |
94 | } |
95 | |
96 | void LineChartAttached::setShortName(const QString &newShortName) |
97 | { |
98 | if (newShortName == m_shortName) { |
99 | return; |
100 | } |
101 | |
102 | m_shortName = newShortName; |
103 | Q_EMIT shortNameChanged(); |
104 | } |
105 | |
106 | LineChart::LineChart(QQuickItem *parent) |
107 | : XYChart(parent) |
108 | { |
109 | } |
110 | |
111 | bool LineChart::interpolate() const |
112 | { |
113 | return m_interpolate; |
114 | } |
115 | |
116 | qreal LineChart::lineWidth() const |
117 | { |
118 | return m_lineWidth; |
119 | } |
120 | |
121 | qreal LineChart::fillOpacity() const |
122 | { |
123 | return m_fillOpacity; |
124 | } |
125 | |
126 | void LineChart::setInterpolate(bool newInterpolate) |
127 | { |
128 | if (newInterpolate == m_interpolate) { |
129 | return; |
130 | } |
131 | |
132 | m_interpolate = newInterpolate; |
133 | polish(); |
134 | Q_EMIT interpolateChanged(); |
135 | } |
136 | |
137 | void LineChart::setLineWidth(qreal width) |
138 | { |
139 | if (qFuzzyCompare(p1: m_lineWidth, p2: width)) { |
140 | return; |
141 | } |
142 | |
143 | m_lineWidth = width; |
144 | update(); |
145 | Q_EMIT lineWidthChanged(); |
146 | } |
147 | |
148 | void LineChart::setFillOpacity(qreal opacity) |
149 | { |
150 | if (qFuzzyCompare(p1: m_fillOpacity, p2: opacity)) { |
151 | return; |
152 | } |
153 | |
154 | m_fillOpacity = opacity; |
155 | update(); |
156 | Q_EMIT fillOpacityChanged(); |
157 | } |
158 | |
159 | ChartDataSource *LineChart::fillColorSource() const |
160 | { |
161 | return m_fillColorSource; |
162 | } |
163 | |
164 | void LineChart::setFillColorSource(ChartDataSource *newFillColorSource) |
165 | { |
166 | if (newFillColorSource == m_fillColorSource) { |
167 | return; |
168 | } |
169 | |
170 | m_fillColorSource = newFillColorSource; |
171 | update(); |
172 | Q_EMIT fillColorSourceChanged(); |
173 | } |
174 | |
175 | QQmlComponent *LineChart::pointDelegate() const |
176 | { |
177 | return m_pointDelegate; |
178 | } |
179 | |
180 | void LineChart::setPointDelegate(QQmlComponent *newPointDelegate) |
181 | { |
182 | if (newPointDelegate == m_pointDelegate) { |
183 | return; |
184 | } |
185 | |
186 | m_pointDelegate = newPointDelegate; |
187 | for (auto entry : std::as_const(t&: m_pointDelegates)) { |
188 | qDeleteAll(c: entry); |
189 | } |
190 | m_pointDelegates.clear(); |
191 | polish(); |
192 | Q_EMIT pointDelegateChanged(); |
193 | } |
194 | |
195 | void LineChart::updatePolish() |
196 | { |
197 | if (m_rangeInvalid) { |
198 | updateComputedRange(); |
199 | m_rangeInvalid = false; |
200 | } |
201 | |
202 | QList<QVector2D> previousValues; |
203 | |
204 | const auto range = computedRange(); |
205 | const auto sources = valueSources(); |
206 | for (int i = 0; i < sources.size(); ++i) { |
207 | auto valueSource = sources.at(i); |
208 | |
209 | float stepSize = width() / (range.distanceX - 1); |
210 | QList<QVector2D> values(range.distanceX); |
211 | auto generator = [&, i = range.startX]() mutable -> QVector2D { |
212 | float value = 0; |
213 | if (range.distanceY != 0) { |
214 | value = (valueSource->item(index: i).toFloat() - range.startY) / range.distanceY; |
215 | } |
216 | |
217 | auto result = QVector2D{direction() == Direction::ZeroAtStart ? i * stepSize : float(boundingRect().right()) - i * stepSize, value}; |
218 | i++; |
219 | return result; |
220 | }; |
221 | |
222 | if (direction() == Direction::ZeroAtStart) { |
223 | std::generate_n(first: values.begin(), n: range.distanceX, gen: generator); |
224 | } else { |
225 | std::generate_n(first: values.rbegin(), n: range.distanceX, gen: generator); |
226 | } |
227 | |
228 | if (stacked() && !previousValues.isEmpty()) { |
229 | if (values.size() != previousValues.size()) { |
230 | qWarning() << "Value source" << valueSource->objectName() |
231 | << "has a different number of elements from the previous source. Ignoring stacking for this source." ; |
232 | } else { |
233 | std::for_each(first: values.begin(), last: values.end(), f: [previousValues, i = 0](QVector2D &point) mutable { |
234 | point.setY(point.y() + previousValues.at(i: i++).y()); |
235 | }); |
236 | } |
237 | } |
238 | previousValues = values; |
239 | |
240 | if (m_pointDelegate) { |
241 | auto &delegates = m_pointDelegates[valueSource]; |
242 | if (delegates.size() != values.size()) { |
243 | qDeleteAll(c: delegates); |
244 | createPointDelegates(values, sourceIndex: i); |
245 | } else { |
246 | for (int item = 0; item < values.size(); ++item) { |
247 | auto delegate = delegates.at(i: item); |
248 | updatePointDelegate(delegate, position: values.at(i: item), value: valueSource->item(index: item), sourceIndex: i); |
249 | } |
250 | } |
251 | } |
252 | |
253 | if (m_interpolate) { |
254 | m_values[valueSource] = interpolatePoints(points: values, height: height()); |
255 | } else { |
256 | m_values[valueSource] = values; |
257 | } |
258 | } |
259 | |
260 | const auto pointKeys = m_pointDelegates.keys(); |
261 | for (auto key : pointKeys) { |
262 | if (!sources.contains(t: key)) { |
263 | qDeleteAll(c: m_pointDelegates[key]); |
264 | m_pointDelegates.remove(key); |
265 | } |
266 | } |
267 | |
268 | update(); |
269 | } |
270 | |
271 | QSGNode *LineChart::updatePaintNode(QSGNode *node, QQuickItem::UpdatePaintNodeData *data) |
272 | { |
273 | Q_UNUSED(data); |
274 | |
275 | if (!node) { |
276 | node = new QSGNode(); |
277 | } |
278 | |
279 | const auto highlightIndex = highlight(); |
280 | const auto sources = valueSources(); |
281 | for (int i = 0; i < sources.size(); ++i) { |
282 | int childIndex = sources.size() - 1 - i; |
283 | while (childIndex >= node->childCount()) { |
284 | node->appendChildNode(node: new LineChartNode{}); |
285 | } |
286 | auto lineNode = static_cast<LineChartNode *>(node->childAtIndex(i: childIndex)); |
287 | auto color = colorSource() ? colorSource()->item(index: i).value<QColor>() : Qt::black; |
288 | auto fillColor = m_fillColorSource ? m_fillColorSource->item(index: i).value<QColor>() : colorWithAlpha(color, opacity: m_fillOpacity); |
289 | auto lineWidth = i == highlightIndex ? std::max(a: m_lineWidth, b: 3.0) : m_lineWidth; |
290 | |
291 | if (highlightIndex >= 0 && i != highlightIndex) { |
292 | color = desaturate(input: color); |
293 | fillColor = desaturate(input: fillColor); |
294 | } |
295 | |
296 | updateLineNode(node: lineNode, valueSource: sources.at(i), lineColor: color, fillColor, lineWidth); |
297 | } |
298 | |
299 | while (node->childCount() > sources.size()) { |
300 | // removeChildNode unfortunately does not take care of deletion so we |
301 | // need to handle this manually. |
302 | auto lastNode = node->childAtIndex(i: node->childCount() - 1); |
303 | node->removeChildNode(node: lastNode); |
304 | delete lastNode; |
305 | } |
306 | |
307 | if (highlightIndex >= 0) { |
308 | // Move highlighted node to the end to ensure we always show the |
309 | // highlighted chart on top. This is done after the above removal to |
310 | // ensure we don't suddenly remove the highlighted node. |
311 | auto highlightNode = node->childAtIndex(i: node->childCount() - 1 - highlightIndex); |
312 | node->removeChildNode(node: highlightNode); |
313 | node->appendChildNode(node: highlightNode); |
314 | } |
315 | |
316 | return node; |
317 | } |
318 | |
319 | void LineChart::onDataChanged() |
320 | { |
321 | m_rangeInvalid = true; |
322 | polish(); |
323 | } |
324 | |
325 | void LineChart::geometryChange(const QRectF &newGeometry, const QRectF &oldGeometry) |
326 | { |
327 | XYChart::geometryChange(newGeometry, oldGeometry); |
328 | if (newGeometry != oldGeometry) { |
329 | polish(); |
330 | } |
331 | } |
332 | |
333 | void LineChart::updateLineNode(LineChartNode *node, ChartDataSource *valueSource, const QColor &lineColor, const QColor &fillColor, qreal lineWidth) |
334 | { |
335 | if (window()) { |
336 | node->setRect(rect: boundingRect(), devicePixelRatio: window()->devicePixelRatio()); |
337 | } else { |
338 | node->setRect(rect: boundingRect(), devicePixelRatio: 1.0); |
339 | } |
340 | node->setLineColor(lineColor); |
341 | node->setFillColor(fillColor); |
342 | node->setLineWidth(lineWidth); |
343 | |
344 | auto values = m_values.value(key: valueSource); |
345 | node->setValues(values); |
346 | |
347 | node->updatePoints(); |
348 | } |
349 | |
350 | void LineChart::createPointDelegates(const QList<QVector2D> &values, int sourceIndex) |
351 | { |
352 | auto valueSource = valueSources().at(i: sourceIndex); |
353 | |
354 | QList<QQuickItem *> delegates; |
355 | for (int i = 0; i < values.size(); ++i) { |
356 | auto delegate = qobject_cast<QQuickItem *>(o: m_pointDelegate->beginCreate(qmlContext(m_pointDelegate))); |
357 | if (!delegate) { |
358 | qWarning() << "Delegate creation for point" << i << "of value source" << valueSource->objectName() |
359 | << "failed, make sure pointDelegate is a QQuickItem" ; |
360 | delegate = new QQuickItem(this); |
361 | } |
362 | |
363 | delegate->setParent(this); |
364 | delegate->setParentItem(this); |
365 | updatePointDelegate(delegate, position: values.at(i), value: valueSource->item(index: i), sourceIndex); |
366 | |
367 | m_pointDelegate->completeCreate(); |
368 | |
369 | delegates.append(t: delegate); |
370 | } |
371 | |
372 | m_pointDelegates.insert(key: valueSource, value: delegates); |
373 | } |
374 | |
375 | void LineChart::updatePointDelegate(QQuickItem *delegate, const QVector2D &position, const QVariant &value, int sourceIndex) |
376 | { |
377 | auto pos = QPointF{position.x() - delegate->width() / 2, (1.0 - position.y()) * height() - delegate->height() / 2}; |
378 | delegate->setPosition(pos); |
379 | |
380 | auto color = colorSource() ? colorSource()->item(index: sourceIndex).value<QColor>() : QColor(); |
381 | auto highlightIndex = highlight(); |
382 | if (highlightIndex >= 0) { |
383 | if (sourceIndex == highlightIndex) { |
384 | delegate->setZ(1.0); |
385 | } else { |
386 | color = desaturate(input: color); |
387 | } |
388 | } else { |
389 | delegate->setZ(0.0); |
390 | } |
391 | |
392 | auto attached = static_cast<LineChartAttached *>(qmlAttachedPropertiesObject<LineChart>(obj: delegate, create: true)); |
393 | attached->setValue(value); |
394 | attached->setColor(color); |
395 | attached->setName(nameSource() ? nameSource()->item(index: sourceIndex).toString() : QString{}); |
396 | attached->setShortName(shortNameSource() ? shortNameSource()->item(index: sourceIndex).toString() : QString{}); |
397 | } |
398 | |
399 | // Smoothly interpolate between points, using monotonic cubic interpolation. |
400 | QList<QVector2D> interpolatePoints(const QList<QVector2D> &points, float height) |
401 | { |
402 | if (points.size() < 2) { |
403 | return points; |
404 | } |
405 | |
406 | auto tangents = calculateTangents(points, height); |
407 | |
408 | QList<QVector2D> result; |
409 | |
410 | auto current = QVector2D{0.0, points.first().y() * height}; |
411 | result.append(t: QVector2D{0.0, points.first().y()}); |
412 | |
413 | for (int i = 0; i < points.size() - 1; ++i) { |
414 | auto next = QVector2D{points.at(i: i + 1).x(), points.at(i: i + 1).y() * height}; |
415 | |
416 | auto currentTangent = tangents.at(i); |
417 | auto nextTangent = tangents.at(i: i + 1); |
418 | |
419 | auto stepCount = int(std::max(a: 1.0f, b: (next.x() - current.x()) / PixelsPerStep)); |
420 | auto stepSize = (next.x() - current.x()) / stepCount; |
421 | |
422 | if (stepCount == 1 || qFuzzyIsNull(f: next.y() - current.y())) { |
423 | result.append(t: QVector2D{next.x(), next.y() / height}); |
424 | current = next; |
425 | continue; |
426 | } |
427 | |
428 | for (auto delta = current.x(); delta < next.x(); delta += stepSize) { |
429 | auto interpolated = cubicHermite(first: current, second: next, step: delta, mFirst: currentTangent, mSecond: nextTangent); |
430 | interpolated.setY(interpolated.y() / height); |
431 | result.append(t: interpolated); |
432 | } |
433 | |
434 | current = next; |
435 | } |
436 | |
437 | current.setY(current.y() / height); |
438 | result.append(t: current); |
439 | |
440 | return result; |
441 | } |
442 | |
443 | // This calculates the tangents for monotonic cubic spline interpolation. |
444 | // See https://en.wikipedia.org/wiki/Monotone_cubic_interpolation for details. |
445 | QList<float> calculateTangents(const QList<QVector2D> &points, float height) |
446 | { |
447 | QList<float> secantSlopes; |
448 | secantSlopes.reserve(asize: points.size()); |
449 | |
450 | QList<float> tangents; |
451 | tangents.reserve(asize: points.size()); |
452 | |
453 | float previousSlope = 0.0; |
454 | float slope = 0.0; |
455 | |
456 | for (int i = 0; i < points.size() - 1; ++i) { |
457 | auto current = points.at(i); |
458 | auto next = points.at(i: i + 1); |
459 | |
460 | previousSlope = slope; |
461 | slope = (next.y() * height - current.y() * height) / (next.x() - current.x()); |
462 | |
463 | secantSlopes.append(t: slope); |
464 | |
465 | if (i == 0) { |
466 | tangents.append(t: slope); |
467 | } else if (previousSlope * slope < 0.0) { |
468 | tangents.append(t: 0.0); |
469 | } else { |
470 | tangents.append(t: (previousSlope + slope) / 2.0); |
471 | } |
472 | } |
473 | tangents.append(t: secantSlopes.last()); |
474 | |
475 | for (int i = 0; i < points.size() - 1; ++i) { |
476 | auto slope = secantSlopes.at(i); |
477 | |
478 | if (qFuzzyIsNull(f: slope)) { |
479 | tangents[i] = 0.0; |
480 | tangents[i + 1] = 0.0; |
481 | continue; |
482 | } |
483 | |
484 | auto alpha = tangents.at(i) / slope; |
485 | auto beta = tangents.at(i: i + 1) / slope; |
486 | |
487 | if (alpha < 0.0) { |
488 | tangents[i] = 0.0; |
489 | } |
490 | |
491 | if (beta < 0.0) { |
492 | tangents[i + 1] = 0.0; |
493 | } |
494 | |
495 | auto length = alpha * alpha + beta * beta; |
496 | if (length > 9) { |
497 | auto tau = 3.0 / sqrt(x: length); |
498 | tangents[i] = tau * alpha * slope; |
499 | tangents[i + 1] = tau * beta * slope; |
500 | } |
501 | } |
502 | |
503 | return tangents; |
504 | } |
505 | |
506 | // Cubic Hermite Interpolation between two points |
507 | // Given two points, an X value between those two points and two tangents, this |
508 | // will perform cubic hermite interpolation between the two points. |
509 | // See https://en.wikipedia.org/wiki/Cubic_Hermite_spline for details as well as |
510 | // the above mentioned article on monotonic interpolation. |
511 | QVector2D cubicHermite(const QVector2D &first, const QVector2D &second, float step, float mFirst, float mSecond) |
512 | { |
513 | const auto delta = second.x() - first.x(); |
514 | const auto t = (step - first.x()) / delta; |
515 | |
516 | // Hermite basis values |
517 | // h₀₀(t) = 2t³ - 3t² + 1 |
518 | const auto h00 = 2.0f * std::pow(x: t, y: 3.0f) - 3.0f * std::pow(x: t, y: 2.0f) + 1.0f; |
519 | // h₁₀(t) = t³ - 2t² + t |
520 | const auto h10 = std::pow(x: t, y: 3.0f) - 2.0f * std::pow(x: t, y: 2.0f) + t; |
521 | // h₀₁(t) = -2t³ + 3t² |
522 | const auto h01 = -2.0f * std::pow(x: t, y: 3.0f) + 3.0f * std::pow(x: t, y: 2.0f); |
523 | // h₁₁(t) = t³ - t² |
524 | const auto h11 = std::pow(x: t, y: 3.0f) - std::pow(x: t, y: 2.0f); |
525 | |
526 | auto result = QVector2D{step, first.y() * h00 + delta * mFirst * h10 + second.y() * h01 + delta * mSecond * h11}; |
527 | return result; |
528 | } |
529 | |
530 | #include "moc_LineChart.cpp" |
531 | |