Javascript On Click Event

[ragav]

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.

[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.

[ragav]

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

[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 July 6, 2012 by Bindhu