Issue

When HTML5 Chart Legend text exceeds the chart component width, the legend text is not wrapping to next line. As a result, some of the text is cropped and not displayed fully.

How to configure the wrapping

You can use the following two Highchart properties to configure the output of the legend:

<hc:chartProperty name="legend.itemStyle.textOverflow" value="null"/>

<hc:chartProperty name="legend.itemStyle.width" value="400"/>

These two proerties are based on the legend.itemStyle property of Highcharts API. You can find more details on this property here:

http://api.highcharts.com/highcharts/legend.itemStyle

_______

Ref. case #01486054