Graph and html code position

Posted by user1402781 
Forum List Message List New Topic
user1402781
Graph and html code position
September 24, 2012 08:04AM
Hi,

I try this code below but I have a problem with the position of my text (in ma table). This text display first (before the graph), why? How to place the text in my table after the graph? 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "[www.w3.org];
<html>
<head>
<title>JS Charts</title>
<script type="text/javascript" src="scripts/jscharts.js"></script>
</head>
<body>
<div id="chart_container">Loading chart...</div>
<script type="text/javascript">
  var myChart = new JSChart('chart_container', 'line', '');
  myChart.setDataArray([[1, 80],[2, 40],[3, 60],[4, 65],[5, 50],[6, 50],[7, 60],[8, 80],[9, 150],[10, 100]], 'blue');
myChart.setDataArray([[1, 100],[2, 55],[3, 80],[4, 115],[5, 80],[6, 70],[7, 30],[8, 130],[9, 160],[10, 170]], 'green');
myChart.setDataArray([[1, 150],[2, 25],[3, 100],[4, 80],[5, 20],[6, 65],[7, 0],[8, 155],[9, 190],[10, 200]], 'gray');
  myChart.colorize(['#3E90C9','#3E90C9','#3E90C9','#3E90C9','#3E90C9','#3E90C9','#3E90C9','#3E90C9','#3E90C9','#3E90C9']);
  myChart.setSize(550, 300);
  myChart.setAxisValuesNumberY(5);
  myChart.setIntervalStartY(0);
  myChart.setIntervalEndY(200);
  myChart.setLabelhot smiley[2,'p1']);
  myChart.setLabelhot smiley[4,'p2']);
  myChart.setLabelhot smiley[6,'p3']);
  myChart.setLabelhot smiley[8,'p4']);
  myChart.setLabelhot smiley[10,'p5']);
  myChart.setAxisValuesNumberhot smiley5);
  myChart.setShowXValues(false);
  myChart.setTitleColor('#454545');
  myChart.setAxisValuesColor('#454545');
  myChart.setLineColor('#A4D314', 'green');
  myChart.setLineColor('#BBBBBB', 'gray');
  myChart.setTooltip([1,'']);
  myChart.setTooltip([2,'']);
  myChart.setTooltip([3,'']);
  myChart.setTooltip([4,'']);
  myChart.setTooltip([5,'']);
  myChart.setTooltip([6,'']);
  myChart.setTooltip([7,'']);
  myChart.setTooltip([8,'']);
  myChart.setTooltip([9,'']);
  myChart.setTooltip([10,'']);
  myChart.setFlagColor('#9D16FC');
  myChart.setFlagRadius(4);
  myChart.setLegendShow(true);
  myChart.setLegendPosition('right top');
  myChart.draw();
</script>
<br>
<table border="0" align="center" cellpadding="2" cellspacing="1" width="100%">
    <tr>
        <td valign="top">Hello it's a trial!</td>
        <td valign="top">How are you?</td>
    </tr>
</table>
</body>
</html>

Thank you for your help.

Bruno
Reply Quote
kneo
Re: Graph and html code position
November 05, 2012 01:13PM
The package was updated so now this problem is avoided once the js file is replaced with the new one. So download again the package, replace the js file from your server with the new one and it should work.
Reply Quote
Newer Topic Older Topic
Sorry, you do not have permission to post/reply in this forum.