2

我只是想在此图表的条形图中“居中”注释。您可以在栏的末尾看到数据的显示方式。该百分比可以在条形图中居中吗？

尽我所能，我无法弄清楚。我发现了一段被描述为 hack 的代码块，但它必须针对每个图表进行定制。我使用此代码生成大量图表。任何帮助将不胜感激！

在此处输入图像描述

function drawVisualizationstack(qid,cdata, w,h,l,cw,pos,stacked,questioncase) {   
    pos='top';
    var data = new google.visualization.DataTable();
var e;       
for (var k=0;k<cdata.length;k++) {
    e=cdata[k];

    if (e[0]=='column') {
            if (e[2]=="tooltip") {
                data.addColumn({type:'string',role:'tooltip','p':{'html':true}});
                //data.addColumn({type: 'string', role: 'annotation','p':{'html':true}});
            }
            else if (e[2]=="annotation") {
                data.addColumn({type: 'string', role: 'annotation', p: {html: true}}); 
            }
        else {
            if (e[2]=="All") e['2']="All";
            data.addColumn(e[1],e[2]);
        }
    }   
    else {                                        
                    if (e==="" || e===undefined) {mclog('UNDEFINED DATA ROW FOR ' + qid);}
                    else {
                        data.addRow(e);
                    }
                }
    }
h=h*.75;   
var chartHeight=h-65;
var options = {
    width:500,
    height:h,
    isStacked:true,
    chartArea:{height:chartHeight,left:l,width:cw},
    backgroundColor:'transparent',
    bar:{groupWidth:'80%'},
    tooltip: {isHtml:true},
    legend:{position:'none'},
    hAxis: {title: 'Percentage',minValue:0,maxValue:100},
    hAxis: {textPosition: 'none',ticks: [0]},
    colors: ['#5d5d5d', '#002e32', '#0e1a40', '#364940', '#a9b861', '#404000', '#504000', '#604000', '#003070', '#687000'] //set default colors for charts
}}},
true,italic: true,color: '#871b47',auraColor: '#d799ae',opacity: 0.8}}
     }
var chart = new google.visualization.BarChart(document.getElementById('questchart_'+qid));
jQuery("base").attr('href',document.location);
chart.draw(data,options);

}

4

0 回答 0