In a PC browser I can click on legends to enable/disable datasets without problems. On my mobile however clicking rarely works – regardless of zooming, which browser I use or legend size. Clicking data points or directly on columns in a column chart is no problem however. Some rare times it looks like the legend may be clickable but it seems that one legend item cannot be clicked again unless another is clicked in between.
My mobile is a Galaxy S4 with Android 5.01.
It can be tested on http://ru-stad.name/plot/plot5.htm which is simply a copy of a canvasjs example with larger legend font.
Crome, Firefox and Opera fails, both on Samsung tablet and phone.
The Samsung browser is a bit better on the phone but not on the tablet.
Clicking on curve points works perfectly for all browsers.
I did some research and found that this problem depends on combinations of at least “chartContainer height” and “legend fontSize”. http://ru-stad.name/plot/plot6.htm works in Crome but not Firefox as it is now but not for many other variable combinations. Could it be that the legend is somehow marginally placed outside a clickable area or behind something? If I replace itemclick with itemmouseover it always works as expected for mouseover however.