javascript - 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 文件，那么我们将不得不检查它并找出问题所在。

希望能帮助到你。