javascript - 使用 Javascript 将鼠标悬停在 Google Chart API 上时如何更改光标样式

Question

我在这里所做的是，当悬停在列上时，我可以将光标样式更改为指针使用 CSS。但是，我不知道如何使用 Javascript 和 events.addListener

• 总结:改变光标样式

  1. 使用 CSS(完成)
  2. 使用Javascript(还没有)
  3. 使用events.addListener(还没有)

Demo

HTML:

<table>
    <tr>
        <td>
            <div id="chart_div" style="width: 350px; height: 350px;"></div>
        </td>
        <td>
            <div id="table_div" style="width: 350px; height: 350px;"></div>
        </td>
    </tr>
</table>

Javascript:

chart1();
chart2();

function chart1() {
    google.load("visualization", "1", {
        packages: ["corechart"]
    });
    google.setOnLoadCallback(drawChart);

    function drawChart() {
        var data = google.visualization.arrayToDataTable([
            ['Year', 'USD'],
            ['RSC Company', 1264383.00]
        ]);

        var options = {
            title: 'RSC Shipment Weekly: 27',
        };

        var chart = new google.visualization.ColumnChart(document.getElementById('chart_div'));
        chart.draw(data, options);
    }
};

function chart2() {
    google.load("visualization", "1", {
        packages: ["corechart"]
    });
    google.setOnLoadCallback(drawChart);

    function drawChart() {
        var data = google.visualization.arrayToDataTable([
            ['Year', 'Conts'],
            ['RSC Company', 10]
        ]);

        var options = {
            title: 'RSC Shipment Weeky: 27',
            colors: ['#FF0000']
        };

        var chart = new google.visualization.ColumnChart(document.getElementById('table_div'));
        chart.draw(data, options);
    }
}

Answer 1

CHECK THIS

       google.visualization.ColumnChart(document.getElementById('chart_div'));
        chart.draw(data, options);
                 google.visualization.events.addListener(chart, 'onmouseover', uselessHandler2);
         google.visualization.events.addListener(chart, 'onmouseout', uselessHandler3);
        chart.draw(data, options);

function uselessHandler2() {
 $('#chart_div').css('cursor','pointer')
  }  
        function uselessHandler3() {
 $('#chart_div').css('cursor','default')
  } 

使用这个...