Sign in to follow this  
ragav

Javascript On Click Event

Recommended Posts

Hi all,

I want to show one alert while user click in chart area[ ie: user click any where inside chart area ]. Is it possible?

All ideas are welcome.

Share this post


Link to post
Share on other sites
Guest Sumedh

Hi all,

I want to show one alert while user click in chart area[ ie: user click any where inside chart area ]. Is it possible?

All ideas are welcome.

 

Hi,

 

To have event on a data plot, you can use javascript function as a link.

 

You would need to specify the javascript function inside the link attribute.

 

Ref. Code:

<set label='USA' value='235' link="j-myJS-USA,235"/>

 

For more information, please refer the following link:

http://docs.fusioncharts.com/charts/contents/?DrillDown/JavaScript.html

 

Hope this helps.

Share this post


Link to post
Share on other sites

Hi,

Thanks for your response, But that is working while am click particular label only right.

Exactly what i want , user can click any where in chart div at the time show one alert message.

 

 

ie: for example in html page i have 4 div ,in that html page if i click 1st div i want to show one alert , same like other div 's.

for testing only am asking java script alert.

Because this is possible means i can use android functions like,

 

" final MyJavaScriptInterface myJavaScriptInterface = new MyJavaScriptInterface(this);

webview.addJavascriptInterface(myJavaScriptInterface, "AndroidFunction"); ".

 

Actually in android webview i can show four charts use DIV Or SPAN.Then If i click 1st chart that's navigate to Second page(android java). That's why am using MyJavaScriptInterface.

this is working fine in android 2.2 because am using fusionchartXT v3.2.2 so charts not show in android 2.2 so div is empty so that's working.But not working in android 4.0 because chart can show in android 4.0.

But not working div on click event because chart cover full div area .

 

If i made some changes in html click event working.

ie: Increase the div space and reduce the chart size,if i click remaining empty div space div on click event working.

 

i want i can click any where in div area and call the function.

 

Thanks in advance.

i attached my html file and testing apk file.

 

Regards

Ragav.G

AndroidHTML_111021b.zip

ragav.html

Share this post


Link to post
Share on other sites
Guest Bindhu

Hi,

 

To make the entire chart as hotspot, please try using the "clickURL" attribute.

 

To set the entire chart as a hotspot, just specify the target link in clickURL attribute of <chart> element as under:

<chart ... clickURL='DetailedChart.html' ...>

 

For more details on 'Full Chart as a hotspot', please refer to the link below,

http://docs.fusioncharts.com/charts/contents/?DrillDown/ClickURL.html

 

For more details on 'Using JavaScript functions as links', please refer tot he link below,

http://docs.fusioncharts.com/charts/contents/?DrillDown/JavaScript.html

 

Hope this helps!

Edited by Bindhu

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