Sign in to follow this  
ithurlow

Tool tips do not display inside SmartClient rendered widgets

Recommended Posts

I have found a bug when using FusionCharts inside of SmartClient. After upgrading to the newest version, the tooltips no longer display on any chart type. I believe this to be a Z-index or layering issue after some investigation.

 

Here is the code to reproduce the issue:  

<!doctype html>
<html>
<head>
	<SCRIPT>var isomorphicDir="../../isomorphic/";</SCRIPT>
	<SCRIPT SRC=../../isomorphic/system/modules/ISC_Core.js?isc_version=v9.1p_2014-06-26.js></SCRIPT>
	<SCRIPT SRC=../../isomorphic/system/modules/ISC_Foundation.js?isc_version=v9.1p_2014-06-26.js></SCRIPT>
	<SCRIPT SRC=../../isomorphic/system/modules/ISC_Containers.js?isc_version=v9.1p_2014-06-26.js></SCRIPT>
	<SCRIPT SRC=../../isomorphic/system/modules/ISC_Grids.js?isc_version=v9.1p_2014-06-26.js></SCRIPT>
	<SCRIPT SRC=../../isomorphic/system/modules/ISC_Charts.js?isc_version=v9.1p_2014-06-26.js></SCRIPT>
	<SCRIPT SRC=../../isomorphic/system/modules/ISC_DataBinding.js?isc_version=v9.1p_2014-06-26.js></SCRIPT>
	<SCRIPT SRC=../../isomorphic/skins/Enterprise/load_skin.js?isc_version=v9.1p_2014-06-26.js></SCRIPT>
	<script type="text/javascript" src="fusioncharts/js/fusioncharts.js"></script>
<script type="text/javascript" src="fusioncharts/js/fusioncharts.charts.js"></script>
<script type="text/javascript" src="fusioncharts/js/themes/fusioncharts.theme.fint.js"></script>
</head>

<body>
	<script>
		//create simple HTMLFlow and create a target div
		isc.HTMLFlow.create({
			height: "400px",
			width: "500px",
			contents: "<div id='chart-container'></div>"
		});
		
		//create any chart, the tool tips will not show up
		FusionCharts.ready(function () {
			var revenueChart = new FusionCharts({
				type: 'column2d',
				renderAt: 'chart-container',
				id: 'myChart',
				width: '450',
				height: '340',
				dataFormat: 'json',
				dataSource: {
					"chart": {
						"xAxisName": "X Axis Label",
						"yAxisName": "Y Axis Label",
						//Place the value inside the plots
						"placevaluesInside": "0",
						"valueFontColor": "333333",
						"rotateValues": "0",
						"baseFontSize": "14",
						"yAxisValuesPadding":"10",
						"labelPadding": "10",
						"showToolTip ": "1 ",
						//Theme
						"theme" : "fint"
					},
					"data":[
					{
						"label":"Label 1",
						"value":"70",
					},
					{
						"label":"Label 2",
						"value":"20"
					},
					{
						"label": "Label 3",
						"value": "3"

					},
					{
						"label":"Label 4",
						"value":"4"
					},
					{
						"label":"Label 5",
						"value":"1"
					}
				]
				}
			});
			revenueChart.render();
		});
	</script>
</body>
</html>

Thank you.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this