Question

我正在使用mvc3创建一个jQuery移动应用。在这里我创建了jqPlot饼图。

它不会显示饼图的所有切片的颜色，即使图表中有四个切片，它有时会显示一个切片的颜色，而其他三个切片则显示白色背景而不是其定义的切片背景颜色。

我希望每次都能显示带有纯色填充的完整图表。

jqPlot饼图的图像：

http://i.stack.imgur.com/qH4o9.png

我正在使用此代码：

jQuery(document).ready(function ($) {
     var data = [
            ['Correct Answers', @Correct_Answer], ['Incorrect Answers', @Incorrect_Answer], ['Skipped Answers', @Skipped_Answer],
            ['Unseen Answers', @Unseen_Answer]
  ];
        var plot1 = $.jqplot('score_chart', [data],
    {
        seriesColors: ["#83abc0", "#64d6f4", "#3399ff", "#03597a"],
        highlightColors: ["#ADC7D5", "#99E3F6", "#78BAFE", "#568FA6"],
        seriesDefaults: {
            // Make this a pie chart.
            fill: true,
            renderer: $.jqplot.PieRenderer,
            rendererOptions: {
                // Put data labels on the pie slices.
                // By default, labels show the percentage of the slice.
                padding: 5,
                fill: true,
                fillAndStroke: true,
                showDataLabels: true
            }
        },

        legend: { show: true, location: legendlocation },

    });

});

任何人都可以帮我解决这个问题吗？

Answer 1

您的问题不在此代码中。我从你提供的代码中做了一个样本，它运行正常。 See here.

您确定已正确导入所有JavaScript和CSS个文件吗？

在mvc3中填充jqplot饼图的所有切片

1 个答案: