1

私は数日間自分のコードに苦労しています。私はインターネットを調査し、ドキュメントを読みました。他の人が同様の質問への回答で提示したコードで見つけたものを試しました。

これが私のコードです

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
    <!--[if lt IE 9]><script language="javascript" type="text/javascript" src="jqplot/excanvas.min.js"></script><![endif]-->
    <link rel="stylesheet" type="text/css" href="jqplot/jquery.jqplot.min.css" />
    <script type="text/javascript">if (typeof jQuery == "undefined"){document.write("<script src='jqplot/jquery.min.js' language='javascript' type='text/javascript'><\/script>");}</script>
    <script type="text/javascript" src="jqplot/jquery.jqplot.min.js"></script>
    <script type="text/javascript" src="jqplot/plugins/jqplot.cursor.min.js"></script>
    <script type="text/javascript" src="jqplot/plugins/jqplot.dateAxisRenderer.min.js"></script>
    <script type="text/javascript" src="jqplot/plugins/jqplot.canvasTextRenderer.min.js"></script>
    <script type="text/javascript" src="jqplot/plugins/jqplot.canvasAxisTickRenderer.min.js"></script>

<script language=javascript>

        $(document).ready(function(){

        var plot1 = null;
        var line1=[['2008-09-30 4:00PM',4], ['2008-10-30 4:00PM',6.5], ['2008-11-30 4:00PM',5.7], ['2008-12-30 4:00PM',9], ['2009-01-30 4:00PM',8.2]];
        var line2=[['2008-09-30 4:00PM',8], ['2008-11-05 4:00PM',3], ['2008-11-30 4:00PM',7], ['2008-12-30 4:00PM',9], ['2009-01-30 4:00PM',8.2]];

        plot1 = $.jqplot('chartdiv', [line1], {
                    title: "AJAX JSON Data Renderer",
            axes: {
              xaxis: {
                 renderer: $.jqplot.DateAxisRenderer,

              },
              yaxis: {
              }
            },
            highlighter: {
              show:true
            },
            cursor:{
              show:true,
              zoom:true
            } 

          });

        alert("wait");


        plot1.series[0].data=[line2];
        plot1.replot();


        }); 
</script>
</head>

<body>
<div id="chartdiv"></div>
</body>

</html>

グラフを line1 のデータから line2 のデータに更新したいだけです。結果は空のチャートです。

この演習の目的は、後でコードを変更して、サーバーから json で取得したデータを介してグラフを更新することです。その部分は機能しています。最後に、1500 ポイントのデータセットをプロットしたいと思います。

助けていただければ幸いです。

レオン

4

0 に答える 0