Javascript 如何添加到谷歌饼图切片的链接
这是我一直在工作的代码,我需要通过单击片段重定向到另一个页面Javascript 如何添加到谷歌饼图切片的链接,javascript,Javascript,这是我一直在工作的代码,我需要通过单击片段重定向到另一个页面 <script type='text/javascript' src='https://www.google.com/jsapi'></script> <script type='text/javascript'> // Load the Visualization API and the piechart package. google.load('visualization', '1.
<script type='text/javascript' src='https://www.google.com/jsapi'></script>
<script type='text/javascript'>
// Load the Visualization API and the piechart package.
google.load('visualization', '1.0', {'packages':['corechart']});
// Set a callback to run when the Google Visualization API is loaded.
google.setOnLoadCallback(drawChart);
// Callback that creates and populates a data table,
// instantiates the pie chart, passes in the data and
// draws it.
function drawChart() {
// Create the data table.
var data = new google.visualization.DataTable();
data.addColumn('string', 'Topping');
data.addColumn('number', 'Slices');
data.addRows([
['Cleaning Completed', $co1],
['Denied At Client Place', $co2],
['Denied', $co3],
['Postponed', $co4],
['Careless Driver', $co5],
['Cleaning Started', $co6],
['Emptyspace', $co22],
['Assigned to Vehicle', $co23],
['Select', $co24],
['Call Not Picked', $co25],
['Asked to Call Back', $co26],
]);
// Instantiate and draw our chart, passing in some options.
var chart = new google.visualization.PieChart(document.getElementById('chart_div'));
chart.draw(data, options);
}
</script>
//加载可视化API和piechart包。
load('visualization','1.0',{'packages':['corechart']});
//将回调设置为在加载Google Visualization API时运行。
setOnLoadCallback(drawChart);
//创建并填充数据表的回调,
//实例化饼图,传入数据并
//画它。
函数绘图图(){
//创建数据表。
var data=new google.visualization.DataTable();
data.addColumn('string','Topping');
data.addColumn('number','Slices');
data.addRows([
[‘清洗完成’,$co1],
[“在客户处被拒绝”,co2美元],
[‘拒绝’,$co3],
[‘延期’,$co4],
[‘粗心司机’,$co5],
[‘清洁已开始’,$co6],
['Emptyspace',$co22],
[‘分配给车辆’,$co23],
[‘选择’,$co24],
[‘未拾取呼叫’,$co25],
[‘要求回电话’,$co26],
]);
//实例化并绘制图表,传入一些选项。
var chart=new google.visualization.PieChart(document.getElementById('chart_div');
图表绘制(数据、选项);
}
我相信谷歌可视化可以让你设置点击处理程序。因此,在drawChart函数中,添加以下内容。(在图表后绘制)
查看“选择”中包含的内容,并查看是否有足够的信息来设置浏览器应重定向到的位置
更多信息:
google.visualization.events.addListener(chart, 'select', function() {
var selection = chart.getSelection();
console.log(selection);
});