Tooltip not visible

[alex.lata]

Hi,

 

I integrated the fusioncharts in my Eclipse RAP application as a custom widget. I'm using the following code to create&render the chart.

	var Chart = function(properties) {
		var el = document.createElement("divChart");
		el.style.position = "absolute";
		el.style.left = "0px";
		el.style.top = "0px";
		el.style.width = "100%";
		el.style.height = "100%";

		this._el = el;
		this._hasModifyListener = false;

		// Create the chart.
		var chartId = properties.chartId;
		var chartType = properties.chartType;
		var chartWidth = properties.chartWidth;
		var chartHeight = properties.chartHeight;

		var myChart = new FusionCharts(chartType, chartId, chartWidth, chartHeight, "0", "1");

		// Set chart data.
		var chartData = properties.chartData;
		myChart.setJSONData(chartData);

		// Render the chart.
		myChart.render(this._el);
	};

These are the chart properties:

		final JsonObject chartProperties = new JsonObject();
		chartProperties.add("caption", "Monthly revenue");
		chartProperties.add("subCaption", "Last year");
		chartProperties.add("xAxisName", "Month");
		chartProperties.add("yAxisName", "Amount ($)");
		chartProperties.add("numberPrefix", "$");
		chartProperties.add("showToolTip", "1");

Everything works well with the chart generation and rendering, still one thing is missing: the chart tooltips. Can someone give me a hint?

 

Regards,

Alex 

[Nabajeet]

Hi Alex,
 

There should not be a problem in displaying the tooltips if the chart is rendering properly, please check that the FusionCharts JavaScript library is properly installed and also do check its version.

You can also try setting "tooltext" in individual set elements to show custom tooltips.

 

Can you please share more about the environment where the issue is being faced?

 

Hope this helps.

[alex.lata]

Hi,

Thanks for the fast replay!

Everything seems to be fine with the FusionChart JS library, I'm using it on another project and I don't have this 'problem'. 

I'm doing my test with the 3.4.0 version.

I also tried setting "tooltext", and I got the same result. When I'm debugging I see that the tooltip changes every time, which is normal, but still I don't see it.  

Maybe this could help:

<span id="fusioncharts-tooltip-element" style="display: none; position: absolute; text-align: left; margin: 0px; z-index: 99999; pointer-events: none; top: 484px; left: 832px;"><span style="overflow: hidden; display: block; font-family: Verdana, sans; font-size: 10px; line-height: 12px; color: rgb(73, 86, 58); border: 1px solid rgb(84, 84, 84); padding: 3px; box-shadow: rgba(64, 64, 64, 0.4) 1px 1px 3px; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; white-space: nowrap; background-color: rgb(255, 255, 255);">Apr, $550K</span></span> 

Thanks,

Alex

[Nabajeet]

Hi Alex,

 

Can you share a sample of your code in forum or else you can mail it to support.

[alex.lata]

Hi,

 

Sorry for the delay. I think I figure it out. I'll come back later with the solution. Either way, the 'problem' is coming from RAP.

 

Thanks,

Alex

Edited September 29, 2014 by alex.lata

[Nabajeet]

Ok, please let us know if you have any further queries.

[alex.lata]

Hi Nabajeet,

 

I've decided, finally,  to send my project to support. Hopefully there will be a solution for my problem.

 

Again, thanks!

 

Regards,

Alex 

[Nabajeet]

Glad to help.