Javascript原型，无法从Java数组返回值

Protype Javascript , Unable to return value from Java Array

本文关键字：Java 数组 返回值 原型 Javascript      更新时间：2023-09-26

我无法将日期值插入X轴

  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    <html>
            <head>
                    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
                    <title>Flotr: Basic Radar Example</title>
                    <link rel="stylesheet" href="style.css" type="text/css" />
                    <script type="text/javascript" src="prototype.js"></script>
                    <script type="text/javascript" src="examples.js"></script>
                    <script type="text/javascript" src="canvas2image.js"></script>
                    <script type="text/javascript" src="canvastext.js"></script>
                    <script type="text/javascript" src="flotr.js"></script>
            </head>
            <body>

                            <div id="container" style="width:600px;height:400px;"></div>

    <script type="text/javascript">
    var jsonData = [{date:'August 19, 2004',open:100.01,high:104.06,low:95.96,close:100.34,volume:22088000},{date:'August 20, 2004',open:101.48,high:109.08,low:100.50,close:108.31,volume:11377000},{date:'August 23, 2004',open:110.76,high:113.48,low:109.05,close:109.40,volume:9090700},{date:'July 19, 2007',open:553.46,high:553.52,low:542.24,close:548.59,volume:6477800},{date:'July 20, 2007',open:511.90,high:523.18,low:509.50,close:520.12,volume:16026500},{date:'July 23, 2007',open:519.01,high:520.00,low:512.15,close:512.51,volume:6227900}];

     var priceData = [];

      for(var i = 0; i<jsonData.length; i++) {
      priceData.push([i, jsonData[i].low]);
    }

    var f = Flotr.draw(
        $('container'),[ priceData],{
            xaxis:{
                tickFormatter: function(n)
                {
                        var date = jsonData[n].date;
            return date; 

                }
            }
        }
    );

    </script>

            </body>
    </html>

抛出错误详细错误:jsonData[n] is undefined

听起来像'n'不是你想的那样。在使用原型时，您可以使用以下命令简化代码:

var priceData = jsonData.pluck('low');

从这个问题可以看出，tickFormatter传递的是时间戳，而不是索引。jsonData[n]是未定义的，因为n不是您认为的索引。

链接的问题似乎也有一个很好的解决方案，你应该试试。
浮动x轴日期/时间

相关文章：