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