Question

我已经用我的代码捣乱了几天了。我研究了互联网并阅读了文档。我已经尝试了在代码中找到的内容，其他人在类似问题的答案中出现。

这是我的代码

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

我只想将图表从第1行的数据更新为第2行的数据。因为它是一个空图表。

本练习的目的是稍后更改代码以通过服务器中使用json获取的数据更新图形。那部分是有效的。最后，我想绘制一个1500点的数据集。

非常感谢帮助。

莱昂

jqplot没有更新图表

0 个答案: