Hi I'm using google charts api. And I'm displaying charts.html page in webview at titanium. It's working fine. But when ever i'm clicking particular column it's showing the tooltip(hint of particular value) . But I need to show the textfield instead of that tooltip . I have searched a lot but no where I found the route to slove my problem, can any one help me please. And I worte the code like this
chats.html
<html > <head > <!--Load the AJAX API--> <script type = "text/javascript"src = "https://www.google.com/jsapi" > </script> <script type="text/javascript "> var chart, data; function adjustWorkValue(v){ data.setCell(0,1,v); chart.draw(data, {width: 320, height: 240, is3D: true, title: 'My Daily Activities'}); } // Load the Visualization API and the piechart package. google.load('visualization', '1', {'packages':['corechart']}); // Set a callback to run when the Google Visualization API is loaded. google.setOnLoadCallback(drawChart); // Callback that creates and populates a data table, // instantiates the pie chart, passes in the data and // draws it. function drawChart(work_val) { // Create our data table. data = new google.visualization.DataTable(); data.addColumn('string', 'Task'); data.addColumn('number', 'Hours per Day'); data.addRows([ ['Work', 11], ['Eat', 2], ['Commute', 2], ['Watch TV', 2], ['Sleep', 7] ]); // Instantiate and draw our chart, passing in some options. if ( chart == undefined ) { chart = new google.visualization.PieChart(document.getElementById('chart_div')); } chart.draw(data, {width: 320, height: 240, is3D: true, title: 'My Daily Activities'}); google.visualization.events.addListener(chart, 'select', function(event){ Titanium.App.fireEvent("click_chart",{d: chart.getSelection()}); }); } </script> </head> <body> <!--Div that will hold the pie chart--> <div id="chart_div"></div> </body> </html>