javascriptcssangularchartsngx-charts

How to make the "advanced pie chart" in ngx charts in angular2 vertically?

i'm new in angular js I used to customize the style in css easily but here I couldn't

i'm using ngx-charts "advanced pie chart" and I need to make the results vertically how can I do this ?

for example the attachment here

shows the results horizontally but my div has small width and large height so I need to move the results to be below the circle chart.

Thank you.

Solution

  • I had the same problem. In your styles.css (or styles.scss), put this code:

    .advanced-pie-legend .legend-items-container .legend-items {
  overflow: initial !important;
}

    after the solution

    for me, works fine.