条形图的图例文本被切断

时间:2014-03-18 08:36:44

标签: javascript html css legend

我有一个堆积条形图的传奇。然而,传奇的文本正在被切断:

enter image description here

以下是代码:

var options ={
    title: 'No. of cases by Planning Area(Islandwide)',
    vAxis: { title: '', titleTextStyle: { color: 'black'} },
    chartArea : {top :20,right : 45},
    isStacked: true,
    width: 500,
    height: 1600,
    colors: ['#cab2d6', '#b2df8a','#1f78b4','#33a02c','#a6cee3','#ffff99','#ff7f00','#e31a1c','#6a3d9a','#fb9a99','#cccccc'],
    fontSize: getFontSize(),
    legend:{ alignment: 'center', textStyle: { fontSize: getFontSize(), overflow: 'auto'} }
};


var chart = new google.visualization.BarChart(document.getElementById('pieOne'));
chart.draw(data,options);
$(".chart").colorbox({ inline: true, open: true, width: 800, height: 800});

虽然我已经为图例设置了autoflow属性,但它仍然被切断了。我想知道为什么会这样?

提前致谢。

0 个答案:

没有答案