I have a highchart
stacked column
containing Fruits in the X-axis as categories
and Total count in the Y-axis as series
,
xAxis: { categories: ['Apples', 'Oranges', 'Pears', 'Grapes', 'Bananas'] }
yAxis: { title: { text: 'Total Count'} }
series: [{name: 'John&Chandler&Steve&Edward',
data: [5, 3, 4, 7, 2]},
{name: 'Jeni&Joseph&Isabella&Dany',
data: [2, 2, 3, 2, 1]},
{name: 'Ethan&Susan&Charlie&Carol',
data: [3, 4, 4, 2, 5]}]
This is working fine in Mozilla
and Chrome
, but in case of IE
the series content is getting trimmed. Say in mozilla
it is printing as John&Chandler&Steve&Edward
but in IE it is printing as John&Chandler&Steve
. I am also aware that '&' between the content of chart series
is the major cause of the issue in IE
. This is where I refered for
highcharts.