Одна вещь, которая время от времени возникает в поддержке , состоит в том, что, когда у вас есть несколько видов диаграмм, было бы хорошо выровнять их друг относительно друга таким образом, чтобы фактический размер графика был одинаковым для обеих диаграмм. Если у вас одинаковые размеры осей то, этого легко достигнуть, так как они займут одинаковую ширину и, соответственно, выровняются. Однако, если это не так, что часто бывает, тогда мы можем использовать поля, чтобы заставить его принять желаемые размеры.
Итак, давайте представим, что наш график в настоящее время выглядит так:
Если вы используете C++ для кода своей диаграммы, то этого возможно достичь с помощью одного слота, который можно подключить к сигналу
QChart::plotAreaChanged()
.
Для начала нам нужно предотвратить рекурсию, так как мы будем менять поля, но раз мы хотим, чтобы внутренние устройства продолжали делать свое дело, мы не будем блокировать сигналы. Для этого у нас будет статическое логическое значение, для которого мы установим значение
true
, чтобы указать, что мы находимся в середине наших вычислений:
void updatePlotArea(const QRectF &area) { static bool fixing = false; if (fixing) return; fixing = true;
Следующее, что нам нужно сделать: определить, какой график лучше использовать для выравнивания других. Это означает, что нужно выбрать тот, который имеет наибольшее левое значение для области графика (то есть тот, который имеет самую широкую ось). В данный момент мы используем «измененную» в качестве отправной точки, и, если таковые имеются на самом деле, мы изменяем поля для них, так как это обеспечит наибольший размер, доступный для области графика в любой заданной точке для самой большой оси.
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)); } }
Затем, за исключением того, который оказывается «лучшим» (bestChart), мы корректируем поля, дабы убедиться, что они совпадают с «лучшим» и правильно выровнялись, установив поля, как существующее поле плюс разницу между областью «лучшего» графика и текущего. Наконец, мы отправляем любые опубликованные события, чтобы они сразу же обновлялись для нас.
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;
Это даст нам два выравненных графика, которые выглядят следующим образом:
Что касается QML, мы можем сделать нечто подобное через функцию, которая вызывается с помощью onPlotAreaChanged .
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; }
Единственное отличие состоит в том, что мы учитываем тот факт, что область графика использует реальные значения, а поля по-прежнему основаны на целых числах, поэтому в результате мы делаем некоторые дополнительные учетные данные.