Карусель начальной загрузки конфликтует с диаграммой 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']
});
}
});