jqplot和图例选项问题

我在我的代码中有以下内容。有选项jqplot和图例选项问题

legend: {show:true}

糟糕的图表。图例部分很长并且没有图表。我在这里粘贴图像图表的外观： http://tinypic.com/view.php?pic=2eqgbgy&s=7

这表明没有传说中的选项精细，虽然，但图表当然是没有的传说。

在Chrome中我看到了以下异常未捕获的错误：INDEX_SIZE_ERR：DOM异常1

<script type="text/javascript"> 
     line2 = [['Living Expenses',1000], ['Loans',2000], ['Credit 
Card',500]]; 
    $j(document).ready(function() { 
     $j.jqplot.config.enablePlugins = true; 
     $j.jqplot('piechartdiv', [line2], { 
      title: 'Where is my money going?', 
      seriesDefaults:{renderer:$j.jqplot.PieRenderer, 
rendererOptions:{sliceMargin:8}}, legend:{show:true} 
     }); 
}); 

</script> 

<div style="width: 450px;margin: 0px auto;"> 
    <div id='piechartdiv'></div> 
</div>

赞赏任何帮助。

来源

2010-11-15 user16455

，似乎怪我的唯一的事情是这样的：

$j.jqplot

为何会出现在你的代码的一些Ĵ的？除此之外，一切似乎都很正常，也许可以尝试在一个位置在传说看看是否解决了这个问题，这里是一个例子：

plot = $.jqplot('chart2', [arr], { 
     grid: { 
      drawBorder: true, 
      drawGridlines: false, 
      background: '#FFFFFF', 
      shadow: true 
     }, 
     seriesDefaults: { 
      renderer: $.jqplot.PieRenderer, 
      rendererOptions: { 
       showDataLabels: true 
      } 
     }, 
     legend: { 
      show: true, 
      location: 'e' 
     } 
    });

来源

2010-12-28 07:28:56 lidermin

的$ J的可能是jQuery的或只是一个替代名称$因为与使用$符号 – 2011-07-27 12:37:47

我碰到类似的东西。尝试检查CSS属性text-align：left进行

<div id='piechartdiv' style="text-align:left;"></div>

我怕我不知道为什么，但这些固定的错误，我

来源

2011-01-20 20:21:31 ayoshimiya

您是否使用Bootstrap或其他一些CSS重置库？

如果进入萤火虫并选择<table class="jqplot-table-legend" ...>元素，则可能会看到有一个width:100%默认属性设置了table元素。您可以在您的CSS布局中修复它：

#piechartdiv table.jqplot-table-legend { 
    width:auto; 
}

来源

2012-02-11 01:22:58 cmcginty

这应该被接受为答案OP的问题，其他库的兼容性。我有这个问题，实际上我的CSS样式表明所有表格的宽度都是100％，这打破了传说。 – 2012-05-16 10:30:56

您是否在代码中包含了jqplot.css文件。

请确保它包含在代码中，并且该文件也存在于您所指的目录中。

谢谢

来源

2012-10-20 10:37:27

jqplot和图例选项问题

回答

相关问题