0
我需要獲取傳說的分頁信息。如下圖所示,我們爲圖例分頁。因此,我們需要獲取當前選定的頁面和頁面信息數量。 click here for image如何在谷歌圖表中獲取傳奇分頁信息?
我需要獲取傳說的分頁信息。如下圖所示,我們爲圖例分頁。因此,我們需要獲取當前選定的頁面和頁面信息數量。 click here for image如何在谷歌圖表中獲取傳奇分頁信息?
,因爲沒有配置選項,
你必須檢查其包含的信息的SVG元素,
一旦'ready'
事件觸發
看到下面的工作片段...
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>