0

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>
2
Contributors
1
Reply
3
Views
4 Years
Discussion Span
Last Post by LastMitch
This topic has been dead for over six months. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.