0

以下のコードでは、マウス アウト ハンドラが機能しませんが、関連するコード上でマウスを削除すると正常に動作します。(chart.draw() が正しく動作しないため)。みんな、この問題に手を貸してくれませんか。

  google.setOnLoadCallback(drawChart);
  function drawChart() {

    var data = google.visualization.arrayToDataTable([
      ['Task', 'Hours per Day'],
      ['Work',     11],
      ['Eat',      2],
      ['Commute',  2],
      ['Watch TV', 2],
      ['Sleep',    7]
    ]);

    var options = {
        title: 'My Daily Activities',
        legend: 'none',
        pieSliceText: 'percentage',
        slices: { }
    };

    var chart = new   google.visualization.PieChart(document.getElementById('piechart'));
    chart.draw(data, options);

    google.visualization.events.addListener(chart, 'onmouseout', function(e) {

        var slices = options.slices ;
        slices[e.row] = {};
        options['slices'] = slices;            
        chart.draw(data,options);
      } 
    );  // mouse out end

   google.visualization.events.addListener(chart, 'onmouseover', function(e) {

       var sliceid= e.row;
       console.log("mouse over"+sliceid);
       var slices = options.slices ;
       slices[e.row] = {offset:0.2};
       options['slices'] = slices;
       chart.draw(data,options);
           }
    );   // mouse over end
  }
4

1 に答える 1