i have a problem in table (IE7)

Posted by KimTaehui 
Forum List Message List New Topic
KimTaehui
i have a problem in table (IE7)
April 27, 2009 01:23PM
Hi Peeps,

works fine in ff , but in IE not all of the chart is displaying, i can see the title, axis, etc, but no bars or lines.
the <div & script is in <td>

this is modified sample based line-charts "example-1 " 
<html>
<head>

<title>JSChart</title>

<script type="text/javascript" src="../../../sources/jscharts.js"></script>

</head>
<body>

<TABLE>
<TR>
	<TD>

<div id="graph">Loading graph...</div>

<script type="text/javascript">
	var myData = new Array([1995, 12], [1996, 22], [1997, 36], [1998, 37], [1999, 45], [2000, 50], [2001, 55], [2002, 61], [2003, 61], [2004, 62], [2005, 66], [2006, 73]);
	var myChart = new JSChart('graph', 'line');
	myChart.setDataArray(myData);
	myChart.setTitle('Percentage of U.S. Adults Online');
	myChart.setTitleColor('#8E8E8E');
	myChart.setTitleFontSize(11);
	myChart.setAxisNamehot smiley'');
	myChart.setAxisNameY('');
	myChart.setAxisColor('#C4C4C4');
	myChart.setAxisValuesColor('#343434');
	myChart.setAxisPaddingLeft(100);
	myChart.setAxisPaddingRight(120);
	myChart.setAxisPaddingTop(50);
	myChart.setAxisPaddingBottom(40);
	myChart.setGraphExtend(true);
	myChart.setGridColor('#c2c2c2');
	myChart.setLineWidth(6);
	myChart.setLineColor('#9F0505');
	myChart.setSize(616, 321);
	myChart.setBackgroundImage('chart_bg.jpg');
	myChart.draw();
</script>

	
	</TD>
</TR>
</TABLE>
</body>
</html>


Any ideas?
Reply Quote
jfhe88
Re: i have a problem in table (IE7)
May 07, 2009 02:50AM
I have the same problem and I also have it inside a table, maybe that is what it is, I was thinking maybe the CSS but i see yo don't have any, so maybe it is the table.
Reply Quote
jfhe88
Re: i have a problem in table (IE7)
May 07, 2009 03:41AM
Hello again!

The problem is the table, if you want to display two in the same line (as I wanted) in the div of the graph put the style="float:left;" and in the second one put style="float:right"; that solves the problem.
Reply Quote
Vairam
Re: i have a problem in table (IE7)
May 08, 2009 09:33AM
Hi All,

I also need to display the chart wihhin <td> tag. I have tried with the below example. But, It is not displayed the chart.

Please help me out.

<html>
<head>

<title>JSChart</title>

<script type="text/javascript" src="c:/jscharts.js"></script>
</head>

<body>


<table>
<tr>
<td>

<div id="graph" style="float:left;" >Loading graph...</div>
<script type="text/javascript">
var myData = new Array(['Mar04-Mar05', 21],

['Mar05-Mar06', 18], ['Mar06-Mar07', 12], ['Mar07-Mar08', 17]);
var colors = ['#AF0202', '#EC7A00', '#FCD200',

'#81C714'];

var myChart = new JSChart('graph', 'bar');
myChart.setDataArray(myData);
myChart.colorizeBars(colors);
myChart.setTitle('Year-to-year growth in home broadband

penetration in U.S.');
myChart.setTitleColor('#8E8E8E');
myChart.setAxisNamehot smiley'');
myChart.setAxisNameY('%');
myChart.setAxisColor('#C4C4C4');
myChart.setAxisNameFontSize(16);
myChart.setAxisNameColor('#999');
myChart.setAxisValuesColor('#7E7E7E');
myChart.setBarValuesColor('#7E7E7E');
myChart.setAxisPaddingTop(60);
myChart.setAxisPaddingRight(140);
myChart.setAxisPaddingLeft(150);
myChart.setAxisPaddingBottom(40);
myChart.setTextPaddingLeft(105);
myChart.setTitleFontSize(11);
myChart.setBarBorderWidth(1);
myChart.setBarBorderColor('#C4C4C4');
myChart.setBarSpacingRatio(50);
myChart.setGrid(true);
myChart.setSize(616, 321);
myChart.draw();
</script>
</td>
</tr>
</table>

</body>
</html>
Reply Quote
Newer Topic Older Topic
Sorry, you do not have permission to post/reply in this forum.