jqPlot pieRenderer hình vuông huyền thoại không hiển thị

Question

Tôi đang chạy jqPlot và vì lý do nào đó, hình vuông được mã hóa màu sẽ hiển thị bên trong chú giải của trình kết xuất đồ họa sẽ không xuất hiện. Tôi tự hỏi nếu nó có bất cứ điều gì để làm với thực tế là tôi đang sử dụng twitter bootstrap? Tôi không sử dụng bất kỳ thư viện css nào khác.

 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

Bạn có chắc bạn đang tải CSS của jqPlot một cách chính xác (ví dụ: url/href trỏ vào vị trí bên phải)?

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). Ở đây tất cả xuất hiện một cách chính xác, do đó bạn phải kiểm tra lại các href của jquery.jqplot.css.