javascript - 拉斐尔在同一页面上的多个图表

Question

我正在使用至少两个拉斐尔图表创建一个网页。

任何帮助将不胜感激。我希望我已经适当地解释了这个问题。

                <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());
 });

希望这可以帮助。您将不正确的数据集推入饼图。