QCustomPlotで凡例をグラフの外に表示→ちょっとめんどい

凡例はデフォルトではグラフ領域の中に表示される＋設定で場所を指定できるみたいだが、 例えば入力を次々変えていってグラフを表示したい場合とか、グラフがどの領域にくるかわからない場合があるんだが。 そんな場合凡例はグラフ内でなくてグラフ外に表示しておいてほしいのでそのやり方を書いてみる。 結果、今の所設定一発っていうわけではなくて以下のページにもあるみたいにLayoutを調整して対応しないと いけないので、たかが凡例をグラフ外にもっていく割にはめんどい印象・・。 * [Position of legend outside graph](http://www.qcustomplot.com/index.php/support/forum/63) 以下のQCPLegendのページにも以下のように書いてある。 * [QCPLegend Class Reference](http://www.qcustomplot.com/documentation/classQCPLegend.html) > To move the legend to another position inside the axis rect, use the methods of the QCPLayoutInset. > To move the legend outside of the axis rect, place it anywhere else with the QCPLayout/QCPLayoutElement interface. 凡例を軸の内側に動かすためにはQCPLayoutInsetのmehodを使え。外に動かしたい場合はQCPLayout/QCPLayoutElementを使って外に配置しろ。 みたいなことをいってるので多分合ってると思うんだけど。 つまり例えば↓のようにQCPLayoutを使って自分で凡例を配置せよということらしい。 <img src="https://docs.google.com/drawings/d/1rmDaYE2xMOz1pQ5rY9yrx7My3kuHtIX0hPKa4lj30aw/pub?w=480&h=360"> ↑を実現するには、 1. もともと用意されているグラフを描画するLayoutにColumnを追加してQCPLayoutGridを配置し 2. そこに3つのRowを追加して上下にPadding用のQCPLayoutElementを配置し 3. 中央にQCPLegendを配置 という感じ。例によってHistogramを例にしてコードにすると ```cpp: MainWindow.cpp // When initialize QCustomPlot // Moved legend to outside of axis rect QCPLayoutGrid *subLayout = new QCPLayoutGrid; // グラフの右に挿入されるQCPLayoutGrid(subLayout) ui.histogram->plotLayout()->addElement(0, 1, subLayout); // (Row, Column) = (0,1)にsubLayoutを追加 subLayout->addElement(0, 0, new QCPLayoutElement); // subLayoutの(Row, Column) = (0,0)にPadding用QCPLayoutElementを subLayout->addElement(1, 0, ui.histogram->legend); // (Row, Column) = (1,0)に凡例（Legend）を追加 subLayout->addElement(2, 0, new QCPLayoutElement); // 同Paddingを追加 subLayout->setColumnStretchFactor(0, 0.01); // subLayoutの横幅はなるべく小さくする subLayout->setRowStretchFactor(1, 0.01); // subLayoutの凡例がはいるRow=1はなるべく小さくする ui.histogram->plotLayout()->setColumnStretchFactor(1, 0.01); // subLayoutが入るColumn=1の横幅はなるべく小さくする ``` もし、上記の設定なしだと以下の様に表示されるが、 <div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgU6uScREWwMAfKddae2OHWwSkPjFhhrtd16nQKRLmLQEaGjoHKehbBKnp_RVEvuEYIWru5OE6y02tIxBa09vaT-RpbaE4n0UxRX-2SGio8EeuptVJvjNjCTZh1Q7zp8b199FP6vj-RN6Bb/s1600/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88+2013-12-18+22.15.12.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgU6uScREWwMAfKddae2OHWwSkPjFhhrtd16nQKRLmLQEaGjoHKehbBKnp_RVEvuEYIWru5OE6y02tIxBa09vaT-RpbaE4n0UxRX-2SGio8EeuptVJvjNjCTZh1Q7zp8b199FP6vj-RN6Bb/s320/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88+2013-12-18+22.15.12.png" /></a></div> 上記のようにLayout設定すると以下のようになる。 <div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzEYI5BqPzMpTZyooSDCLaCBUaAEsncNI-iZDK7OlaTRfNFIdq4l832gapbkp28Q30KTIICprSCr36F-EdG0b2AjIF9I4O1UIRp7qp71_6tYS5GMl89kHG4_aOLtvYItdpWipMqURVFY6s/s1600/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88+2013-12-18+22.12.38.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzEYI5BqPzMpTZyooSDCLaCBUaAEsncNI-iZDK7OlaTRfNFIdq4l832gapbkp28Q30KTIICprSCr36F-EdG0b2AjIF9I4O1UIRp7qp71_6tYS5GMl89kHG4_aOLtvYItdpWipMqURVFY6s/s320/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88+2013-12-18+22.12.38.png" /></a></div> なんとかグラフ領域の外にもっていけたけど、凡例の右側が切れてたりしてちょっとしっくりこないきもするなぁ。

• ツイート