Hiding the legend on a small screen

[Michaelp]

Hi

How would I go about hiding the legend on a smaller screen? See my jsfiddle here.

As you can see, a legend with a large number of data series tends to squash the actual data when the graph has a limited height (130px). I would like the legend to display:none when viewing the graph on a small screen device, e.g. less than 500px.

Kind regards
Michael

[Vishwas R]

Michael,

You can hide all the legends based on chart height or window width by setting showInLegend to false for smaller screen devices as shown in this JSFiddle.

—
Vishwas R
Team CanvasJS

[Michaelp]

Thanks Vishwas. That’s brilliant.