Flotr ile bazı basit görselleştirmeler oluşturmaya çalışıyorum. flotr2.min.js @ 27Graph:Flotr2 jQuery nesnesini göremiyor
Yakalanmayan hedef konteyner flotr2.min.js @ visibleGraph._setEl olmalıdır: Ben grafik için div kapsayıcı belirten deneyin Ancak ne zaman belirten bir hata olsun 27N .draw @ flotr2.min.js: 27 (anonim işlev) @ lines.html: 25i jquery.min.js: 2j.fireWith @ jquery.min.js: 2n.extend.ready @ jquery.min. js: jquery.min.js @ 2K: 2
Ben document.getElementById("chart")
jQuery $("#chart")
seçici değiştirmek ancak bu eser. Temel olarak vanilya javascript kullanıyorum, ancak jQuery'ye geçtiğimde başarısız oluyor.
Basitleştirilmiş bir eğlence aşağıdadır. Ben $("#chart")
document.getElementById("chart")
geçerseniz
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title></title>
<script src="JS_libs/flotr2.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
</head>
<body>
<div id='chart' style="width:600px;height:300px;"></div>
<!--[if lt IE 9]><script src="js/excanvas.min.js"></script><![endif]-->
<script>
$(function() { var co2 = [
[ 1959, 315.97 ],
[ 1960, 316.91 ],
[ 1961, 317.64 ],
[ 1962, 318.45 ]];
var temp = [
[ 1959, 0.0776 ],
[ 1960, 0.0280 ],
[ 1961, 0.1028 ],
[ 1962, 0.1289 ]];
Flotr.draw(
$("#chart"),
[{ data: co2, lines: {show:true} }]
);});
</script>
</body>
</html>
işe yarıyor. Ama jQuery yolunu kullanmak istiyorum.
Flotr.draw(
$("#chart")[0],
[{ data: co2, lines: {show:true} }]
);});
: