5
Tôi đang cố gắng sử dụng Flot trong dự án Bootstrap. Tôi thấy rằng trong IE8, đồ thị Flot là vô hình, và tôi đã thu hẹp vấn đề xuống HTML5 shim được sử dụng bởi Bootstrap.Sử dụng Flot với Bootstrap: IE8 không tương thích?
Đây là trang đầy đủ: đó là basic Flot example cộng với HTML5 shim và biểu đồ không hiển thị trong IE8 (nó tốt trong Chrome).
Nếu tôi xóa dòng chuyển HTML5, biểu đồ sẽ ổn trong IE8. Tuy nhiên, tôi cần HTML5 shim cho các kiểu Bootstrap để làm việc (khi tôi thêm Bootstrap trở lại - Tôi đã loại bỏ các tham chiếu đến nó cho các mục đích của ví dụ này) - nếu nó không có thì các kiểu Bootstrap sẽ bị lỗi.
Tôi có thể làm gì?
<!DOCTYPE html><html lang="en">
<head>
<meta charset="utf-8">
<title>Flot Examples</title>
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<!--[if lte IE 8]><script language="javascript" type="text/javascript" src="/scripts/plugins/excanvas.min.js"></script><![endif]-->
<script language="javascript" type="text/javascript" src="/scripts/jquery-1.7.1.min.js"></script>
<script language="javascript" type="text/javascript" src="/scripts/plugins/jquery.flot.js"></script>
</head>
<body>
<div id="placeholder" style="width:100%;height:300px;"></div>
<script type="text/javascript">
$(function() {
var d1 = [];
for (var i = 0; i < 14; i += 0.5)
d1.push([i, Math.sin(i)]);
var d2 = [[0, 3], [4, 8], [8, 5], [9, 13]];
var d3 = [[0, 12], [7, 12], null, [7, 2.5], [12, 2.5]];
$.plot($("#placeholder"), [ d1, d2, d3 ]);
});
</script>
</body>
</html>
Đồ thị xuất hiện ok cho tôi trong IE7 và 8, mặc dù tôi không biết shim nào được đưa vào bootstrap. Bạn có thể đăng một bản demo với shim và bootstrap để xem không? –