Hi,
I am working on google charts.Below code is showing tooltip in case of core 
graph.
I am trying to show tooltip in case of Table chart.
need sugestions..

corechart code:
    <html>
      <head>
        <script type="text/javascript" 
src="https://www.google.com/jsapi";></script>
        <script type="text/javascript">
          google.load("visualization", "1", {packages:["corechart"]});
          google.setOnLoadCallback(drawVisualization);
        function drawVisualization() {

        data = new google.visualization.DataTable()
        data.addColumn('string', 'Date');
        data.addColumn('number');
        data.addColumn({type:'string',role:'tooltip'});
        data.addRow();
        base = 10;
        data.setValue(0, 0, 'Datapoint1');
        data.setValue(0, 1, base++);
        data.setValue(0, 2, " hello ");

        data.addRow();
        data.setValue(1, 0, 'Datapoint2');
        data.setValue(1, 1, base++);
        data.setValue(1, 2, "sourav here");

        // Draw the chart.
        var chart = new 
google.visualization.BarChart(document.getElementById('visualization'));
        chart.draw(data, {legend:'none', width:600, height:400});
    }

        </script>
      </head>
      <body>
        <div id="visualization" style="width: 900px; height: 500px;"></div>
      </body>
    </html>

Table code:


    <html>
      <head>
        <script type="text/javascript" 
src="https://www.google.com/jsapi";></script>
        <script type="text/javascript">
          google.load("visualization", "1", {packages:["Table"]});
          google.setOnLoadCallback(drawVisualization);
        function drawVisualization() {
        data = new google.visualization.DataTable()
        data.addColumn('string', 'Date');
        data.addColumn('number');
        data.addColumn({type:'string',role:'tooltip'});
        data.addRow();
        base = 10;
        data.setValue(0, 0, 'Datapoint1');
        data.setValue(0, 1, base++);
        data.setValue(0, 2, " hello ");

        data.addRow();
        data.setValue(1, 0, 'Datapoint2');
        data.setValue(1, 1, base++);
        data.setValue(1, 2, "sourav here");

        // Draw the chart.
        var chart = new 
google.visualization.Table(document.getElementById('visualization'));
        chart.draw(data, {legend:'none', width:600, height:400});
    }

        </script>
      </head>
      <body>
        <div id="visualization" style="width: 900px; height: 500px;"></div>
      </body>
    </html>


-- 
You received this message because you are subscribed to the Google Groups 
"Google Visualization API" group.
To view this discussion on the web visit 
https://groups.google.com/d/msg/google-visualization-api/-/Odd4k8H91_QJ.
To post to this group, send email to [email protected].
To unsubscribe from this group, send email to 
[email protected].
For more options, visit this group at 
http://groups.google.com/group/google-visualization-api?hl=en.

Reply via email to