Question

我一直在阅读一些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中的错误如下所示：“操作数t”中的“TypeError：invalid”

您需要下载未缩小版本的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（”t“中的”x“和”t“中的”y“）行。

有什么想法吗？

Answer 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"

Answer 2

它似乎是教程中的一个错误，'labelOffset'应该是一个数字，但是它们给它一个字符串，因此它失败了，取消引号并且它有效，请参阅此论坛帖子。 Charting tutorial in 1.7 and 1.8

Dojo 1.8图表程序教程错误

2 个答案: