Sign in to follow this  
smitab24

Dual - Y - Axis Drill Not Working In Chrome, Safari

Recommended Posts

Hi,

 

Drill is not working for 'Dual-Y- axis' Chart in chrome and safari browser. Works fine in firefox.

Please suggest as soon as you can.

 

Thanks in advance.

Smita

Edited by smitab24

Share this post


Link to post
Share on other sites

Hi,

 

Can you please give a few basic feedback on your issue?

 

1. Are you rendering Flash charts or JavaScript chart?

 

2. Are you running the sample from a local file system (like with file:/// path style)?

 

3. If the answer is 'yes' for question 2, can you please once running from a webserver (like Apache, IIS or any remote webserver)

 

4. Which Dual-Y chart you are using?

 

5. Can you pass us a scaled down data (XML/JSON) so that we can test it from our end?

Share this post


Link to post
Share on other sites

Hi Sumedh,

 

I think the problem is with javascript, because same chart drill working in firefox without any error.

And in chrome and safari it doesnt show any error bt drill not working. So, unable to debug. unable to find problem.

 

Please suggest it as soon as you can.

Share this post


Link to post
Share on other sites

Yes, i have checked sample data. Its works.

And also on my home page i have lots of chart all are working in chrome except 2-3 charts.

 

Please suggest.

 

- Smita

Share this post


Link to post
Share on other sites

Hello Sumedh

 

thanks for reply.

 

Here m attaching my sample code.

I am using fusion chart with this woothemes.com/flexslider/.

 

And slider works fine in all browser.

 

But the issue is that for 1st slide chart drill working in chrome but from onwards it just display chart but drill is not working in chrome.

However, everything is working fine in firefox browser.

 

 

please review my code and inform me any solution as soon as possible.

As there is no any error so i m unable to debug it. Unable to find solution

 

Thanks in advance.

-Smita

 

Hi Smita,

 

Can you please send us the sample code for testing purposes?

Share this post


Link to post
Share on other sites

Hi,

 

Hello Sumedh

 

thanks for reply.

 

Here m attaching my sample code.

I am using fusion chart with this woothemes.com/flexslider/.

 

And slider works fine in all browser.

 

But the issue is that for 1st slide chart drill working in chrome but from onwards it just display chart but drill is not working in chrome.

However, everything is working fine in firefox browser.

 

 

please review my code and inform me any solution as soon as possible.

As there is no any error so i m unable to debug it. Unable to find solution

 

Thanks in advance.

-Smita

 

 

I am afraid, we are unable to receive the attached files that you might have sent. Please re-send it to [email protected].

 

Also, could you please confirm if you are using FusionCharts XT in Flex applications?

 

Awaiting your reply.

Share this post


Link to post
Share on other sites

Hi Smita,

 

please find attachment.

Samplecharts.zip

 

 

Regards

- Smita

 

 

Please note that you are providing the link for the "xmlurl" in the LinkedChart as the following:

Ex: <set value="409090" link="newchart-xmlurl-http://dev.wavereporting.com/dboard/getchart/chart/rev/flag/2/sdate/2012-01-01/edate/2012-12-31/mth/Jan/yr/2012" tooltext="2012, Jan, 409 090" />

 

But, it seems that the link "http://dev.wavereporting.com/dboard/getchart/chart/rev/flag/2/sdate/2012-01-01/edate/2012-12-31/mth/Jan/yr/2012" does not contain any XML data, hence, the linked chart is showing "No data to display" message due to unavailability of the data.

 

Could you please check with the same and confirm?

 

Awaiting your reply.

Share this post


Link to post
Share on other sites

HI Sanjukta,

 

Yes, its just sample code. That link has data and it works with our application.

 

However, it shows 'No data ...' means drill is working.

 

That drill is working in firefox for all sliders and in chrome for only 1st slide,

 

Please click 1 and 2 link on left side then you will see slider.

Slide 2 chart drill is not working also tooltext is not displaying in chrome and safari.

 

This is the main issue.

 

Please look into this and suggest something.

Would appreciate your help.

 

- Smita

 

Hi Smita,

 

 

 

 

Please note that you are providing the link for the "xmlurl" in the LinkedChart as the following:

Ex: <set value="409090" link="newchart-xmlurl-http://dev.waverepor...mth/Jan/yr/2012" tooltext="2012, Jan, 409 090" />

 

But, it seems that the link "http://dev.waverepor...mth/Jan/yr/2012" does not contain any XML data, hence, the linked chart is showing "No data to display" message due to unavailability of the data.

 

Could you please check with the same and confirm?

 

Awaiting your reply.

Edited by smitab24

Share this post


Link to post
Share on other sites

Hi Smita,

 

HI Sanjukta,

 

Yes, its just sample code. That link has data and it works with our application.

 

However, it shows 'No data ...' means drill is working.

 

That drill is working in firefox for all sliders and in chrome for only 1st slide,

 

Please click 1 and 2 link on left side then you will see slider.

Slide 2 chart drill is not working also tooltext is not displaying in chrome and safari.

 

This is the main issue.

 

Please look into this and suggest something.

Would appreciate your help.

 

- Smita

 

We are looking into this and shall get back to you at the earliest.

 

Thank you for your continued patience and support.

 

 

Share this post


Link to post
Share on other sites

Hello Sanjukta,

 

Still we are facing the issue.

Please guide us to resolve the issue as soon as you can.

 

Regards,

- Smita

Hi Smita,

 

 

 

We are looking into this and shall get back to you at the earliest.

 

Thank you for your continued patience and support.

 

 

 

 

 

Share this post


Link to post
Share on other sites

Smita,

 

I was probing your sample and it seems that there is something in the slider library which is causing this in these browsers. If you render the chart without using the library or before the sliding occurs, you will notice that the links are working in the second chart.

 

What I did is in the code:

 

I have rendered both the charts in start event:

 

start: function(slider) {

window.inSlide = 'income';

drawChart( 'MSCombiDY2D', 610, 400, window.inSlide, strXML1);

drawChart( 'MSCombiDY2D', 610, 400, window.inSlide+"1", strXML);

},

 

While running in Chrome, I have inspected to the DIV with class name "income_slider" and disabled overflow: hidden; style. This makes both the chart visible. Now the links work in both the charts.

Share this post


Link to post
Share on other sites

Hello Sudipto,

 

After lots of debugging, i found that when we slide i.e. go to 2nd slider the chart onmouseover property doesnt work.

1. Drill not working

2. tooltext is not visible.

 

For issue 2] in chrome , i have inspected class "highcharts-tooltip" and set visibility="visible" . <g class="highcharts-tooltip" zIndex="8" visibility="hidden" transform="translate(11,44)">......

After doing this my tooltext is visible.

When again slide then for chart 2 slide 2 tootltext is disable.

Please suggest

1. how to make tooltext visible?

2. For Drill which javascript function is called?

3. On mouse over of each chart item which function is called?

 

Please reply as soon as possible because this is very critical issue and important issue for us. We need to resolve this as soon as possible.

 

Thanks in advance.

- Smita

Smita,

 

I was probing your sample and it seems that there is something in the slider library which is causing this in these browsers. If you render the chart without using the library or before the sliding occurs, you will notice that the links are working in the second chart.

 

What I did is in the code:

 

I have rendered both the charts in start event:

 

start: function(slider) {

window.inSlide = 'income';

drawChart( 'MSCombiDY2D', 610, 400, window.inSlide, strXML1);

drawChart( 'MSCombiDY2D', 610, 400, window.inSlide+"1", strXML);

},

 

While running in Chrome, I have inspected to the DIV with class name "income_slider" and disabled overflow: hidden; style. This makes both the chart visible. Now the links work in both the charts.

Share this post


Link to post
Share on other sites

Hi Sudipto,

 

I want to call onclick event on chart data point.

How will i get chart data point object in onMouseOver: function () ??

Please suggest .

 

Thanks in advance.

- Smita

Share this post


Link to post
Share on other sites

Hi,

 

Each data point on a chart can be configured to call a named JavaScript function (from the global scope). For this you need to add an attribute named link in the <set/> element of the XML for your chart.

 

For more details on calling JavaScript function clicking a data point please read: http://docs.fusioncharts.com/charts/?DrillDown/JavaScript.html

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