2015-07-16 4 views
0

Имейте проблемы, чтобы нарисовать простой график jqplot на вкладке начальной загрузки.jqplot на вкладке начальной загрузки

HTML:

<div id="tab"> 
<ul class="nav nav-tabs"> 
<li id="tabvariables" class="active"><a data-toggle="tab" class="custom_tab" href="#variables">Variables</a></li> 
<li id="tabphoto"><a data-toggle="tab" class="custom_tab" href="#photo">photo</a></li> 
<li id="tabtendencia"><a data-toggle="tab" class="custom_tab" href="#tendencia">Tendencia</a></li> 
</ul> 

<div class="tab-content"> 
<div id="variables" class="tab-pane fade in active custom_variables"></div> 
<div id="photo" class="tab-pane fade"></div> 
<div id="tendencia" class="tab-pane fade"> 
<div id="contenedorGrafica" style="border: 1px solid RED;"> 
<div id="chartdiv"></div> 
</div> 
</div> 
</div> 
</div> 

JAVASCRIPT (пример из jqplot сети):

var l1 = [18, 36, 14, 11]; 
var l2 = [[2, 14], [7, 2], [8,5]]; 
var l3 = [4, 7, 9, 2, 11, 5, 9, 13, 8, 7]; 

var plot1 = $.jqplot('chartdiv', [l1, l2, l3], { 
    title: "I was hidden", 
    lengend:{show:true}, 
    series:[{},{yaxis:'y2axis'}, {yaxis:'y3axis'}], 
    cursor:{show:true, zoom:true}, 
    axesDefaults:{useSeriesColor:true, rendererOptions: { alignTicks: true}} 
}); 

$('#tab').tabs({ activate : function(event, ui) { 
    plot1.replot(); 
}}); 

, когда я нажимаю на вкладке графика (tabtendencia) оно не сделать ничего, но я могу видеть, что она оставляет за собой чтобы попытаться нарисовать график.

скриншот: http://i.stack.imgur.com/ewRhp.png

ответ

-1

с

$('#tab').tabs({ activate : function(event, ui) { 
    plot1.replot(); 
}}); 

или

$("#tabtendencia").click(function() { 
    plot1.replot(); 
}); 

идет правильно, но если я сделать двойной щелчок на вкладке ...

я не понимаю .. .

+0

спасибо, наконец, я создал функцию в создание «tab», чтобы создать jqplot, и он идет правильно – user1939481

Смежные вопросы