JqPlot pieRenderer legend squares not showing

Question

I run jqPlot , and for some reason, the colored squares that should be displayed inside the pie rendering legend do not appear. I am wondering if this is due to the fact that I use twitter bootstrap? I do not use other css libraries.

  var plot1 = jQuery.jqplot('chartdiv', [graphData], { grid: { shadow: false, background: '#FFFFFF', }, seriesDefaults: { // Make this a pie chart. renderer: jQuery.jqplot.PieRenderer, rendererOptions: { // Put data labels on the pie slices. // By default, labels show the percentage of the slice. showDataLabels: true, padding: 20, startAngle: 270 } }, legend: { show: true, location: 'e', fontSize: 11, marginTop: 10, } }); 

Answer 1

Are you sure you loaded CSS correctly from jqPlot (i.e. url / href points to the right place)?

This is your code with jquery.jqplot.css loaded.

This is your code without css.

This is the same with jquery.jqplot.css, and with boot (loaded without jQuery ) plugins, and not with the binding to the img folder that comes with the download). Everything looks right here, so you should double check href jquery.jqplot.css.