Raphael在同一页面上有多个图表

Question

我正在使用至少两张Raphael图表创建一个网页。

非常感谢任何帮助。 我希望我已经恰当地解释了这个问题。

                <th scope="row">Perl</th>
                <td>3%</td>
            </tr>
            <tr>
                <th scope="row">C++</th>
                <td>2%</td>
            </tr>
            <tr>
                <th scope="row">Java</th>
                <td>2%</td>
            </tr>
            <tr>
                <th scope="row">Objective-C</th>
                <td>2%</td>
            </tr>
        </tbody>
    </table>
</div>

Answer 1

问题出在g.pie.js文件中

你这样做：

$("tr").each(function () { 
  // this loops throught all TR tags in the document, which contains two tables...
  values.push(parseInt($("td", this).text(), 10));
  labels.push($("th", this).text());
});

你应该做的是：

 var table = $("#holder");
  // only select the tr rows that are inside your "holder" div
 $("tr", table).each(function () {
   values.push(parseInt($("td", this).text(), 10));
   labels.push($("th", this).text());
 });

希望这会有所帮助。你把不正确的数据集推到饼图中。