Estou tentando obter um exemplo simples de JQPlot, mas não será exibido, por que não?

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

Pergunta

Aqui está todo o conteúdo do arquivo:

<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>

Aqui está o que vejo em FF, Chrome, ou seja:

Exemplos de JQPlot

div

div

Não estou vendo erros no meu log de erros do Apache. Eu sei que todos os arquivos .js são acessíveis a partir do HTML. Alguém tem uma idéia sobre por que isso pode não estar funcionando?

Foi útil?

Solução 2

Recebi minha resposta do Placa de mensagens do JQPlot.

o div tinha que ser antes da chamada para jqPlot. Eu acho que faz sentido, mas eu simplesmente não conseguia ver. Minhas cores noob mostrando ....

Outras dicas

Substitua seu script de plotagem por este bit de código e veja. 

<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>

Verifique também seus arquivos .js estão em locais adequados.

Use o seguinte caminho do link 

<link rel="stylesheet" type="text/css" href="http://cdn.jsdelivr.net/jqplot/1.0.8/jquery.jqplot.min.css" />
Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow
scroll top