Googleチャットで凡例のページング情報を取得するにはどうすればよいですか？

Question

凡例のページング情報を取得する必要があります。下の図に示すように、私たちは伝説のためにページングしています。したがって、現在選択されているページとページ情報の数を取得する必要があります。 'ready'イベントが発生

作業スニペット以下を参照してください。一度あなたが情報が含まれているSVG要素を検査する必要があります click here for image

Answer 1

何の設定オプションがないため、
、
...

google.charts.load('current', { 
 
    callback: function() { 
 
    var container = document.getElementById('chart_div'); 
 
    var chart = new google.visualization.PieChart(container); 
 
    var message = document.getElementById('msg_div'); 
 

 
    google.visualization.events.addListener(chart, 'ready', getLegendPage); 
 
    google.visualization.events.addListener(chart, 'select', getLegendPage); 
 

 
    function getLegendPage() { 
 
     Array.prototype.forEach.call(container.getElementsByTagName('text'), function(text) { 
 
     if (text.getAttribute('text-anchor') === 'middle') { 
 
      var legendPages = text.innerHTML.split('/'); 
 
      message.innerHTML = 'Selected Legend page is ' + legendPages[0] + ' of ' + legendPages[1]; 
 
     } 
 
     }); 
 
    } 
 

 
    chart.draw(google.visualization.arrayToDataTable([ 
 
     ['Task', 'Hours'], 
 
     ['A', 19.2], 
 
     ['B', 30.8], 
 
     ['C', 50.0], 
 
     ['D', 19.2], 
 
     ['E', 30.8], 
 
     ['F', 50.0], 
 
     ['G', 19.2], 
 
     ['H', 30.8], 
 
     ['I', 50.0], 
 
     ['J', 19.2], 
 
     ['K', 30.8], 
 
     ['L', 50.0], 
 
     ['M', 19.2], 
 
     ['N', 30.8], 
 
     ['O', 50.0] 
 
    ]), { 
 
     height: 400, 
 
     chartArea: { 
 
     top: 24 
 
     }, 
 
     legend: 'top', 
 
     pieHole: 0.4, 
 
     width: 400 
 
    }); 
 
    }, 
 
    packages: ['corechart'] 
 
});

<script src="https://www.gstatic.com/charts/loader.js"></script> 
 
<div id="chart_div"></div> 
 
<div id="msg_div"></div>