Javascript 莫里斯图表在firefox上不起作用
您好,我正在开发一个在引导选项卡上显示莫里斯图表的应用程序。这些图形显示在firefox上,但在firefox或Internet explorer中不显示 请帮忙 下面是我正在使用的Java scrip代码:Javascript 莫里斯图表在firefox上不起作用,javascript,twitter-bootstrap,firefox,raphael,morris.js,Javascript,Twitter Bootstrap,Firefox,Raphael,Morris.js,您好,我正在开发一个在引导选项卡上显示莫里斯图表的应用程序。这些图形显示在firefox上,但在firefox或Internet explorer中不显示 请帮忙 下面是我正在使用的Java scrip代码: $('ul.nav a').on('shown.bs.tab', function(e) { var types = $(this).attr("data-identifier"); var typesArray = types.split(","); $.each(types
$('ul.nav a').on('shown.bs.tab', function(e) {
var types = $(this).attr("data-identifier");
var typesArray = types.split(",");
$.each(typesArray, function(key, value) {
eval(value + ".redraw()");
})
});
$(function() {
$.getJSON('data.php', function(json) {
var areac = {
element: 'revenue-chart',
data: Object.keys(json.qa).map(function(key) {
return json.qa[key];
}),
xkey: 'audit_date',
ykeys: ['audit_score'],
labels: ['QA Score'],
lineColors: ['#a0d0e0', '#3c8dbc'],
hideHover: 'auto'
};
line = Morris.Line(areac)
//Donut Chart
var area1 = {
element: 'sales-chart',
data: Object.keys(json.ecsat).map(function(key) {
return json.ecsat[key];
}),
xkey: 'csat_date',
ykeys: ['csat_score'],
labels: ['CSAT Score'],
hideHover: 'auto'
};
line1 = Morris.Area(area1)
});
});
下面是data.php的结果
[审计日期:2014-10-10-10-10-10-10-10-10-10-10-10-10-10-10-10-10-10-20,审计得分:10-20-10-20,审计得分:审计得分:89-得分:89},[审计日期:2014-10-10-01,审计得分:90},[审计日期:2014-10-10-10-10-10-10-20,审计得分:10-20,审计得分:10-20-10-20,审计得分:10-20,审计得分:10-20-20-20,审计得分:89-10-10-10-20,审计得分:89-10-20),电子商务卫星:],ECSATsasasasasasasat:[电子卫星卫星:[卫星::[卫星:]电子商务卫星服务(卫星(卫星)和电子卫星(ECSATSATSATSATSAT:[卫星公司)上目前目前目前目前目前目前目前,电子卫星卫星卫星(卫星(卫星)上)上,(,(,(,(12},{csat_得分:2.0667,csat_日期:2014-10-19},{csat_得分:1.6250,csat_日期:2014-10-26},{csat_得分:1.0000,csat_日期:2014-11-02}],pcsat:[{pcsat_得分:10.0000,pcsat_日期:2014-10-19},{pcsat U得分:10.0000,pcsat u日期:2014-11-02},当我试图在我的表格上隐藏引导时,这个问题被解决了 添加了一个代码,用于在绘制“我的图形”之前检查div是否处于活动状态:
$('ul.nav a').on('shown.bs.tab', function(e){
if ($(e.target).attr('href') == '#tab-name' && $('#tab-name').html().length == 0)
{
<<---Draw chart here --->>
}
});
使用Chrome时,同样的代码也非常有效。