[legendPosition]="below" is not working in charts which provide this property

I’m submitting a … (check one with “x”)

• bug report - search github for a similar issue or PR before submitting
• feature request
• support request - use StackOverflow (add the ngx-charts tag) or the gitter chat for support questions

Current behavior

After providing the [legendPosition]=“below”, it get this properties in my template however it doesn’t reflect on my UI. The legends still stay in the default position.

Expected behavior

As per the value provided to the [legendPosition] property, it should place the legends to the repective position with repect the graph.

Reproduction of the problem

• create a template with simple angular app
• add any chart which has [legendPosition] property supported
• add [legendPosition]=“below”
• run your application

What is the motivation / use case for changing the behavior?

• stock market graphs
• business KPI graphs
• Business Analytics Graphs

Please tell us about your environment:

• ngx-charts version: 8.0.2

• Angular version: 7.2.1

• Browser: [ Chrome XX ]

• Language: [all | TypeScript 2.7 | ES6/7 | ES5]

Screenshots of code with the proper output is attached below:

[upesh-mp]

In your component file , declare a variable as below = LegendPosition.below then in your template code, [legendPosition]="below"

[rafagsiqueira]

Small correction: LegendPosition.Below it appears. In the example grouped horizontal bar chart, I have noticed that schemeType also does not accept a string. It seems to accept enum ScaleType now as well.