Tooltip on a pie chart

Posted by user409059 
Tooltip on a pie chart
May 23, 2011 10:16AM
I have a pie chart with tooltip inside. I can see the tooltip flag, but I can't see the tooltip message.
I have different scenarios depending on the brower, for example:
- On Internet Explorer 9 I can't see any tooltip message
- On Internet Explorer 8 I see two of the three tooltip message
- On Firefox 4.0.1 it works fine

This is the code of the pie chart:
<td class="padprimacolonna tdspaz"><table width="300" cellspacing="0" cellpadding="0" id="grafico">
<tr>
<td>
<div id="torta_container">Loading graph...</div>
<script type="text/javascript">
var myChart = new JSChart('torta_container', 'pie', '', '');
myChart.setDataArray([['1', 8.1], ['2', 56.5], ['3', 37.0] ]);
myChart.colorize(['#8594A0', '#3D5B73', '#BBBBBB' ]);
myChart.setSize(300, 250);
myChart.setPieRadius(75);
myChart.setTitleColor('#413A7B');
myChart.setPieUnitsColor('#413A7B');
myChart.setPieUnitsFontSize(7);
myChart.setPieValuesFontSize(8);
myChart.setTitleFontSize(10);
myChart.setTitleColor('#333333');
myChart.setTitle('Asset allocation');
myChart.setPiePosition(0,140);
myChart.setPieUnitsOffset(6);
myChart.setShowXValues(false);
myChart.setTooltip([1, 'Titoli azionari italiani']);
myChart.setTooltip([2, 'Titoli azionari esteri']);
myChart.setTooltip([3, 'Altre attività finanziarie']);
myChart.draw();
</script>
</td>
</tr>
</table>
</td>

I also tried to add:
#torta_container{
position:relative;
}
on the css file and I also tried to remove setPiePosition parameter.

If I put the chart on a web page without using any table, it works fine on Internet Explorer too.

I'm using the version number 2.08.



Edited 1 time(s). Last edit at 05/23/2011 10:34AM by user409059.
Re: Tooltip on a pie chart
May 23, 2011 10:34AM
I'm using the version number 2.08
Sorry, you do not have permission to post/reply in this forum.