Карусель начальной загрузки конфликтует с диаграммой morris.js?

Я использую morris.js для построения графиков, и я хотел бы показать эти графики с помощью начальной загрузки, однако Firefox перестает отвечать, если я это делаю. Они могут хорошо работать отдельно, но потерпят крах, если их соединить. firebug сказал мне, что есть какое-то отношение к библиотеке Рафаэля, но я все еще не могу понять. Кто-нибудь сталкивался с подобной проблемой и знает, как ее решить? Благодарю.

Вот часть моего кода.



    
    
    



    
        
    
    
        
    
    
        
    


<a class="carousel-control left" href="#myCarousel" data-slide="prev">‹</a>
<a class="carousel-control right" href="#myCarousel" data-slide="next">›</a>



$('.carousel').carousel({
    interval: 1000
});

$.post('/my/handler.json',{ 
    parameter:value},
    function(data){
    if(data.hasOwnProperty('error')){
        alert('error');
    }
    else{
        var r = data['results']
        var AData = new Array();
        var BData = new Array();
        var CData = new Array();
        for(var i = 0; i < r.length; i++){
            d = r[i];
            col = {'date':date, 'A': A};
            AData.push(col);
            col = {'date':date, 'B': B};
            BData.push(col);
            col = {'date':date, 'C': C};
            CData.push(col);
        }
        new Morris.Line({
            element: 'A-lineChart',
            data: AData,
            xkey: 'date',
            ykeys: ['A'],
            labels: ['A']
        });
        new Morris.Line({
            element: 'B-lineChart',
            data:BData,
            xkey:'date',
            ykeys:['B'],
            labels:['B']
        });
        new Morris.Line({
            element: 'C-lineChart',
            data:CData,
            xkey:'date',
            ykeys:['C'],
            labels:['C']
        });

    }
});


Ответы на вопрос(2)

Ваш ответ на вопрос