jqPlot传说中的圆环图不显示颜色样本/框

Question

我有一个非常简单的问题

代码：

$(document).ready(function(){
  var s1 = [['Status',600], ['Pictures',800], ['Starred',140], ['Comments',200]];
  //var s2 = [['a', 8], ['b', 12], ['c', 6], ['d', 9]];

  var plot3 = $.jqplot('chart3', [s1], {
    seriesDefaults: {
      // make this a donut chart.
      renderer:$.jqplot.DonutRenderer,
      rendererOptions:{
        // Donut's can be cut into slices like pies.
        sliceMargin: 3,
        // Pies and donuts can start at any arbitrary angle.
        startAngle: -90,
        showDataLabels: true,
        // By default, data labels show the percentage of the donut/pie.
        // You can show the data 'value' or data 'label' instead.
        dataLabels: 'label'
      }
    },

    grid: {
    drawGridLines: true,        // wether to draw lines across the grid or not.
      // *Color of the grid lines.
    background: 'white',      // CSS color spec for background color of grid.
    borderColor: 'white',     // CSS color spec for border around grid.
        shadow: false       
    }  ,legend: { show:true, location: 'e' }      

  });
});

现在传奇确实显示出来了，但它不应该以这样的方式出现..

没有颜色，没有盒子。我究竟做错了什么。我按照文件的说法做了..有人吗？

Answer 1

当您忘记包含jqPlot CSS文件时会发生这种情况。

确保您已加入<link rel="stylesheet" href="https://bitbucket.org/cleonello/jqplot/raw/b5a7796a9ebf/src/jquery.jqplot.css" type="text/css"/>

然后事情应该适合你。

好吧，如果你已经包含了jqPLot CSS文件，那么我们必须检查它，并发现问题。

希望它有所帮助。