Nicht in der Lage, highchart mit Winkel js

Question

ausrichten Ich habe ein highchart mit highchart-ng Direktive von eckigen js erstellt. Mein Ziel ist, dass ich die Legenden meiner Grafik nicht auf die rechte Seite der Grafik ausrichten kann.

Der Code unten funktioniert nicht für me-

 legend:{ 
    align: 'right', 
    verticalAlign: 'right', 
    floating: true   
}, 

Ich habe eine Plunker erstellt hier- https://plnkr.co/edit/rd7r9CfZ6a9jCHHpS0ct?p=preview

mir jemand bei der Angleichung der Legenden auf der rechten Seite des Diagramms helfen?

Answer 1

Sie müssen hinzufügen unter plotOptions

options: { 
     plotOptions: { 
     pie: { 
      borderColor: '#000000', 
      size: 200, 
      dataLabels: { 
      enabled: true, 
      distance: -30, 
      style: { 
       fontWeight: 'bold', 
       color: 'white', 
       textShadow: '0px 1px 2px black', 

      } 

      }, 
      startAngle: -180, 
      endAngle: 180, 
      center: ['50%', '55%'] 
     } 
     }, 
     colors: ["#A6BCB0", "#EDA900", "#D2691E", "#00FFFF", "#9966CC"], 
     chart: { 
     type: 'pie', 
     backgroundColor: '#f1f1f2', 
     height: 400 
     }, 
     legend: { 
      align: 'right', 
      verticalAlign: 'right', 
      layout: 'vertical', 
      x: 0, 
      y: 160 
     } 
    } 

Arbeiten Code