Eine Sache, die von Zeit zu Zeit im Support auftaucht, ist, dass es gut ist, wenn Sie mehrere Diagrammtypen haben, diese aneinander auszurichten, damit die tatsächliche Diagrammgröße für beide Diagramme gleich ist. Wenn Sie die gleichen Achsgrößen haben, ist dies einfach zu erreichen, da sie die gleiche Breite einnehmen und sich entsprechend ausrichten. Wenn dies jedoch nicht der Fall ist, was häufig der Fall ist, können wir die Ränder verwenden, um die gewünschten Abmessungen zu erzwingen.
Stellen wir uns also vor, unser Diagramm sieht derzeit so aus:
Wenn Sie C++ für Ihren Diagrammcode verwenden, kann dies mit einem einzelnen Slot erreicht werden, der mit dem Signal
QChart::plotAreaChanged()
verbunden werden kann.
Zuerst müssen wir die Rekursion verhindern, da wir die Felder ändern werden, aber da wir wollen, dass die Interna weiterhin ihre Arbeit machen, werden wir die Signale nicht blockieren. Dazu haben wir einen statischen booleschen Wert, den wir auf
true
setzen, um anzuzeigen, dass wir uns mitten in unseren Berechnungen befinden:
void updatePlotArea(const QRectF &area) { static bool fixing = false; if (fixing) return; fixing = true;
Als Nächstes müssen wir bestimmen, welches Diagramm am besten zum Ausgleichen der anderen verwendet werden kann. Das bedeutet, denjenigen mit dem größten linken Wert für den Plotbereich auszuwählen (d. h. denjenigen mit der breitesten Achse). Wir verwenden derzeit "modifiziert" als Ausgangspunkt, und wenn es welche gibt, ändern wir die Ränder dafür, da dies die größte verfügbare Größe für den Plotbereich an einem bestimmten Punkt für die größte Achse bietet.
QChart *bestChart = (QChart *)sender(); QRectF bestRect = area; foreach(QChart *chart, charts) { if (chart->plotArea().left() > bestRect.left()) { bestChart = chart; bestRect = chart->plotArea(); chart->setMargins(QMargins(20, 0, 20, 0)); } }
Dann passen wir mit Ausnahme desjenigen, der zufällig der „beste“ ist (bestChart), die Ränder an, um sicherzustellen, dass sie mit den „besten“ übereinstimmen und richtig ausgerichtet sind, indem wir die Ränder auf den vorhandenen Rand plus die Differenz zwischen setzen Bereich des "besten" Diagramms und des aktuellen. Schließlich übermitteln wir alle veröffentlichten Ereignisse, damit sie für uns sofort aktualisiert werden.
foreach(QChart *chart, charts) { if (bestChart != chart) { const int left = chart->margins().left() + (bestRect.left() - chart->plotArea().left()); const int right = chart->margins().right() + (chart->plotArea().right() - bestRect.right()); chart->setMargins(QMargins(left, 0, right, 0)); } } QApplication::sendPostedEvents(); fixing = false;
Dadurch erhalten wir zwei ausgerichtete Diagramme, die wie folgt aussehen:
Was QML betrifft, können wir etwas Ähnliches durch eine Funktion tun, die mit onPlotAreaChanged aufgerufen wird.
property bool fixing: false property var chartViews: [chartview, chartview_b] function updatePlotArea(chart, area) { if (fixing) return fixing = true var tmpChart var bestRect = chart.plotArea var bestChart = chart for (var i = 0; i Math.ceil(bestRect.left) || (Math.ceil(tmpChart.plotArea.left) === Math.ceil(bestRect.left) && Math.floor(tmpChart.plotArea.right) < Math.floor(bestRect.right))) { bestChart = tmpChart; bestRect = tmpChart.plotArea; } } bestRect.left = Math.ceil(bestRect.left) bestRect.right = Math.floor(bestRect.right) for (i = 0; i < chartViews.length; i++) { tmpChart = chartViews[i] if (tmpChart !== bestChart) { var newLeft = 20 + bestRect.left - Math.floor(tmpChart.plotArea.left); var newRight = 20 + Math.ceil(tmpChart.plotArea.right) - bestRect.right; tmpChart.margins.left = newLeft tmpChart.margins.right = newRight } } fixing = false; }
Der einzige Unterschied besteht darin, dass wir die Tatsache berücksichtigen, dass der Plotbereich reale Werte verwendet und die Felder immer noch ganzzahlbasiert sind, sodass wir als Ergebnis einige zusätzliche Anmeldeinformationen erstellen.