我正在实施Stacked Bar Google Chart.我发现当我的类别跨越多行并且图例位于顶部时,图例将换行到多行,由hAxis变量上的maxLines选项控制.
但是,如果我将图例移动到底部,则图例不再包装,而是提供类别的分页视图.当图例位于顶部且maxLines选项设置为1时,这是相同的行为.
这是我的小提琴.顶部的图形顶部有图例,底部的图例顶部有图例......我这样做是为了让它变得简单......
google.load('visualization', '1', {packages: ['corechart', 'bar']});
google.setOnLoadCallback(drawBasic);
function drawBasic() {
var data = google.visualization.arrayToDataTable([
['Genre', 'Fantasy & Sci Fi', 'Romance', 'Mystery/Crime', 'General',
'Western', 'Literature', { role: 'annotation' } ],
['2010', 10, 20, 30, 20, 15, 5, ''],
]);
var options = {
width: 550,
height: 160,
chartArea: {height: '45%' },
legend: { position: 'top', maxLines: 3 },
bar: { groupWidth: '55%' },
hAxis: { maxValue: 100, ticks: [0, 25, 50, 75, 100] }, …Run Code Online (Sandbox Code Playgroud)