أحاول الحصول على مثال JQPlot بسيط ولكن لن يتم عرضه ، لماذا لا؟

StackOverflow https://stackoverflow.com/questions/3033873

سؤال

هنا محتويات الملف الكاملة:

<html>
 <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>jqPlot Examples</title>

    <!--[if IE]><script language="javascript" type="text/javascript" src="excanvas.js"></script><![endif]-->
    <script language="javascript" type="text/javascript" src="../jqtouch-1_0_b/jqtouch/jquery.1.3.2.min.js"></script>
    <script language="javascript" type="text/javascript" src="../javascript/jquery.jqplot.min.js"></script>
    <link rel="stylesheet" type="text/css" href="../javascript/jquery.jqplot.css" />
 </head>
    <body>
    <h1>jqPlot Examples</h1>

    <script id="source" language="javascript" type="text/javascript">
        $.jqplot('chartdiv',  [[[1, 2],[3,5.12],[5,13.1],[7,33.6],[9,85.9],[11,219.9]]]);
    </script>

div<br>
   <div id="chartdiv" style="height:400px;width:300px; "></div>
div<br>


 </body>
</html>
<html>

هذا ما أراه في FF ، Chrome ، أي:

أمثلة jqplot

div

div

لا أرى أي أخطاء في سجل أخطاء Apache الخاص بي. أعرف أن جميع ملفات .js يمكن الوصول إليها من HTML. هل لدى أي شخص فكرة عن سبب عدم عمل هذا؟

هل كانت مفيدة؟

المحلول 2

حصلت على إجابتي من لوحة الرسائل jqplot.

ال div يجب أن يكون قبل المكالمة إلى jqPlot. أعتقد أن الأمر منطقي ولكني لم أستطع رؤيته. ألوان noob الخاصة بي تظهر ....

نصائح أخرى

استبدل البرنامج النصي التآمري بهذا الجزء من الكود وانظر. 

<SCRIPT LANGUAGE="JavaScript">
 $(function() { var plot1 = $.jqplot('chartdiv',  [[[1,2],[3,5.12],[5,13.1],[7,33.6],[9,85.9],[11,219.9]]]); })

</SCRIPT>

تحقق أيضًا من ملفات .js في المواقع المناسبة.

استخدم مسار الارتباط التالي 

<link rel="stylesheet" type="text/css" href="http://cdn.jsdelivr.net/jqplot/1.0.8/jquery.jqplot.min.css" />
مرخصة بموجب: CC-BY-SA مع الإسناد
لا تنتمي إلى StackOverflow
scroll top