1

我一直在阅读一些 Dojo 1.8 教程,这些教程很棒,但是在基本图表教程中遇到了一个错误。声明性示例工作正常,但程序示例在尝试呈现图表时出现错误。

图表教程:http ://dojotoolkit.org/documentation/tutorials/1.8/charting/

工作声明性示例:http ://dojotoolkit.org/documentation/tutorials/1.8/charting/demo/basic-declarative.php

错误的程序示例:http ://dojotoolkit.org/documentation/tutorials/1.8/charting/demo/basic-programmatic.php

根据我的调查,问题似乎在于代码试图在字符串上使用“IN”操作数,此时它会崩溃。

firebug 中的错误如下所示:“TypeError: invalid 'in' operand t”

您需要下载 dojox/gfx/path.js 的非缩小版本并查看第 191 行,您将在其中看到以下代码片段:

if(t instanceof Array){
    this._collectArgs(_12,t);
  }else{
    if("x" in t&&"y" in t){
      _12.push(t.x,t.y);
    }
  }

我相信错误是逻辑落入“if(“x” in t&&“y” in t)”行的地方。

有任何想法吗?

4

2 回答 2

1

是的,我找到了错误的原因,但没有找到补救措施。

它的 labelOffset 值是一个负数,看中了!

因此,如果您将“-20”更改为“20”,它会正常运行。

完整示例,包括导致错误的负值...

<!DOCTYPE HTML>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>Demo: Basic Programmatic Chart</title>
    <link rel="stylesheet" href="style.css" media="screen">
    <link rel="stylesheet" href="../../../resources/style/demo.css" media="screen">
  </head>
  <body>
     <h1>Demo: Basic Programmatic Chart</h1>

     <!-- create the chart -->
     <div id="chartNode" style="width: 550px; height: 550px;"></div>

     <!-- load dojo and provide config via data attribute -->
     <!-- load dojo and provide config via data attribute -->
     <script src="//ajax.googleapis.com/ajax/libs/dojo/1.8/dojo/dojo.js"></script>
     <script>

     // x and y coordinates used for easy understanding of where they should display
     // Data represents website visits over a week period
     chartData = [
       { x: 1, y: 19021 },
       { x: 1, y: 12837 },
       { x: 1, y: 12378 },
       { x: 1, y: 21882 },
       { x: 1, y: 17654 },
       { x: 1, y: 15833 },
       { x: 1, y: 16122 }
     ];

     require([
        // Require the basic 2d chart resource
        "dojox/charting/Chart",

        // Require the theme of our choosing
        "dojox/charting/themes/Claro",

        // Charting plugins: 

        //Require the Pie type of Plot 
        "dojox/charting/plot2d/Pie",

        // Wait until the DOM is ready
        "dojo/domReady!"
      ], function(Chart, theme, PiePlot){

        // Create the chart within it's "holding" node
        var pieChart = new Chart("chartNode");

        // Set the theme
        pieChart.setTheme(theme);

        // Add the only/default plot 
        pieChart.addPlot("default", {
          type: PiePlot, // our plot2d/Pie module reference as type value
          radius: 200,
          fontColor: "black",
          labelOffset: "-20" <-- bug value here
        });

        // Add the series of data
        pieChart.addSeries("January",chartData);

        // Render the chart!
        pieChart.render();

      });
    </script>
  </body>
</html>

只需将 labelOffset 值设为正值,一切都应该运行正常。

labelOffset: "20"
于 2012-10-16T09:40:05.003 回答
1

看来它在教程中是一个错误,'labelOffset' 应该接受一个数字,但他们给了它一个字符串,因此它失败了,把引号拿掉它就可以了,请参阅这个论坛帖子。 1.7 和 1.8 中的图表教程

于 2013-01-25T16:02:18.417 回答