Two pivots with tab pane

Hello good afternoon.

I have the following problem: I have two pivot instances mounted and interact with them using tabs:
<div class="tabbable">
                    <div class="tab-content">
                        <div class="tab-pane fade in active" id="tablaDinamica">
                            <div id="panelPivot" class="col-lg-12" style="width: 100%; height: 100%;">
                                 <div id="pivotContainer"></div>
                            </div>
                        </div>
                        <div class="tab-pane fade" id="nominalPane">
                            <div id="panelNominal" class="col-lg-12" style="width: 100%; height: 100%;">
                                 <div id="nominalContainer"></div>
                            </div>
                        </div>
                    </div>
                </div>
I have a function that loads the second pivot when I click on a cell in the first one.

in the function I have the method pivot2.updateData ({data: data}) but is not able to update this data. If instead of calling the object pivot2 I call pivot or flexmonster I update the first pivot, therefore I understand that it works well, I am not able to update the second pivot.
example:
var pivot1
var pivot2

function chargePivots(){
    pivot = new Flexmonster({
        .....
    })
    pivot2 = new Flexmonster({
        ....
    })
}

function chargeNominal(){
    ajax....
    return data....
    var datos = ajax.responseText
    pivot2.updateData({data: datos})
}
Can you help me?

Thank you very much.