Question

我在我的asp.net MVC 3 Web应用程序中使用Jqplot饼图，但问题是饼图中包含图表标签的小表正在显示没有任何颜色。那么我怎么能解决这个问题呢？在此先感谢您的帮助。 BR

被修改

感谢您的回复，是的，我已经包含了这些文件，但仍然没有显示颜色。这是我的MVC 3 asp.net Web应用程序中的代码（饼图显示了两个值;对没有提供任何评级的学生喜欢测试的学生百分比）。

<script src="../../Scripts/jqplot/jquery.jqplot.min.js" type="text/javascript"></script>
<script src="../../Scripts/jqplot/jqplot.pieRenderer.min.js" type="text/javascript"></script>
<script src="../../Scripts/jqplot/jqplot.donutRenderer.min.js" type="text/javascript"></script>
<script src="../../Scripts/jqplot/jqplot.barRenderer.min.js" type="text/javascript"></script>
<script src="../../Scripts/jqplot/jqplot.categoryAxisRenderer.min.js" type="text/javascript"></script>
<script src="../../Scripts/jqplot/jqplot.pointLabels.min.js" type="text/javascript"></script>
<script type="text/javascript">
    $(document).ready(function () {
        var data = [
                 ['Number of Like', @ViewBag.CountRate], ['Other', @ViewBag.other]
                   ];
        var plot1 = jQuery.jqplot('r1', [data],
    {
        seriesDefaults: {
            renderer: jQuery.jqplot.PieRenderer,
            rendererOptions: {
                showDataLabels: true
            }
        },
        legend: { show: true, location: 'e' }
    }
  );
    });
</script>

 <div id = "r1"></div>

Answer 1

jqPlot documentation并未强烈提及它，但确实提到包含css文件

使用jqPlot包含jquery，jqPlot jQuery插件，jqPlot css 文件以及您网站中IE支持的excanvas脚本页

所以你需要包括jquery.jqplot.min.css例如

<link rel="stylesheet" href="/jqplot/jquery.jqplot.min.css">

此外，jqPlot建议使用css自定义颜色等，请参阅http://www.jqplot.com/docs/files/jqPlotCssStyling-txt.html

Answer 2

你正在加载所有必需的js文件吗？听起来像你错过了：

jqplot.pointLabels.min.js

添加以下内容：

("~/scripts/jqPlot/jquery.jqplot.min.js")
("~/scripts/jqPlot/plugins/jqplot.pieRenderer.min.js")
("~/scripts/jqPlot/plugins/jqplot.donutRenderer.min.js")
("~/scripts/jqPlot/plugins/jqplot.barRenderer.min.js")
("~/scripts/jqPlot/plugins/jqplot.categoryAxisRenderer.min.js")
("~/scripts/jqPlot/plugins/jqplot.pointLabels.min.js")

我的Jqplot饼图显示为饼图内的小表没有任何颜色

2 个答案: