Re: Labels aren't showing in Internet Explorer 8

[asgallant]

It worked fine for me when I put that in a jsfiddle: http://jsfiddle.net/asgallant/EqFcQ/ 

On Thursday, July 5, 2012 10:13:08 PM UTC-4, ceefolk wrote:

Hi all,

I have created a line chart for my site that works in FireFox and Chrome, but it doesn't display the various individual divisions along the x and y axes in IE8.  In other words, the "Month" and "Dollars" labels appear along the axes, but not the individual months and dollar line amounts.  Here's my script:

<script type="text/javascript">
	google.load("visualization", "1", {packages:["corechart"]});
	google.setOnLoadCallback(drawChart);
	function drawChart() {
		var data = google.visualization.arrayToDataTable([
		['Month', 'Profit', 'Income', 'Cost'],
		['8/11', 2585.70, 2703.99, 118.29],
                ['9/11', 1095.95, 1231.63, 135.68],
                ['10/11', 171.80, 293.40, 121.60],
                ['11/11', 645.77, 819.93, 174.16],
                ['12/11', 492.91, 684.07, 191.16],
                ['1/12', 951.59, 1387.74, 436.15],
                ['2/12', 1418.23, 1837.42, 419.19],
                ['3/12', 965.98, 1320.94, 354.96],
                ['4/12', 2161.92, 2405.96, 244.04],
                ['5/12', 1845.16, 2151.57, 306.41],
                ['6/12', 1904.95, 2220.36, 315.41],
                ['7/12', 1354.16, 1388.80, 34.64]        ]);

        var options = {
          title: 'Store Performance',
		  vAxis: {title: 'Dollars',  titleTextStyle: {color: 'black'}},
		  hAxis: {title: 'Month',  titleTextStyle: {color: 'black'}}

        };

        var chart = new google.visualization.LineChart(document.getElementById('chart_div1'));
        chart.draw(data, options);
      }
</script>

Any help appreciated.