plotly legends text length issue on orientation horizontal (angular 6+)

Question

I am using Plotly (in angular 6+ project) for generating chart, I want legends to be horizontal below the chart. which I achieved by giving

legend: { \'orient