Can I show hand cursor on hover of each bar (Not using 'link')

[Shrabanee]

Hi,

So I am using 'dataPlotClick' event. Which is not showing hand cursor on hover of the bars. Is there any flag I can use to show it? 

I know it will work when we are using 'link'. But I don't really want to use it. 

Does anyone have any solution for this?

Thanks

[Ayan Bhadury]

Hi @Shrabanee

Apologies for the delayed response.

Showing up hand cursor on dataPlotClick is not possible natively as of now, however for the workaround you could fetch the SVG element and set explicitly the cursor as a pointer.

Please refer the sample fiddle for more - https://jsfiddle.net/Lk0ermg5/

[Shrabanee]

Hi @Ayan Bhadury ,

I will try this out. But I think showing hand cursor should be available for 'dataPlotClick' by default as it will work with click.

Will it work in all the browsers?

Edited December 5, 2017 by Shrabanee

[Ayan Bhadury]

Yes, this would work on all browsers.

[Shrabanee]

@Ayan Bhadury 

I have tried the workaround but it did not help me fully.
We have multiple charts in one view. While using the code you have given, it is adding hand cursor to all of the bar charts in the view, which is not right.

How can I make it work for only a specific chart instead of adding it for all of them?

How will it work for pie chart? Right now it is only working on the bar charts.  

[Ayan Bhadury]

Hi,

The SVG drawing for each chart is different from the other hence the code snippet for showing hand cursor would vary for different chart,

Please check the sample for pie chart - https://jsfiddle.net/7av3otg7/

[Shrabanee]

@Ayan Bhadury please give me some solution for below issue.

We have multiple charts in one view. While using the code you have given, it is adding hand cursor to all of the bar charts in the view. How can I show hand cursor on the specific chart where we have enabled dataPlotClick?

 

[Ayan Bhadury]

Please share us a sample replicating the problem, so that we could assist you further.

[Shrabanee]

Hi @Ayan Bhadury

Please refer https://jsfiddle.net/7av3otg7/3/

I want hand cursor only in the first pie chart. So I have added your given code for that chart. But as you can see, it is showing hand cursor for the 2nd pie chart also. How can I prevent that?

Edited December 5, 2017 by Shrabanee

[Ayan Bhadury]

Hi,

FusionCharts is looking for all the pie class and explicitly setting the hand cursor, you could overcome this scenario by using simply a conditional statement,

please check the fiddle for reference - https://jsfiddle.net/4kod46u9/

[Shrabanee]

So it is again a workaround @Ayan Bhadury.

If I will move the second chart up and the first chart down, it will show hand cursor for the chart which is there in the first position. I did not find it much useful as we have multiple charts, order of each chart can be changed by the user. 

Maybe somehow I have to use link only to show hand cursor till the time you guys are giving hand cursor for dataPlotClick.  

[Ayan Bhadury]

Hi @Shrabanee

Yes as of now this the only workaround.

We would let you know if the hand cursor is possible for dataplotclick event in future version releases. 

[Shrabanee]

Hi @Ayan Bhadury

Can you give me some code snippet to show hand cursor for 3d pie chart?

 

[Ayan Bhadury]

Hi @Shrabanee

Please check the fiddle for reference - https://jsfiddle.net/xaqm5zjh/