2012-05-29 4 views
8

Ich bin jqPlot ausgeführt und aus irgendeinem Grund die farblich gekennzeichneten Quadrate, die in der Legende des Kreisdiagramm-Renderers angezeigt werden sollen, werden nicht angezeigt. Ich frage mich, ob es etwas mit der Tatsache zu tun hat, dass ich Twitter Bootstrap benutze? Ich benutze keine anderen CSS-Bibliotheken.jqPlot pieRenderer Legende Quadrate nicht angezeigt

 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,         
      } 
     }); 

Antwort

18

Sind Sie sicher, dass Sie die CSS des jqPlot korrekt geladen werden (das heißt die URL/href in die richtige Position zeigt)?

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

This is your code without the css.

This one is with both the jquery.jqplot.css and the bootstrap (downloaded without jQuery plugins and not linking the img folder that comes with the download). Hier werden alle korrekt angezeigt, so müssen Sie die href des jquery.jqplot.css überprüfen verdoppeln.

+1

Danke eine Million! Das war's. –

+1

Vielen Dank! Dies hat es geschafft und meine Grafik sieht auch viel besser aus! – Lukas

+1

Arbeit wie ein Charme ...... – Gowri