jquery - jqplot 饼图无法正确呈现。

Question

获取日志消息:饼图直径太小，无法渲染。

然后，当我将鼠标悬停或单击页面内部时，似乎出现:未捕获的类型错误:无法读取未定义的属性“0”

    <link href="/Content/jqPlot/jquery.jqplot.css" rel="stylesheet" type="text/css" />
    <script src="/Scripts/jquery.jqplot.js" type="text/javascript"></script>
    <script src="/Scripts/jqplot.pieRenderer.js" type="text/javascript"></script>

    <script type="text/javascript">
        $(function () {
            //GetWeeklyProjectSummary();
            Test();
        });

        function Test() {
            var data = [["987 Project",74],["ABC Project",68],["XYZ project",26]];
            var plot1 = jQuery.jqplot('weeklyProjectSummary', [data],
                {
                    seriesDefaults: {
                        // Make this a pie chart.
                        renderer: jQuery.jqplot.PieRenderer,
                        rendererOptions: {
                            // Put data labels on the pie slices.
                            // By default, labels show the percentage of the slice.
                            showDataLabels: true
                        }
                    },
                    legend: { show: true, location: 'e' }
                }
              );
        }
    </script>

这是它进入的div:

<div id="weeklyProjectSummary"></div>

这是我在页面上得到的内容:

如果您需要更多详细信息，请告诉我。

Answer 1

在将 jqplot 与 blueprintcss 一起使用时，我遇到了类似的问题 - 根据您的屏幕截图，我相信您正在使用 blueprintcss。

尝试删除以下行:

legend: { show: true, location: 'e' }

并查看它是否正确渲染。

(编辑:更多信息在这里:

https://bitbucket.org/cleonello/jqplot/issue/48/legends-doesnt-look-nice-when-using )