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

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

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

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