Javascript 无法在google图表api中单击标签

Javascript 无法在google图表api中单击标签,javascript,charts,google-visualization,pygooglechart,pychart,Javascript,Charts,Google Visualization,Pygooglechart,Pychart,我是javascript新手,我正在使用GoogleChartAPI创建图表。我想点击左边的标签,如下图所示。所以,我的问题是,我们可以点击左边的标签吗? 给我一些想法。如果可能的话,请帮助我 function drawStackedChart(reqCategoryId,fcategoryName) { $.ajax({ url: "http://localhost:8080/TheSanshaWorld/sfcms/fetch-complai

我是javascript新手,我正在使用GoogleChartAPI创建图表。我想点击左边的标签,如下图所示。所以,我的问题是,我们可以点击左边的标签吗? 给我一些想法。如果可能的话,请帮助我

function drawStackedChart(reqCategoryId,fcategoryName)
        {

        $.ajax({
        url: "http://localhost:8080/TheSanshaWorld/sfcms/fetch-complaint-result-for-other-category?categoryId="+reqCategoryId,
        datatype: "json",
        success : function(jsonData)
        {
        var data = new google.visualization.DataTable();
         // Add columns
        data.addColumn('string','categoryName');
        data.addColumn({type: 'number',role: 'interval'});
        var complaintStatus = jsonData[0].complaintStatus;

        for(var i=0;i<complaintStatus.length;i++)
        {
        data.addColumn('number',complaintStatus[i].statusName);
        data.addColumn({type: 'number',role: 'scope'});
        }
        data.addRows(jsonData.length);
        var maxVal=jsonData[0].totalCountComplaint;
        for(i=0;i<jsonData.length;i++)
        {  
// trying to create hyperlink
        data.setCell(i,0,'<a href="next.html">+jsonData[i].categoryName+</a>');
        data.setCell(i,1,jsonData[i].categoryId);
        for(j=0; j< jsonData[i].complaintStatus.length; j++)
        {
        data.setCell(i,parseInt(jsonData[i].complaintStatus[j].statusId)*2, jsonData[i].complaintStatus[j].countComplaint);
        data.setCell(i,parseInt(jsonData[i].complaintStatus[j].statusId)*2+1, jsonData[i].complaintStatus[j].statusId);
        }

        if(jsonData[i].totalCountComplaint>maxVal)
        maxVal=jsonData[i].totalCountComplaint;
        }
        var options = {
        title : fcategoryName+' Complaints Dashboard',
        titleTextStyle : {
        fontName : 'Arial',
        fontSize : 18,
        bold : true,
        },
        isStacked:true,
        chartArea: {width:'50%',height:'75%'},
        bar: {groupWidth: '50%'},
        tooltip : {
        isHtml : true,
        textStyle : {
        fontName : 'sans-serif',
        fontSize : 14,
        bold : false
        }
        },
        hAxis:{
        title:'status values',
        gridlines : {
        count : maxVal+1
           },
        baseline:maxVal,//static
        },
        vAxis:{
        title:'Complaint\'s categories',
        textStyle : {
        fontName : 'sans-serif',
        fontSize : 18,
        bold : false,
        },
        },
        };
        var chart = new google.visualization.BarChart(document.getElementById('donutchart'));
        chart.draw(data, options);

        new google.visualization.events.addListener(chart, 'select', selectionHandler);
        function selectionHandler() {
        // code for selection handler
    }
函数drawStackedChart(reqCategoryId,fcategoryName)
{
$.ajax({
url:“http://localhost:8080/TheSanshaWorld/sfcms/fetch-其他类别的投诉结果?categoryId=“+reqCategoryId,
数据类型:“json”,
成功:函数(jsonData)
{
var data=new google.visualization.DataTable();
//添加列
data.addColumn('string','categoryName');
addColumn({type:'number',role:'interval'});
var complaintStatus=jsonData[0]。complaintStatus;

对于(var i=0;i,您可以使用
“单击”
targetID
查找单击的标签

if (selection[0].indexOf('vAxis') > -1) {
单击y轴标签时,
targetID
将保存一个类似以下的值

vAxis#0#label#0
您可以使用string方法
split
,在数据中查找标签值

selection = e.targetID.split('#');
当第一个值=
vAxis
时,这意味着单击了y轴标签

if (selection[0].indexOf('vAxis') > -1) {
第一个整数指的是y轴,在本例中,只有一个

第二个整数是指数据中的行

selection = e.targetID.split('#');
要获取单击的值

data.getValue(rowIndex, colIndex);
e、 g

请参阅以下工作片段

google.charts.load('current'{
回调:图纸,
软件包:['corechart']
});
函数绘图图(){
var data=google.visualization.arrayToDataTable([
['Element','Density',{role:'style'}],
[cuper',8.94',#b87333'],
[Silver',10.49',Silver'],
[Gold',19.30',Gold'],
[“白金”,21.45,“颜色:#e5e4e2']
]);
变量选项={
标题:“贵金属密度,单位为g/cm^3”,
宽度:600,
身高:400,
条:{groupWidth:'95%},
图例:{位置:'无'},
};
var chart=new google.visualization.BarChart(document.getElementById('chart_div'));
google.visualization.events.addListener(图表,'click',函数(e){
var选择;
如果(如targetID){
选择=e.targetID.split(“#”);
if(选择[0].indexOf('vAxis')>-1){
log('label clicked='+data.getValue(parseInt(selection[selection.length-1]),parseInt(selection[1]));
}
}
});
图表绘制(数据、选项);
}