如何将ImPlot图表正确嵌入imgui-node-editor节点？

核心原因 #

imgui-node-editor的节点本质是自定义ImGui布局区域，直接绘制ImPlot时，图表会使用默认尺寸或不受约束地扩展，导致超出节点边界。需要通过ImGui布局控件约束ImPlot的绘制范围，让节点自动适配内容尺寸。

解决方案 #

使用ImGui::BeginChild创建带裁剪功能的子容器，将ImPlot包裹其中。子容器会限制图表的绘制范围，同时节点会根据子容器大小自动调整自身边界，避免内容溢出。

修改后的ScopeNode.cpp代码 #

void Oscil::Nodes::ScopeNode::Draw() {
    ImGui::Text("Node A");
    ax::NodeEditor::BeginPin(Nodes::GetConnectionID(GetNodeID(), 1), ax::NodeEditor::PinKind::Input);
    ImGui::Text("-> In");
    ax::NodeEditor::EndPin();

    // 获取节点内剩余可用空间，留10px边距，最小高度设为150px保证图表可展示
    ImVec2 availSize = ImGui::GetContentRegionAvail();
    availSize.y = std::max(availSize.y - 10.0f, 150.0f);
    ImGui::BeginChild("PlotContainer", availSize, ImGuiChildFlags_Border);

    // 让ImPlot填满子容器的可用空间
    if (ImPlot::BeginPlot("OscilloscopePlot", ImVec2(-1, -1))) {
        ImPlot::PlotLine("Line1", {1, 2, 3, 4, 5, 6, 6});
        ImPlot::EndPlot();
    }

    ImGui::EndChild();
}

关键细节说明 #

1. ImGui::BeginChild：创建独立布局区域，自带裁剪功能，超出区域的内容会被隐藏，同时节点会自动计算该区域大小来调整自身边界。
2. ImVec2(-1, -1)：传递给ImPlot::BeginPlot，表示让图表填满父容器（即上述子容器）的可用空间。
3. 自适应尺寸：通过ImGui::GetContentRegionAvail()获取节点内剩余空间，减去边距后作为子容器尺寸，保证布局美观且适配节点大小。

内容的提问来源于stack exchange，提问作者Vinny